*,: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;-o-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]){-webkit-text-decoration:underline dotted;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:JetBrains Mono,Fira Code,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::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}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}body{--tw-bg-opacity: 1;background-color:rgb(20 21 27 / var(--tw-bg-opacity, 1));font-family:Nunito,system-ui,sans-serif;--tw-text-opacity: 1;color:rgb(248 249 250 / var(--tw-text-opacity, 1));scrollbar-width:none}body::-webkit-scrollbar{display:none}body.modal-open{overflow:hidden}.\!container{width:100%!important}.container{width:100%}@media(min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media(min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media(min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media(min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media(min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-x-2{left:.5rem;right:.5rem}.inset-y-1{top:.25rem;bottom:.25rem}.-right-2{right:-.5rem}.-top-1{top:-.25rem}.bottom-0{bottom:0}.bottom-24{bottom:6rem}.left-0{left:0}.left-1\/2{left:50%}.left-4{left:1rem}.right-0{right:0}.right-4{right:1rem}.top-0{top:0}.top-1\/2{top:50%}.top-20{top:5rem}.top-4{top:1rem}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[101\]{z-index:101}.z-\[99\]{z-index:99}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.mr-2{margin-right:.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.block{display:block}.inline{display:inline}.flex{display:flex}.\!grid{display:grid!important}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-1\.5{height:.375rem}.h-1\/2{height:50%}.h-12{height:3rem}.h-2{height:.5rem}.h-24{height:6rem}.h-4{height:1rem}.h-\[100dvh\]{height:100dvh}.h-\[300px\]{height:300px}.h-\[50vh\]{height:50vh}.h-\[68px\]{height:68px}.h-full{height:100%}.max-h-\[60vh\]{max-height:60vh}.min-h-\[400px\]{min-height:400px}.w-12{width:3rem}.w-2\/3{width:66.666667%}.w-20{width:5rem}.w-32{width:8rem}.w-4{width:1rem}.w-80{width:20rem}.w-\[300px\]{width:300px}.w-full{width:100%}.max-w-2xl{max-width:42rem}.flex-1{flex:1 1 0%}.flex-\[2\]{flex:2}.flex-shrink-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))}.-translate-y-1{--tw-translate-y: -.25rem;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))}.translate-y-0{--tw-translate-y: 0px;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-100{--tw-scale-x: 1;--tw-scale-y: 1;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-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;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-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1;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 bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-start{scroll-snap-align:start}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:16px}.rounded-xl{border-radius:24px}.rounded-bl-xl{border-bottom-left-radius:24px}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-background{--tw-border-opacity: 1;border-color:rgb(20 21 27 / var(--tw-border-opacity, 1))}.border-border{--tw-border-opacity: 1;border-color:rgb(58 60 78 / var(--tw-border-opacity, 1))}.border-border\/50{border-color:#3a3c4e80}.border-gold\/20{border-color:#ffd70033}.border-pink-500\/10{border-color:#ec48991a}.border-primary{--tw-border-opacity: 1;border-color:rgb(255 51 102 / var(--tw-border-opacity, 1))}.border-primary\/20{border-color:#f363}.border-primary\/30{border-color:#ff33664d}.border-red-400{--tw-border-opacity: 1;border-color:rgb(248 113 113 / var(--tw-border-opacity, 1))}.border-white\/10{border-color:#ffffff1a}.border-white\/30{border-color:#ffffff4d}.border-white\/5{border-color:#ffffff0d}.bg-\[\#0D0F1A\]\/90{background-color:#0d0f1ae6}.bg-accent{--tw-bg-opacity: 1;background-color:rgb(0 255 204 / var(--tw-bg-opacity, 1))}.bg-accent\/20{background-color:#0fc3}.bg-background{--tw-bg-opacity: 1;background-color:rgb(20 21 27 / var(--tw-bg-opacity, 1))}.bg-background\/60{background-color:#14151b99}.bg-background\/80{background-color:#14151bcc}.bg-background\/95{background-color:#14151bf2}.bg-black\/40{background-color:#0006}.bg-black\/60{background-color:#0009}.bg-danger{--tw-bg-opacity: 1;background-color:rgb(255 68 68 / var(--tw-bg-opacity, 1))}.bg-gold{--tw-bg-opacity: 1;background-color:rgb(255 215 0 / var(--tw-bg-opacity, 1))}.bg-gold\/10{background-color:#ffd7001a}.bg-primary{--tw-bg-opacity: 1;background-color:rgb(255 51 102 / var(--tw-bg-opacity, 1))}.bg-primary\/15{background-color:#ff336626}.bg-primary\/20{background-color:#f363}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-success{--tw-bg-opacity: 1;background-color:rgb(0 200 83 / var(--tw-bg-opacity, 1))}.bg-surface{--tw-bg-opacity: 1;background-color:rgb(30 32 50 / var(--tw-bg-opacity, 1))}.bg-surface\/80{background-color:#1e2032cc}.bg-surface\/95{background-color:#1e2032f2}.bg-surfaceHover{--tw-bg-opacity: 1;background-color:rgb(42 44 66 / var(--tw-bg-opacity, 1))}.bg-white\/10{background-color:#ffffff1a}.bg-white\/5{background-color:#ffffff0d}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.from-primary\/20{--tw-gradient-from: rgb(255 51 102 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 51 102 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-surface{--tw-gradient-to: #1E2032 var(--tw-gradient-to-position)}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.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-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-2{padding-bottom:.5rem}.pb-24{padding-bottom:6rem}.pb-4{padding-bottom:1rem}.pt-12{padding-top:3rem}.pt-2{padding-top:.5rem}.text-left{text-align:left}.text-center{text-align:center}.font-body{font-family:Nunito,system-ui,sans-serif}.font-heading{font-family:Bungee,Fredoka One,system-ui,sans-serif}.font-mono{font-family:JetBrains Mono,Fira Code,monospace}.font-numbers{font-family:Varela Round,system-ui,sans-serif}.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-8xl{font-size:6rem;line-height:1}.text-\[10px\]{font-size:10px}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.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-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-tight{line-height:1.25}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-accent{--tw-text-opacity: 1;color:rgb(0 255 204 / var(--tw-text-opacity, 1))}.text-background{--tw-text-opacity: 1;color:rgb(20 21 27 / var(--tw-text-opacity, 1))}.text-danger{--tw-text-opacity: 1;color:rgb(255 68 68 / var(--tw-text-opacity, 1))}.text-gold{--tw-text-opacity: 1;color:rgb(255 215 0 / var(--tw-text-opacity, 1))}.text-pink-300{--tw-text-opacity: 1;color:rgb(249 168 212 / var(--tw-text-opacity, 1))}.text-pink-400{--tw-text-opacity: 1;color:rgb(244 114 182 / var(--tw-text-opacity, 1))}.text-primary{--tw-text-opacity: 1;color:rgb(255 51 102 / var(--tw-text-opacity, 1))}.text-success{--tw-text-opacity: 1;color:rgb(0 200 83 / var(--tw-text-opacity, 1))}.text-text{--tw-text-opacity: 1;color:rgb(248 249 250 / var(--tw-text-opacity, 1))}.text-textDim{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/40{color:#fff6}.text-white\/80{color:#fffc}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-50{opacity:.5}.opacity-80{opacity:.8}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px 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_10px_rgba\(167\,139\,250\,0\.4\)\]{--tw-shadow: 0 0 10px rgba(167,139,250,.4);--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_10px_rgba\(255\,215\,0\,0\.5\)\]{--tw-shadow: 0 0 10px rgba(255,215,0,.5);--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_12px_rgba\(0\,200\,83\,0\.3\)\]{--tw-shadow: 0 0 12px rgba(0,200,83,.3);--tw-shadow-colored: 0 0 12px 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_12px_rgba\(167\,139\,250\,0\.3\)\]{--tw-shadow: 0 0 12px rgba(167,139,250,.3);--tw-shadow-colored: 0 0 12px 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_15px_rgba\(167\,139\,250\,0\.4\)\]{--tw-shadow: 0 0 15px rgba(167,139,250,.4);--tw-shadow-colored: 0 0 15px 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_15px_rgba\(255\,215\,0\,0\.4\)\]{--tw-shadow: 0 0 15px rgba(255,215,0,.4);--tw-shadow-colored: 0 0 15px 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_4px_16px_rgba\(0\,0\,0\,0\.5\)\]{--tw-shadow: 0 4px 16px rgba(0,0,0,.5);--tw-shadow-colored: 0 4px 16px 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_8px_32px_rgba\(0\,0\,0\,0\.4\)\]{--tw-shadow: 0 8px 32px rgba(0,0,0,.4);--tw-shadow-colored: 0 8px 32px 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-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.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)}.blur{--tw-blur: blur(8px);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)}.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)}.drop-shadow-\[0_4px_8px_rgba\(167\,139\,250\,0\.6\)\]{--tw-drop-shadow: drop-shadow(0 4px 8px rgba(167,139,250,.6));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)}.drop-shadow-md{--tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / .07)) drop-shadow(0 2px 2px 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)}.drop-shadow-xl{--tw-drop-shadow: drop-shadow(0 20px 13px rgb(0 0 0 / .03)) drop-shadow(0 8px 5px rgb(0 0 0 / .08));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)}.invert{--tw-invert: invert(100%);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)}.backdrop-blur-md{--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-xl{--tw-backdrop-blur: blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;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-opacity{transition-property:opacity;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-300{transition-duration:.3s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;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))}.hover\:scale-110:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.1;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))}.hover\:bg-primary\/20:hover{background-color:#f363}.hover\:bg-white\/5:hover{background-color:#ffffff0d}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:text-white\/60:hover{color:#fff9}.hover\:opacity-100:hover{opacity:1}.hover\:opacity-90:hover{opacity:.9}.hover\:brightness-110:hover{--tw-brightness: brightness(1.1);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)}.focus\:border-primary:focus{--tw-border-opacity: 1;border-color:rgb(255 51 102 / var(--tw-border-opacity, 1))}.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\:scale-95:active{--tw-scale-x: .95;--tw-scale-y: .95;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))}@media(min-width:640px){.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:p-6{padding:1.5rem}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;overscroll-behavior-y:none}html,body{scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#a78bfa33;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#a78bfa80}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}:root{--bg: #14151b;--surface: #1e2032;--surface-hover: #2a2c42;--surface-highlight: #343654;--overlay: rgba(20, 21, 27, .88);--accent: #ff3366;--accent-hover: #ff5c85;--accent-muted: rgba(255, 51, 102, .15);--accent-glow: rgba(255, 51, 102, .35);--brand-secondary: #7289da;--brand-accent: #00ffcc;--brand-accent-muted: rgba(0, 255, 204, .15);--text: #f8f9fa;--text-dim: #9ca3af;--text-muted: #6b7280;--border: #3a3c4e;--border-light: rgba(255, 255, 255, .08);--gold: #ffd700;--gold-hover: #ffe44d;--ui-gold: #ffd700;--energy: #00e5ff;--danger: #ff4444;--success: #00c853;--info: #4db8ff;--rarity-common: #9ca3af;--rarity-rare: #60a5fa;--rarity-epic: #a78bfa;--rarity-legendary: #ffd700;--elevation-shadow: 0 12px 32px rgba(0, 0, 0, .6), inset 0 1px 0 rgba(255, 255, 255, .08);--neon-glow: 0 0 10px rgba(255, 51, 102, .5), 0 0 20px rgba(255, 51, 102, .3);--neon-accent: 0 0 10px rgba(0, 255, 204, .5), 0 0 20px rgba(0, 255, 204, .3);--neon-gold: 0 0 10px rgba(255, 215, 0, .5), 0 0 20px rgba(255, 215, 0, .3);--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--ease-bouncy: cubic-bezier(.68, -.55, .265, 1.55);--ease-snappy: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .15s;--dur-normal: .3s;--dur-slow: .5s}body{font-family:Nunito,system-ui,-apple-system,Segoe UI,"Noto Color Emoji","Apple Color Emoji","Segoe UI Emoji",sans-serif;background:var(--bg);color:var(--text);height:100dvh;height:100vh;overflow:hidden;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:none;-webkit-touch-callout:none}.font-display,h1,h2,h3{font-family:Bungee,Fredoka One,system-ui,-apple-system,sans-serif}.font-numbers{font-family:Varela Round,system-ui,-apple-system,sans-serif;font-variant-numeric:tabular-nums}.viewport{width:100vw;height:100dvh;height:100vh;position:relative;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;overflow:hidden}.viewport:before,.viewport:after{content:"";position:absolute;inset:-50%;pointer-events:none;z-index:0;opacity:.15;background:radial-gradient(circle at center,var(--accent) 0%,transparent 50%);filter:blur(80px);animation:auroraFloat 25s infinite alternate ease-in-out}.viewport:after{background:radial-gradient(circle at center,var(--success) 0%,transparent 50%);animation:auroraFloat 30s infinite alternate-reverse ease-in-out;opacity:.1;transform:translate(10vw,-10vh)}@keyframes auroraFloat{0%{transform:translate(-10vw,-10vh) scale(1)}50%{transform:translate(10vw,15vh) scale(1.2)}to{transform:translate(-5vw,10vh) scale(.9)}}.screen{grid-area:1 / 1 / 2 / 2;width:100vw;height:100dvh;height:100vh;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;display:none;flex-direction:column;align-items:center;padding:52px 16px 84px}.screen.active{display:flex}.screen{background:linear-gradient(var(--bg) 10%,transparent 50%),linear-gradient(transparent 50%,var(--bg) 90%) 0 100%,radial-gradient(farthest-side at 50% 0,rgba(167,139,250,.15),transparent),radial-gradient(farthest-side at 50% 100%,rgba(167,139,250,.15),transparent) 0 100%;background-repeat:no-repeat;background-color:transparent;background-size:100% 40px,100% 40px,100% 14px,100% 14px;background-attachment:local,local,scroll,scroll}::view-transition-old(root),::view-transition-new(root){animation-duration:.45s;animation-timing-function:cubic-bezier(.34,1.56,.64,1)}::view-transition-old(root){animation:vtOldScaleDown .45s cubic-bezier(.34,1.56,.64,1) forwards;z-index:1}::view-transition-new(root){z-index:2}html[data-transition=slide-left] ::view-transition-new(root){animation:vtNewSlideLeft .45s cubic-bezier(.34,1.56,.64,1) forwards}html[data-transition=slide-right] ::view-transition-new(root){animation:vtNewSlideRight .45s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes vtOldScaleDown{to{opacity:0;transform:scale(.96);filter:brightness(.6)}}@keyframes vtNewSlideLeft{0%{transform:translate(100vw);opacity:0}to{transform:translate(0);opacity:1}}@keyframes vtNewSlideRight{0%{transform:translate(-100vw);opacity:0}to{transform:translate(0);opacity:1}}.nav-arrow{position:fixed;top:0;z-index:100;width:48px;height:100%;border:none;border-radius:0;background:transparent;color:var(--text);font-size:1.6rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none}.nav-arrow:hover{background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.nav-left{left:0;border-right:1px solid var(--border)}.nav-right{right:0;border-left:1px solid var(--border)}.nav-arrow.hidden{opacity:0!important;pointer-events:none!important}@media(hover:hover)and (pointer:fine){.viewport:hover~.nav-arrow:not(.hidden),body.pointer-device .viewport:hover~.nav-arrow:not(.hidden){opacity:1;pointer-events:all}body.pointer-device .nav-arrow:not(.hidden):hover{opacity:1;pointer-events:all}}@media(hover:none)and (pointer:coarse){.nav-arrow{display:none!important}}body.touch-device .nav-arrow{display:none!important}body.pointer-device .nav-arrow{opacity:0;pointer-events:none}body.pointer-device:hover .nav-arrow:not(.hidden){opacity:1;pointer-events:all}.nav-dots{display:none!important}.nav-bar{display:flex;align-items:stretch;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;height:60px;z-index:200;background:#0d0f1aeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid rgba(255,255,255,.08);padding:0;padding-bottom:env(safe-area-inset-bottom,0px);transition:transform .3s ease,opacity .3s ease}.nav-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:none;border:none;color:#fff6;cursor:pointer;transition:all .2s ease;position:relative;font-family:Inter,sans-serif;-webkit-tap-highlight-color:transparent;padding:6px 0}.nav-tab:before{content:"";position:absolute;top:0;left:25%;right:25%;height:3px;border-radius:0 0 3px 3px;background:transparent;transition:background .2s ease}.viewport{padding-bottom:60px}.screen{padding-bottom:8px}#version-badge{bottom:66px!important}.nav-pill{position:absolute;top:6px;bottom:calc(env(safe-area-inset-bottom,0px) + 6px);background:#a78bfa26;border:1px solid rgba(167,139,250,.4);border-radius:12px;box-shadow:0 0 12px var(--accent-glow);pointer-events:none;transition:all .4s cubic-bezier(.34,1.56,.64,1);z-index:0}.nav-tab{z-index:1;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.nav-tab:before{display:none!important}.nav-tab.active{color:var(--accent);transform:translateY(-8px)}.nav-tab.active .nav-tab-icon{transform:scale(1.25);filter:drop-shadow(0 4px 8px rgba(167,139,250,.6))}.nav-tab.active:before{display:none}@keyframes swipeHint{0%{transform:translate(-200vw)}15%{transform:translate(calc(-200vw + 24px))}30%{transform:translate(-200vw)}45%{transform:translate(calc(-200vw + 12px))}60%{transform:translate(-200vw)}to{transform:translate(-200vw)}}.screen-track.hint-bounce{animation:swipeHint 1.2s cubic-bezier(.25,.46,.45,.94) forwards}.screen-header{display:none}.stats-bar{display:flex;gap:12px;padding:12px 16px;margin-bottom:16px;background:var(--surface);border:1px solid var(--border);border-top:1px solid rgba(255,255,255,.12);border-radius:16px;backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);box-shadow:0 16px 40px #0006,inset 0 1px #ffffff0d;width:min(480px,calc(100vw - 60px));justify-content:space-around;position:relative}.stats-bar:after{content:"";position:absolute;inset:0;border-radius:inherit;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none}.stat{text-align:center;flex:1}.stat-value{font-size:1.5rem;font-weight:900;line-height:1;font-variant-numeric:tabular-nums;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.stat-value.pulse-grow{transform:scale(1.25);text-shadow:0 0 12px currentColor}.stat-label{font-size:.72rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;margin-top:4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 28px;border:none;border-radius:14px;font-family:inherit;font-size:.9rem;font-weight:800;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .15s cubic-bezier(.68,-.55,.265,1.55),box-shadow .15s ease;letter-spacing:.02em;text-transform:uppercase;position:relative;overflow:visible}.btn:active{transform:translateY(6px) scaleY(.95) scaleX(1.02)!important;box-shadow:0 2px #00000080!important;filter:brightness(.9)}.btn-primary{background:linear-gradient(180deg,var(--accent),#e62e5c);color:#fff;box-shadow:0 8px #9f1239,0 8px 15px #f366;text-shadow:0 2px 0 rgba(0,0,0,.2)}.btn-primary:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 10px #9f1239,0 10px 20px #f369}.btn-secondary{background:var(--surface-hover);color:var(--text);border:2px solid var(--border);box-shadow:0 6px 0 var(--border),0 6px 15px #0003}.btn-secondary:hover{transform:translateY(-2px);border-color:var(--primary);box-shadow:0 8px 0 var(--border),0 8px 15px #0000004d}.btn-muted{background:transparent;color:var(--text-dim);border:none;font-size:.78rem;opacity:.7;padding:8px 16px}.btn-muted:hover{opacity:1;color:var(--text)}.btn-sm{padding:8px 18px;font-size:.8rem;border-radius:10px}.btn-danger{background:linear-gradient(180deg,var(--danger),#b91c1c);color:#fff;box-shadow:0 8px #7f1d1d,0 8px 15px #ef444466;text-shadow:0 2px 0 rgba(0,0,0,.2)}.btn-danger:hover{filter:brightness(1.12);transform:translateY(-2px);box-shadow:0 10px #7f1d1d,0 10px 20px #ef444499}.btn-success{background:linear-gradient(180deg,var(--success),#15803d);color:#fff;box-shadow:0 8px #14532d,0 8px 15px #22c55e66;text-shadow:0 2px 0 rgba(0,0,0,.2)}.btn-success:hover{filter:brightness(1.12);transform:translateY(-2px);box-shadow:0 10px #14532d,0 10px 20px #22c55e99}.modal{margin:auto;padding:0;border:none;background:transparent;outline:none;color:inherit;overflow:hidden;max-width:100vw;max-height:100dvh;max-height:100vh;scrollbar-width:none}.modal::-webkit-scrollbar{display:none}.modal::backdrop{background:#0d0f1ad9;backdrop-filter:blur(8px) brightness(.8) contrast(1.1);-webkit-backdrop-filter:blur(8px) brightness(.8) contrast(1.1);animation:fadeIn .4s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-card{background:#1e2032f2;border:1px solid var(--border);border-top:1px solid rgba(255,255,255,.12);border-radius:24px;padding:36px 44px;text-align:center;max-width:420px;width:min(calc(100vw - 40px),100%);box-shadow:0 24px 64px #000000b3,inset 0 1px #ffffff0d;contain:layout;position:relative;animation:modalPop .5s cubic-bezier(.34,1.56,.64,1) forwards}.modal-card:before{content:"";position:absolute;inset:0;border-radius:inherit;border:2px solid transparent;background:linear-gradient(135deg,rgba(255,255,255,.7),transparent,rgba(255,255,255,.5)) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;pointer-events:none;z-index:2;animation:edgeLighting 1.5s ease-out forwards}.modal-card:after{content:"";position:absolute;inset:0;border-radius:inherit;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;z-index:0}.modal-card>*{position:relative;z-index:1;opacity:0;transform:translateY(10px);animation:staggerFadeIn .4s cubic-bezier(.34,1.56,.64,1) forwards}.modal-card>*:nth-child(1){animation-delay:.05s}.modal-card>*:nth-child(2){animation-delay:.1s}.modal-card>*:nth-child(3){animation-delay:.15s}.modal-card>*:nth-child(4){animation-delay:.2s}.modal-card>*:nth-child(5){animation-delay:.25s}@keyframes edgeLighting{0%{opacity:0;transform:scale(.95)}20%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}@keyframes staggerFadeIn{to{opacity:1;transform:translateY(0)}}@keyframes modalPop{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-card.overlay-gameover{border-top:3px solid #f5cf50}.modal-card.overlay-energy{border-top:3px solid #a8d8a8}.modal-card.overlay-pause{border-top:3px solid #c4b5e0}.overlay-score{font-size:2.5rem;font-weight:900;color:var(--gold);margin:10px 0}.overlay-detail{font-size:.85rem;color:var(--text-dim);margin-bottom:6px}.overlay-card h2{font-size:1.6rem;font-weight:900;margin-bottom:8px}.overlay-actions{display:flex;flex-direction:column;gap:10px;margin-top:16px;align-items:stretch}.card{background:var(--surface);border:1px solid var(--border);border-top:1px solid rgba(255,255,255,.12);border-radius:20px;backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);box-shadow:0 16px 40px #0006,inset 0 1px #ffffff0d;padding:16px;width:min(480px,calc(100vw - 60px));position:relative}.card:after{content:"";position:absolute;inset:0;border-radius:inherit;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none}.gap-sm{gap:8px}.gap-md{gap:12px}.flex-center{display:flex;align-items:center;justify-content:center}.flex-wrap{flex-wrap:wrap}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mb-12{margin-bottom:12px}.text-gold{color:var(--gold)}.text-accent{color:var(--accent)}.text-dim{color:var(--text-dim)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.fw-900{font-weight:900}.toast-container{position:fixed;bottom:84px;right:16px;display:grid;align-items:end;z-index:400;pointer-events:none;max-width:320px;width:calc(100vw - 32px)}.toast{grid-area:1 / 1;padding:14px 28px;background:#1e2032fa;border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:12px;font-size:.92rem;font-weight:600;box-shadow:0 8px 24px #0009;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);pointer-events:auto;overflow:hidden;--swipe-x: 0px;--stack-y: 20px;--stack-scale: .95;opacity:0;transform:translate(var(--swipe-x),var(--stack-y)) scale(var(--stack-scale));transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .4s ease}.toast.show:nth-last-child(1){--stack-y: 0px;--stack-scale: 1;z-index:3;opacity:1}.toast.show:nth-last-child(2){--stack-y: -14px;--stack-scale: .95;z-index:2;opacity:.8;filter:brightness(.8)}.toast.show:nth-last-child(3){--stack-y: -28px;--stack-scale: .9;z-index:1;opacity:.4;filter:brightness(.5)}.toast.show:nth-last-child(n+4){opacity:0;pointer-events:none;--stack-y: -42px}.toast.swiped-out{opacity:0!important;--swipe-x: 100% !important;transition:transform .3s ease-in,opacity .3s ease}.toast:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--accent);transform-origin:left;animation:toastProgress 2.5s linear forwards}@keyframes toastProgress{to{transform:scaleX(0)}}.toast.toast-success{border-left-color:var(--success);background:#22c55e14}.toast.toast-success:after{background:var(--success)}.toast.toast-error{border-left-color:var(--danger);background:#ef444414}.toast.toast-error:after{background:var(--danger)}.toast.toast-info{border-left-color:var(--accent);background:#a78bfa14}.toast.toast-info:after{background:var(--accent)}@supports (height: 100dvh){body,.viewport,.screen-track,.screen{height:100dvh}}@media(max-height:650px){.screen-header{margin-bottom:6px}.screen-header h1{font-size:1.1rem}.screen-header .subtitle{font-size:.6rem;margin-top:2px}.stats-bar{padding:6px 10px;margin-bottom:8px}.stat-value{font-size:clamp(.9rem,2.5vw,1.3rem)}.screen{padding:48px 12px 16px}}@media(max-height:500px){.screen{padding:44px 10px 10px}.screen-header{margin-bottom:4px}.stats-bar{padding:4px 8px;margin-bottom:6px}}@media(max-width:400px){.stats-bar{width:calc(100vw - 40px);gap:8px;padding:8px 10px}.card{width:calc(100vw - 40px);padding:12px}}@keyframes arrowHintFlash{0%{opacity:0}30%{opacity:.5}70%{opacity:.5}to{opacity:0}}.nav-arrow.arrow-hint-flash{animation:arrowHintFlash 2s ease-in-out forwards;pointer-events:none}@keyframes plantBounce{0%{transform:scale(1)}40%{transform:scale(1.1)}to{transform:scale(1)}}.plant-bounce{animation:plantBounce .3s ease-out}@keyframes screenShake{0%,to{transform:translate(0)}10%{transform:translate(-4px)}20%{transform:translate(4px)}30%{transform:translate(-3px)}40%{transform:translate(3px)}50%{transform:translate(-2px)}60%{transform:translate(2px)}}.screen-shake{animation:screenShake .5s ease-out}@keyframes badgePulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.7}}.nav-dot.has-notification:after{content:"";position:absolute;top:-3px;right:-3px;width:7px;height:7px;background:var(--gold);border-radius:50%;border:1px solid var(--bg);animation:badgePulse 2s ease-in-out infinite}.nav-dot{position:relative}.farm-ready-badge{display:none;position:fixed;top:50%;transform:translateY(-50%);z-index:101;padding:6px 14px;background:#1e2032eb;border:1px solid var(--gold);border-radius:10px;font-size:.75rem;font-weight:700;color:var(--gold);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 16px #fbbf2426;transition:all .3s ease;animation:badgePulse 3s ease-in-out infinite}.farm-ready-badge.show{display:block}.farm-ready-badge.point-right{right:8px;left:auto}.farm-ready-badge.point-right:after{content:" ▶"}.farm-ready-badge.point-left{left:8px;right:auto}.farm-ready-badge.point-left:before{content:"◀ "}.farm-ready-badge:hover{box-shadow:0 0 24px #fbbf244d}.btn-dismiss{background:transparent;color:var(--text-dim);border:1px dashed rgba(255,255,255,.12);font-size:.78rem;padding:8px 16px;opacity:.6;transition:all .2s}.btn-dismiss:hover{opacity:1;border-color:#ffffff40;color:var(--text)}.nav-tab{overflow:hidden}.nav-tab:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.08) 40%,rgba(255,255,255,.14) 50%,rgba(255,255,255,.08) 60%,transparent 80%);background-size:200% 100%;animation:navShimmer 4s ease-in-out infinite;pointer-events:none;opacity:0}.nav-tab.active:after{opacity:1}@keyframes navShimmer{0%{background-position:200% 0}40%{background-position:-200% 0}to{background-position:-200% 0}}.nav-tab .nav-notify-dot{position:absolute;top:6px;right:20%;width:8px;height:8px;border-radius:50%;border:1.5px solid var(--bg);animation:badgePulse 2s ease-in-out infinite;pointer-events:none;z-index:2}.nav-tab .nav-notify-dot.dot-green{background:#22c55e;box-shadow:0 0 6px #22c55e80}.nav-tab .nav-notify-dot.dot-red{background:#ef4444;box-shadow:0 0 6px #ef444480}@keyframes waterSplash{0%{transform:scale(1)}30%{transform:scale(1.3);filter:brightness(1.5)}60%{transform:scale(.95)}to{transform:scale(1);filter:brightness(1)}}.water-splash{animation:waterSplash .5s ease-out}.energy-feed-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--border);border-radius:12px;margin-bottom:6px;background:var(--surface)}.energy-feed-item .feed-icon{font-size:1.4rem;line-height:1}.energy-feed-item .feed-info{flex:1;font-size:.82rem;text-align:left}.energy-feed-item .feed-info .feed-name{font-weight:700}.energy-feed-item .feed-info .feed-qty{color:var(--text-dim);font-size:.75rem}.energy-feed-item .feed-btn{padding:6px 16px;border-radius:10px;font-weight:700;border:none;cursor:pointer;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-size:.8rem;transition:transform .15s ease,opacity .2s ease}.energy-feed-item .feed-btn:hover{transform:scale(1.05)}.energy-feed-item .feed-btn:disabled{opacity:.4;cursor:default;transform:none}.energy-play-btn{width:100%;padding:12px;border:none;border-radius:14px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-size:1rem;font-weight:900;cursor:pointer;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.boot-loader{position:fixed;inset:0;z-index:9999;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;transition:opacity .5s ease}.boot-loader.hidden{opacity:0;pointer-events:none}.boot-spinner{width:40px;height:40px;border:3px solid rgba(167,139,250,.2);border-top-color:var(--accent);border-radius:50%;animation:bootSpin .8s linear infinite}@keyframes bootSpin{to{transform:rotate(360deg)}}.boot-text{font-size:.85rem;color:var(--text-dim);font-weight:600;letter-spacing:.02em}.farm-shop-fab{position:fixed;bottom:80px;right:16px;width:48px;height:48px;border-radius:50%;border:none;background:linear-gradient(135deg,var(--accent),#8b5cf6);color:#fff;font-size:1.3rem;cursor:pointer;box-shadow:0 4px 20px #8b5cf666;z-index:100;transition:transform .2s,box-shadow .2s;display:none}.farm-shop-fab:hover{transform:scale(1.1);box-shadow:0 6px 28px #8b5cf68c}.farm-shop-fab.visible{display:flex;align-items:center;justify-content:center}.theme-cycle-fab{position:fixed;bottom:80px;left:16px;padding:6px 14px;border-radius:24px;border:1px solid rgba(255,255,255,.15);background:#0000008c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:.78rem;font-weight:600;cursor:pointer;z-index:100;transition:transform .2s,box-shadow .2s;white-space:nowrap}.theme-cycle-fab:hover{transform:scale(1.06);box-shadow:0 4px 16px #8b5cf659}.m3-recommended{display:inline-block;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1e1b2e;font-size:.6rem;font-weight:800;padding:2px 8px;border-radius:8px;text-transform:uppercase;letter-spacing:.04em;margin-top:4px}.trivia-settings-toggle{display:inline-flex;align-items:center;gap:4px;background:transparent;border:1px solid var(--border);border-radius:8px;padding:6px 12px;color:var(--text-dim);font-size:.78rem;font-family:inherit;cursor:pointer;transition:all .2s;margin-top:10px}.trivia-settings-toggle:hover{background:var(--surface);color:var(--text)}.trivia-settings-panel{display:none;flex-direction:column;gap:10px;margin-top:10px;padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:10px}.trivia-settings-panel.open{display:flex}.trivia-settings-panel label{font-size:.78rem;color:var(--text-dim);font-weight:600}.trivia-settings-panel select{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:6px 10px;font-family:inherit;font-size:.82rem}.growth-time-label{font-size:.62rem;color:var(--text-dim);text-align:center;margin-top:2px;opacity:.8}.energy-tutorial{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--surface);border:1px solid var(--accent);border-radius:10px;padding:10px 14px;font-size:.75rem;color:var(--text);white-space:nowrap;z-index:300;box-shadow:0 4px 20px #0000004d;animation:tutorialFadeIn .4s ease;pointer-events:auto}.energy-tutorial:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%) rotate(45deg);width:10px;height:10px;background:var(--surface);border-left:1px solid var(--accent);border-top:1px solid var(--accent)}.energy-tutorial .tutorial-dismiss{display:inline-block;margin-left:8px;color:var(--accent);cursor:pointer;font-weight:700}@keyframes tutorialFadeIn{0%{opacity:0;transform:translate(-50%) translateY(6px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.econ-guide-btn{background:transparent;border:1px solid var(--border);border-radius:50%;width:26px;height:26px;font-size:.75rem;color:var(--text-dim);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;margin-left:6px}.econ-guide-btn:hover{color:var(--accent);border-color:var(--accent)}.econ-guide-overlay{position:fixed;inset:0;background:#000000b3;z-index:300;display:none;align-items:center;justify-content:center}.econ-guide-overlay.show{display:flex}.econ-guide-card{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;padding:24px;max-width:360px;width:90%;text-align:center}.econ-guide-card h3{color:var(--text);margin-bottom:16px;font-size:1rem}.econ-guide-flow{display:flex;flex-direction:column;gap:8px;align-items:center;margin-bottom:16px}.econ-guide-flow .econ-step{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:6px 14px;font-size:.78rem;color:var(--text);width:-moz-fit-content;width:fit-content}.econ-guide-flow .econ-arrow{color:var(--text-dim);font-size:.85rem}.lb-stagger{opacity:0;transform:translate(-10px);animation:lbStaggerFadeIn .4s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes lbStaggerFadeIn{to{opacity:1;transform:translate(0)}}.lb-glow-gold td{text-shadow:0 0 10px rgba(251,191,36,.8),0 0 20px rgba(251,191,36,.4);color:#fbbf24}.lb-glow-silver td{text-shadow:0 0 10px rgba(163,177,198,.8),0 0 20px rgba(163,177,198,.4);color:#e2e8f0}.lb-glow-bronze td{text-shadow:0 0 10px rgba(217,119,6,.8),0 0 20px rgba(217,119,6,.4);color:#d97706}.comfort-banner{position:fixed;top:52px;left:50%;transform:translate(-50%) translateY(-20px);z-index:250;display:flex;align-items:center;gap:10px;padding:10px 18px;background:#0f0f19eb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(34,197,94,.3);border-radius:14px;box-shadow:0 8px 32px #0006,0 0 12px #22c55e1a;opacity:0;transition:opacity .4s ease,transform .4s var(--ease-spring, cubic-bezier(.175, .885, .32, 1.275));pointer-events:none;max-width:min(420px,calc(100vw - 32px))}.comfort-banner.show{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.comfort-banner-text{font-size:.82rem;font-weight:600;color:#ffffffe6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comfort-banner-dismiss{flex-shrink:0;width:24px;height:24px;border:1px solid rgba(255,255,255,.15);border-radius:50%;background:#ffffff0f;color:#fff9;font-size:.7rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.comfort-banner-dismiss:hover{background:#ff505033;color:#f87171}#screen-farm .screen-header h1{background:linear-gradient(135deg,#22c55e,#86efac,#fbbf24);background-clip:text;-webkit-background-clip:text}.farm-plots{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:min(420px,calc(100vw - 80px));position:relative}.farm-plot{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:14px;text-align:center;cursor:pointer;transition:all .2s ease;position:relative;min-height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.farm-plot:hover{border-color:#22c55e66;background:#22c55e0f;transform:scale(1.02)}.farm-plot.empty{border-style:dashed;opacity:.6}.farm-plot.empty:hover{opacity:1}.farm-plot.buy-plot-card{border-style:dashed;border-color:#22c55e40;opacity:.7;gap:4px}.farm-plot.buy-plot-card:hover{opacity:1;border-color:#22c55e80;background:#22c55e0f}.farm-plot.buy-plot-card.disabled{opacity:.35;cursor:default;pointer-events:none}.farm-plot.ready{border-color:#fbbf2480;position:relative}.farm-plot.ready:after{content:"";position:absolute;inset:-1px;border-radius:inherit;box-shadow:0 0 20px #fbbf2440;animation:plotGlowFade 1.5s ease-in-out infinite;pointer-events:none}.farm-plot.almost-ready{border-color:#fb922466;animation:plotAlmostGlow .9s ease-in-out infinite}@keyframes plotAlmostGlow{0%,to{box-shadow:0 0 #fb922400}50%{box-shadow:0 0 14px #fb922433}}.farm-plot .crop-emoji{font-size:2.3rem;line-height:1}.farm-plot .crop-name{font-size:.7rem;color:var(--text-dim)}.farm-plot .plot-empty-label{font-size:.75rem;color:var(--text-dim);transition:color .15s;z-index:2}.farm-plot.empty:hover .plot-empty-label{color:#86efac}.farm-plot.empty:after{content:"🌱";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.4rem;opacity:.2;transition:opacity .2s;pointer-events:none}.farm-plot.empty:hover:after{opacity:.4}@keyframes plotGlowFade{0%,to{opacity:0}50%{opacity:1}}.crop-emoji.animate-grow{animation:cropPop .4s cubic-bezier(.175,.885,.32,1.275);will-change:transform}@keyframes cropPop{0%{transform:scale(.2) translateY(10px)}60%{transform:scale(1.15) translateY(-5px)}to{transform:scale(1) translateY(0)}}.growth-bar{width:100%;height:6px;background:#ffffff14;border-radius:3px;overflow:hidden}.growth-bar-fill{height:100%;background:linear-gradient(90deg,#22c55e,#86efac);border-radius:3px;transition:width .4s ease}.growth-bar-fill.done{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.growth-bar-fill.plant-burst{background:linear-gradient(90deg,#22c55e,#86efac,#fbbf24);box-shadow:0 0 8px #22c55e66;transition:none}.growth-bar-fill:not(.done){position:relative;overflow:hidden}.growth-bar-fill:not(.done):after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.25) 50%,transparent 100%);background-size:200% 100%;animation:growthShimmer 2.5s ease-in-out infinite}@keyframes growthShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.farm-water-btn{position:absolute;top:6px;right:6px;width:28px;height:28px;border-radius:50%;border:none;background:#3b82f633;color:#60a5fa;font-size:.85rem;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.farm-water-btn:hover{background:#3b82f666;transform:scale(1.15)}.farm-water-btn.watered{opacity:.3;cursor:default}.farm-layout{position:relative}.farm-panel{position:absolute;top:0;left:calc(100% + 16px);width:320px;background:#ffffff0a;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:0;overflow:hidden;box-shadow:0 4px 24px #0000004d;z-index:50}.farm-panel-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.08)}.farm-tab{flex:1;padding:10px 8px;background:none;border:none;color:#ffffff73;font-size:.72rem;font-weight:600;cursor:pointer;transition:all .2s;border-bottom:2px solid transparent;font-family:Inter,sans-serif}.farm-tab:hover{color:#ffffffb3;background:#ffffff08}.farm-tab.active{color:#86efac;border-bottom-color:#22c55e;background:#22c55e1a;font-size:.78rem}.farm-tab-content{display:none;padding:12px;max-height:380px;overflow-y:auto}.farm-tab-content.active{display:block}.farm-tab-content::-webkit-scrollbar{width:4px}.farm-tab-content::-webkit-scrollbar-track{background:transparent}.farm-tab-content::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:2px}.farm-inventory-grid{display:flex;flex-direction:column;gap:6px}.farm-inv-item{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:10px;transition:all .15s}.farm-inv-item:hover{background:#ffffff14;border-color:#ffffff1f}.farm-inv-emoji{font-size:1.3rem;line-height:1}.farm-inv-info{flex:1;min-width:0}.farm-inv-name{font-size:.72rem;font-weight:600;color:#ffffffd9}.farm-inv-qty{font-size:.65rem;font-weight:700;color:#86efac;margin-left:4px}.farm-inv-actions{display:flex;gap:4px;flex-shrink:0}.farm-inv-btn{padding:6px 14px;border:none;border-radius:8px;font-size:.78rem;font-weight:700;cursor:pointer;transition:all .15s;line-height:1.2;min-height:30px;display:inline-flex;align-items:center;gap:3px}.farm-inv-btn.sell{background:#f0d06033;color:#f0d060}.farm-inv-btn.sell:hover{background:#f0d06059;transform:scale(1.05)}.farm-inv-btn.feed{background:#86efac33;color:#86efac;font-size:.75rem}.farm-inv-btn.feed:hover{background:#86efac59;transform:scale(1.05)}.farm-inv-empty{text-align:center;padding:20px 8px;font-size:.72rem;color:#ffffff4d}.farm-shop-title{font-size:.9rem;font-weight:700;margin-bottom:10px}.farm-buy-bar{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid rgba(34,197,94,.35);border-radius:12px;padding:8px 12px;margin-bottom:10px;box-shadow:0 0 10px #22c55e0f;flex-wrap:wrap}.buy-bar-seed{font-size:.78rem;font-weight:600;white-space:nowrap}.buy-bar-stepper{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:8px;overflow:hidden}.buy-bar-stepper button{width:38px;height:38px;background:#ffffff0a;border:none;color:var(--text);font-size:.9rem;font-weight:700;cursor:pointer;transition:background .15s;font-family:Inter,sans-serif}.buy-bar-stepper button:hover{background:#22c55e26}.buy-bar-stepper button.step-lg{width:42px;font-size:.72rem;background:#ffffff0f;letter-spacing:-.5px}.buy-bar-stepper button.step-lg:hover{background:#22c55e33}.buy-bar-stepper .qty-display{width:32px;text-align:center;font-size:.8rem;font-weight:700;color:var(--text);border-left:1px solid var(--border);border-right:1px solid var(--border);line-height:38px}.buy-bar-total{font-size:.7rem;color:var(--gold);font-weight:600}.buy-bar-btn{margin-left:auto;padding:5px 14px;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:8px;color:#fff;font-size:.72rem;font-weight:700;cursor:pointer;transition:all .2s;font-family:Inter,sans-serif}.buy-bar-btn:hover{filter:brightness(1.12);transform:scale(1.03)}.buy-bar-btn:active{transform:scale(.97)}.buy-bar-btn.disabled{opacity:.4;cursor:default;filter:none}.farm-shop-grid{display:flex;flex-direction:column;gap:6px}.shop-section-header{grid-column:1 / -1;font-size:.72rem;font-weight:700;color:var(--text-dim, #9ca3af);padding:10px 2px 4px;letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid var(--border-light, rgba(255 255 255 / .05));margin-bottom:2px}.shop-section-header:first-child{padding-top:4px}.farm-seed-card{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:10px 12px;cursor:pointer;transition:all .15s ease;min-height:0}.farm-seed-card:hover{border-color:#22c55e66;background:#22c55e0f}.farm-seed-card.selected{border-color:#22c55e;background:#22c55e1a;box-shadow:0 0 8px #22c55e1f}.farm-seed-card.best-pick{border-color:#ffd7004d;box-shadow:0 0 12px #ffd70014}.farm-seed-card .seed-emoji{font-size:1.5rem;flex-shrink:0;width:32px;text-align:center}.farm-seed-card .seed-info-col{flex:1;min-width:0}.farm-seed-card .seed-name{font-size:.72rem;font-weight:600;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seed-inv-badge{font-size:.58rem;color:var(--text-muted, #6b7280);font-weight:400;margin-left:2px}.seed-meta-row{display:flex;gap:8px;margin-top:2px}.farm-seed-card .seed-grow-time{font-size:.58rem;color:var(--text-dim, #9ca3af);letter-spacing:.02em}.seed-profit{font-size:.56rem;font-weight:600}.seed-profit.profit-high{color:#4ade80}.seed-profit.profit-ok{color:var(--gold, #fbbf24)}.seed-profit.profit-low{color:var(--text-muted, #6b7280)}.farm-seed-card .seed-price-col{flex-shrink:0;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.farm-seed-card .seed-price{font-size:.68rem;color:var(--gold);font-weight:700}.farm-seed-card .seed-quick-buy{padding:3px 10px;border:1px solid rgba(34,197,94,.3);border-radius:8px;background:#22c55e1f;color:#86efac;font-size:.62rem;font-weight:700;cursor:pointer;transition:all .15s}.farm-seed-card .seed-quick-buy:hover{background:#22c55e40;border-color:#22c55e80;transform:scale(1.05)}.seed-buy-expanded{display:flex;align-items:center;gap:4px;width:100%;margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,.06);animation:sbeSlideIn .2s ease}@keyframes sbeSlideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.seed-buy-expanded .sbe-step{padding:2px 6px;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:#ffffff0f;color:var(--text, #f8f9fa);font-size:.6rem;font-weight:700;cursor:pointer;transition:background .12s}.seed-buy-expanded .sbe-step:hover{background:#ffffff24}.seed-buy-expanded .sbe-qty{min-width:22px;text-align:center;font-size:.72rem;font-weight:700;color:var(--text, #f8f9fa);font-variant-numeric:tabular-nums}.seed-buy-expanded .sbe-cost{margin-left:auto;font-size:.6rem;color:var(--gold, #fbbf24);font-weight:600}.seed-buy-expanded .sbe-buy{padding:3px 10px;border:1px solid rgba(34,197,94,.4);border-radius:8px;background:#22c55e2e;color:#86efac;font-size:.62rem;font-weight:700;cursor:pointer;transition:all .15s}.seed-buy-expanded .sbe-buy:hover{background:#22c55e4d;transform:scale(1.05)}.seed-buy-expanded .sbe-buy.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.farm-reward{color:var(--gold)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.farm-plot.skeleton,.farm-seed-card.skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff1a,#ffffff0a 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;pointer-events:none;border-style:solid;opacity:.7}.farm-plot.skeleton .skeleton-line{width:60%;height:10px;border-radius:5px;background:#ffffff0f}.farm-plot.skeleton .skeleton-circle{width:36px;height:36px;border-radius:50%;background:#ffffff0f}.farm-seed-card.locked{opacity:.35;filter:grayscale(.8);cursor:default;display:flex;align-items:center;gap:10px}.farm-seed-card.locked .seed-emoji{font-size:1.2rem;flex-shrink:0}.farm-seed-card.no-seeds{opacity:.4;filter:grayscale(.6)}.farm-seed-card.no-seeds:hover{opacity:.6;filter:grayscale(.3)}@keyframes farmFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.farm-plot.first-load{animation:farmFadeIn .3s ease-out}@media(max-height:650px){.farm-plot{min-height:72px;padding:8px;gap:4px}.farm-plot .crop-emoji{font-size:1.4rem}.farm-seed-card{padding:6px}.farm-seed-card .seed-emoji{font-size:1.1rem}.farm-buy-bar{padding:6px 10px;margin-bottom:6px}.farm-tab-content{max-height:240px}}@media(max-width:640px){#featured-shelf-container{position:static;width:min(420px,calc(100vw - 40px));flex-direction:row;border-radius:12px;margin:0 auto 8px}.featured-shelf{flex-direction:row;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory}.farm-panel{position:static;width:min(420px,calc(100vw - 40px));margin-top:12px}.farm-inv-btn{padding:8px 14px;font-size:.82rem;border-radius:8px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.farm-inv-btn.feed{font-size:.9rem}.farm-inv-actions{gap:6px}.farm-inv-item{padding:10px 12px;gap:10px}}@media(max-width:420px){.farm-plots{grid-template-columns:repeat(2,1fr);gap:8px}.farm-shop-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:6px}.farm-buy-bar{font-size:.72rem;padding:6px 8px;gap:6px}}.farm-uproot-btn{position:absolute;top:6px;left:6px;width:28px;height:28px;border-radius:50%;border:none;background:#ef444426;color:#f87171;font-size:.85rem;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.farm-uproot-btn:hover{background:#ef44444d;transform:scale(1.15)}.farm-uproot-btn.farm-uproot-holding{animation:uprootHoldPulse 2.5s linear forwards;box-shadow:0 0 0 2px #ef44444d}@keyframes uprootHoldPulse{0%{box-shadow:0 0 0 2px #ef44444d;background:#ef444426}50%{box-shadow:0 0 0 4px #ef444480;background:#ef44444d}90%{box-shadow:0 0 0 6px #ef4444b3;background:#ef444480}to{box-shadow:0 0 12px #ef4444cc;background:#ef444499}}.farm-dirt-particle{position:fixed;width:6px;height:6px;background:#8b4513;border-radius:50%;pointer-events:none;z-index:9999;animation:farmDirtSplashAnim .6s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes farmDirtSplashAnim{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(calc(-50% + var(--vx)),calc(-50% + var(--vy))) scale(.2);opacity:0}}.farm-sparkle-particle{position:fixed;font-size:1.4rem;pointer-events:none;z-index:9999;filter:drop-shadow(0 0 8px rgba(255,215,0,.8));animation:farmSparkleAnim .8s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes farmSparkleAnim{0%{transform:translate(-50%,-50%) scale(0) rotate(0);opacity:1}50%{transform:translate(calc(-50% + var(--vx) * .5),calc(-50% + var(--vy) * .5)) scale(1.5) rotate(90deg);opacity:1}to{transform:translate(calc(-50% + var(--vx)),calc(-50% + var(--vy))) scale(0) rotate(180deg);opacity:0}}@keyframes farmCropBounce{0%{transform:scale(0)}50%{transform:scale(1.3)}75%{transform:scale(.9)}to{transform:scale(1)}}.farm-plot .crop-emoji{transform-origin:bottom center}.farm-plot .crop-emoji.planted-bounce{animation:farmCropBounce .5s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes cropSway{0%,to{transform:rotate(0)}25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}}.farm-plot:not(.empty):not(.ready):not(.skeleton) .crop-emoji{animation:cropSway 3s ease-in-out infinite;transform-origin:bottom center}.farm-plot:nth-child(2n):not(.empty):not(.ready) .crop-emoji{animation-delay:.5s}.farm-plot:nth-child(3n):not(.empty):not(.ready) .crop-emoji{animation-delay:1s}.farm-plot:nth-child(5n):not(.empty):not(.ready) .crop-emoji{animation-delay:1.7s}@keyframes readyPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.farm-plot.ready .crop-emoji{animation:readyPulse 2s ease-in-out infinite;transform-origin:bottom center}@media(prefers-reduced-motion:reduce){.farm-plot:not(.empty):not(.ready):not(.skeleton) .crop-emoji,.farm-plot.ready .crop-emoji{animation:none}}.quick-buy-sheet{align-items:flex-end;justify-content:center}.quick-buy-sheet::backdrop{background:#0006}.qb-card{width:min(360px,calc(100vw - 32px));padding:16px;background:#0f0f19f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px 20px 12px 12px;box-shadow:0 -8px 32px #00000080;animation:qbSlideUp .35s var(--ease-spring)}@keyframes qbSlideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.qb-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08)}.qb-title{font-size:1rem;font-weight:700;color:var(--text)}.qb-balance{font-size:.82rem;font-weight:600;color:var(--gold, #ffd700);font-variant-numeric:tabular-nums}.qb-seed-card{display:flex;align-items:center;gap:12px;width:100%;padding:10px 14px;margin-bottom:6px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;cursor:pointer;transition:background .15s,border-color .15s,transform .1s;color:var(--text, #f8f9fa);font-family:inherit;font-size:inherit;text-align:left}.qb-seed-card:hover:not([disabled]){background:#ffffff14;border-color:#00ffcc4d;transform:scale(1.01)}.qb-seed-card:active:not([disabled]){transform:scale(.97)}.qb-seed-card.qb-muted{opacity:.45;cursor:not-allowed}.qb-seed-emoji{font-size:1.6rem;flex-shrink:0;width:36px;text-align:center}.qb-seed-info{flex:1;display:flex;flex-direction:column;gap:2px}.qb-seed-name{font-weight:600;font-size:.88rem}.qb-seed-meta{font-size:.72rem;color:var(--text-dim, #9ca3af)}.qb-seed-price{font-weight:700;font-size:.88rem;color:var(--gold, #ffd700);white-space:nowrap}.qb-price-red{color:var(--danger, #ff4444)}.qb-more-link{display:block;width:100%;padding:8px;margin-top:8px;border:1px dashed rgba(255,255,255,.15);border-radius:8px;background:transparent;color:#c8dcffb3;font-size:.8rem;cursor:pointer;text-align:center;transition:background .15s;font-family:inherit}.qb-more-link:hover{background:#82c8ff14}@keyframes qbShake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.qb-shake{animation:qbShake .35s ease}@keyframes harvestPop{0%{transform:scale(1);opacity:1}40%{transform:scale(1.35) translateY(-8px);opacity:1}to{transform:scale(.8) translateY(-24px);opacity:0}}.crop-emoji.harvest-pop{animation:harvestPop .5s var(--ease-spring) forwards}@keyframes waterRise{0%{transform:translateY(0) scale(1);opacity:.8}to{transform:translateY(-20px) scale(.5);opacity:0}}@keyframes waterShimmer{0%{opacity:0}30%{opacity:.2}to{opacity:0}}.farm-plot.water-shimmer:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,#4db8ff26,#00e5ff14);animation:waterShimmer 1.2s ease-out forwards;pointer-events:none}@keyframes coinFly{0%{transform:translate(0) scale(1);opacity:1}60%{transform:translate(var(--coin-dx, 0px),var(--coin-dy, -40px)) scale(.7);opacity:.9}to{transform:translate(var(--coin-dx, 0px),var(--coin-dy, -40px)) scale(.3);opacity:0}}.seed-lock-label{font-size:.62rem;color:var(--text-dim, #9ca3af);margin-top:-1px;font-style:italic;line-height:1.2}@keyframes seedUnlock{0%{transform:scale(.8);opacity:0;filter:brightness(2)}50%{transform:scale(1.15);opacity:1;filter:brightness(1.5)}to{transform:scale(1);opacity:1;filter:brightness(1)}}#featured-shelf-container{position:absolute;right:calc(100% + 12px);top:0;width:110px;display:flex;flex-direction:column;gap:6px;padding:8px 6px;background:rgba(var(--bg-rgb, 15 16 30) / .88);-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);border:1px solid var(--border-light, rgba(255 255 255 / .08));border-radius:16px;z-index:20;transition:max-height .3s ease,opacity .3s ease,padding .3s ease;max-height:none;overflow:visible}#featured-shelf-container.shelf-collapsed{max-height:0;padding:0 6px;opacity:0;pointer-events:none;overflow:hidden}.featured-shelf{display:flex;flex-direction:column;gap:6px;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px}.featured-shelf::-webkit-scrollbar{display:none}.featured-shelf-header{display:flex;justify-content:space-between;align-items:center;padding:0 2px 3px;font-size:.7rem}.featured-shelf-title{font-weight:700;color:var(--text, #f8f9fa);font-size:.7rem;letter-spacing:.02em}.featured-shelf-timer{color:var(--text-dim, #9ca3af);font-size:.62rem;font-variant-numeric:tabular-nums}.shelf-collapse-btn{background:none;border:none;color:var(--text-muted, #6b7280);font-size:.7rem;cursor:pointer;padding:0 4px;opacity:.6;transition:opacity .15s}.shelf-collapse-btn:hover{opacity:1}.featured-shelf-card{position:relative;flex:0 0 auto;display:flex;align-items:center;gap:6px;padding:5px 12px 5px 7px;border-radius:20px;background:linear-gradient(145deg,#ffffff0f,#ffffff05);border:1px solid var(--border, rgba(255 255 255 / .1));cursor:pointer;scroll-snap-align:start;white-space:nowrap;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.featured-shelf-card:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 4px 12px #0000004d;border-color:#86efac4d}.featured-shelf-card:active{transform:scale(.96)}.featured-shelf-card .fs-emoji{font-size:1.2rem;line-height:1;flex-shrink:0;filter:drop-shadow(0 1px 3px rgba(0,0,0,.3))}.featured-shelf-card .fs-name{font-size:.68rem;font-weight:600;color:var(--text, #f8f9fa);max-width:80px;overflow:hidden;text-overflow:ellipsis}.featured-shelf-card .fs-price{font-size:.6rem;color:var(--gold, #fbbf24);font-weight:700}.featured-shelf-card.fs-untried{border-color:#7c5cfc59;box-shadow:0 0 8px #7c5cfc33;background:linear-gradient(145deg,#7c5cfc14,#ffffff05)}.featured-shelf-card.fs-untried:after{content:"NEW";position:absolute;top:-5px;right:-3px;font-size:.44rem;font-weight:800;background:linear-gradient(135deg,#7c5cfc,#a78bfa);color:#fff;padding:1px 4px;border-radius:3px;letter-spacing:.03em;box-shadow:0 2px 5px #7c5cfc59}.farm-harvest-all-fab{display:block;width:min(320px,calc(100% - 16px));margin:0 auto 10px;padding:10px 20px;border:1px solid rgba(251,191,36,.3);border-radius:14px;background:#fbbf241f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fbbf24;font-size:.88rem;font-weight:700;font-family:inherit;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px #fbbf2426;animation:harvestFabPulse 2s ease-in-out infinite}.farm-harvest-all-fab:hover{background:#fbbf2438;border-color:#fbbf2480;transform:scale(1.03);box-shadow:0 6px 24px #fbbf2440}.farm-harvest-all-fab:active{transform:scale(.97)}@keyframes harvestFabPulse{0%,to{box-shadow:0 4px 16px #fbbf2426}50%{box-shadow:0 4px 24px #fbbf244d}}.farm-sell-all-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;margin-bottom:8px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.sell-all-label{font-size:.78rem;color:var(--text-dim, #9ca3af);font-weight:600}.farm-sell-all-btn{padding:6px 14px;border:1px solid rgba(251,191,36,.3);border-radius:8px;background:#fbbf241f;color:#fbbf24;font-size:.76rem;font-weight:700;font-family:inherit;cursor:pointer;transition:all .15s ease}.farm-sell-all-btn:hover{background:#fbbf2438;border-color:#fbbf2480;transform:scale(1.05)}.farm-sell-all-btn:active{transform:scale(.95)}.farm-streak-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:8px;background:linear-gradient(135deg,#fb922426,#fbbf241a);border:1px solid rgba(251,146,36,.3);color:#fb923c;font-size:.72rem;font-weight:700;animation:streakPulse 2s ease-in-out infinite}@keyframes streakPulse{0%,to{opacity:.85}50%{opacity:1}}.farm-booster-btn{padding:4px 10px;border-radius:8px;border:1px solid rgba(168,85,247,.3);background:#a855f71a;color:#a855f7;font-size:.72rem;font-weight:700;font-family:inherit;cursor:pointer;transition:all .15s ease}.farm-booster-btn:hover{background:#a855f733;border-color:#a855f780;transform:scale(1.05)}.farm-booster-btn.active{background:#22c55e1f;border-color:#22c55e66;color:#22c55e;animation:boosterGlow 2s ease-in-out infinite}@keyframes boosterGlow{0%,to{box-shadow:0 0 8px #22c55e1a}50%{box-shadow:0 0 16px #22c55e40}}.farm-badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;padding:4px}.farm-badge-card{padding:12px 8px;border-radius:12px;text-align:center;border:1px solid rgba(255,255,255,.08);background:#ffffff08;transition:all .2s ease}.farm-badge-card.locked{opacity:.45}.farm-badge-card.unlocked{border-color:#fbbf244d;background:#fbbf240f}.farm-badge-card.claimed{border-color:#22c55e4d;background:#22c55e0d}.badge-emoji{font-size:1.8rem;margin-bottom:4px}.badge-name{font-size:.72rem;font-weight:700;color:var(--text-primary, #e5e7eb);margin-bottom:2px}.badge-desc{font-size:.62rem;color:var(--text-dim, #9ca3af);line-height:1.3;margin-bottom:6px}.badge-claim-btn{padding:4px 10px;border-radius:6px;border:1px solid rgba(251,191,36,.4);background:#fbbf2426;color:#fbbf24;font-size:.65rem;font-weight:700;font-family:inherit;cursor:pointer;transition:all .15s ease}.badge-claim-btn:hover{background:#fbbf2440;transform:scale(1.05)}.badge-claimed{font-size:.62rem;color:#22c55e;font-weight:600}.farm-journal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;padding:4px}.farm-journal-card{padding:14px 10px;border-radius:12px;text-align:center;border:1px solid rgba(255,255,255,.08);background:#ffffff08;transition:all .2s ease}.farm-journal-card.discovered{border-color:#22c55e40;background:#22c55e0a}.farm-journal-card.undiscovered{opacity:.4;border-style:dashed}.journal-emoji{font-size:2rem;margin-bottom:6px}.journal-name{font-size:.78rem;font-weight:700;color:var(--text-primary, #e5e7eb);margin-bottom:4px}.journal-lore{font-size:.6rem;color:var(--text-dim, #9ca3af);line-height:1.4;margin-bottom:6px;font-style:italic}.journal-stats{font-size:.58rem;color:var(--text-dim, #9ca3af)}.season-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.season-title{font-size:.85rem;font-weight:800;background:linear-gradient(135deg,#fbbf24,#f59e0b);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.season-xp{font-size:.7rem;color:var(--text-dim, #9ca3af);font-weight:600}.season-progress-bar{width:100%;height:8px;background:#ffffff0f;border-radius:4px;overflow:hidden;margin-bottom:12px}.season-progress-fill{height:100%;background:linear-gradient(90deg,#fbbf24,#f59e0b,#ef4444);border-radius:4px;transition:width .5s ease}.season-tiers{display:flex;flex-direction:column;gap:6px}.season-tier{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.06);background:#ffffff05;opacity:.5;transition:all .2s ease}.season-tier.unlocked{opacity:1;border-color:#fbbf2440;background:#fbbf240d}.season-tier.claimed{border-color:#22c55e40;background:#22c55e0a}.tier-label{font-size:.72rem;font-weight:700;color:var(--text-primary, #e5e7eb);flex:1}.tier-reward{font-size:.68rem;color:#fbbf24;font-weight:600}.tier-xp{font-size:.58rem;color:var(--text-dim, #9ca3af);min-width:48px;text-align:right}.tier-claim-btn{padding:3px 8px;border-radius:6px;border:1px solid rgba(251,191,36,.4);background:#fbbf2426;color:#fbbf24;font-size:.6rem;font-weight:700;font-family:inherit;cursor:pointer;transition:all .15s ease}.tier-claim-btn:hover{background:#fbbf2440;transform:scale(1.05)}.tier-claimed{font-size:.6rem;color:#22c55e}.farm-theme-neon .farm-plot{border-color:#a855f74d}.farm-theme-neon .farm-plot:hover{border-color:#a855f780;background:#a855f70f;box-shadow:0 0 12px #a855f726}.farm-theme-neon .growth-bar-fill{background:linear-gradient(90deg,#a855f7,#c084fc)}.farm-theme-autumn .farm-plot{border-color:#ea580c4d}.farm-theme-autumn .farm-plot:hover{border-color:#ea580c80;background:#ea580c0f}.farm-theme-autumn .growth-bar-fill{background:linear-gradient(90deg,#ea580c,#fb923c)}.farm-theme-crystal .farm-plot{border-color:#38bdf84d}.farm-theme-crystal .farm-plot:hover{border-color:#38bdf880;background:#38bdf80f;box-shadow:0 0 12px #38bdf826}.farm-theme-crystal .growth-bar-fill{background:linear-gradient(90deg,#38bdf8,#7dd3fc)}.farm-panel-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.farm-panel-tabs::-webkit-scrollbar{display:none}.farm-tab{white-space:nowrap;flex-shrink:0;font-size:.68rem}#screen-trivia .screen-header h1{background:linear-gradient(135deg,#60a5fa,#a78bfa,#f472b6);background-clip:text;-webkit-background-clip:text}.trivia-modes{display:flex;gap:12px;margin-bottom:16px}.trivia-mode-btn{flex:1;padding:18px 12px;background:var(--surface);border:1px solid var(--border);border-radius:16px;text-align:center;cursor:pointer;transition:all .2s ease;color:var(--text);font-family:Inter,sans-serif}.trivia-mode-btn:hover{border-color:var(--accent);background:#a78bfa14}.trivia-mode-btn .mode-icon{font-size:2rem;display:block;margin-bottom:6px}.trivia-mode-btn .mode-label{font-size:.85rem;font-weight:700}.trivia-mode-btn .mode-desc{font-size:.65rem;color:var(--text-dim);margin-top:2px}.trivia-question-card{width:min(480px,calc(100vw - 80px))}.trivia-category{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;background:#a78bfa1f;border-radius:8px;font-size:.65rem;font-weight:600;color:var(--accent);margin-bottom:10px}.trivia-q-text{font-size:1.1rem;font-weight:700;line-height:1.4;margin-bottom:16px}.trivia-image-container{position:relative;width:100%;aspect-ratio:16 / 9;background:#0003;border-radius:12px;overflow:hidden;margin-bottom:16px}.trivia-image-buffer{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;transition:opacity .5s ease-in-out;pointer-events:none}.trivia-image-buffer.active{opacity:1}.trivia-answers{display:flex;flex-direction:column;gap:8px}.trivia-answer-btn{padding:14px 18px;background:var(--surface);border:1px solid var(--border);border-radius:12px;text-align:left;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;color:var(--text);font-family:Inter,sans-serif}.trivia-answer-btn:hover{border-color:var(--accent);background:#a78bfa14}.trivia-answer-btn.correct{border-color:#22c55e;background:#22c55e26;color:#86efac}.trivia-answer-btn.wrong{border-color:#ef4444;background:#ef444426;color:#fca5a5}.trivia-answer-btn:disabled{cursor:default;opacity:.7}.trivia-timer{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:12px}.trivia-timer-bar{flex:1;height:6px;background:#ffffff14;border-radius:3px;overflow:hidden}.trivia-timer-fill{height:100%;background:linear-gradient(90deg,#22c55e,#fbbf24,#ef4444);border-radius:3px;transition:width .1s linear}.trivia-timer-text{font-size:1.1rem;font-weight:900;min-width:36px;text-align:center}.trivia-timer-text.danger{color:var(--danger)}.trivia-timer-fill{position:relative}.trivia-timer-fill:after{content:"";position:absolute;right:-2px;top:50%;transform:translateY(-50%);width:6px;height:6px;background:#fff;border-radius:50%;box-shadow:0 0 10px 4px #ffa500e6,0 0 20px 8px #ef4444b3;opacity:1;animation:triviaFuseFlicker .1s infinite alternate}@keyframes triviaFuseFlicker{0%{transform:translateY(-50%) scale(.7);opacity:.8}to{transform:translateY(-50%) scale(1.3);opacity:1}}.trivia-timer-fill[style*="width: 0"]:after{display:none}.trivia-timer.danger{animation:triviaHeartbeatThrob .4s cubic-bezier(.34,1.56,.64,1) infinite alternate}@keyframes triviaHeartbeatThrob{0%{transform:scale(1);filter:drop-shadow(0 0 0px rgba(239,68,68,0))}to{transform:scale(1.12);filter:drop-shadow(0 0 12px rgba(239,68,68,.8))}}.trivia-progress{font-size:.7rem;color:var(--text-dim);margin-bottom:6px}.trivia-score-live{font-size:.8rem;display:flex;gap:16px;margin-bottom:12px}.trivia-duel-panel{width:min(400px,calc(100vw - 80px))}.trivia-invite-code{font-size:2rem;font-weight:900;letter-spacing:.2em;color:var(--gold);margin:12px 0;text-align:center}.trivia-duel-input{width:100%;padding:12px 16px;background:#ffffff0f;border:1px solid var(--border);border-radius:12px;color:var(--text);font-family:Inter,sans-serif;font-size:1rem;font-weight:700;text-align:center;letter-spacing:.15em;text-transform:uppercase;outline:none}.trivia-duel-input:focus{border-color:var(--accent)}.trivia-duel-input::-moz-placeholder{color:var(--text-dim);letter-spacing:.05em;text-transform:none}.trivia-duel-input::placeholder{color:var(--text-dim);letter-spacing:.05em;text-transform:none}.trivia-duel-status{text-align:center;padding:20px;font-size:.9rem;color:var(--text-dim)}.trivia-duel-status .spinner{display:inline-block;animation:spin 1s linear infinite;margin-right:6px}@keyframes spin{to{transform:rotate(360deg)}}.trivia-results-score{font-size:2.5rem;font-weight:900;color:var(--gold);margin:8px 0}.trivia-results-breakdown{display:flex;gap:16px;justify-content:center;margin:8px 0 16px;font-size:.8rem}.trivia-duel-results{display:flex;gap:12px;margin:12px 0 16px;justify-content:center}.trivia-duel-player{flex:1;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:14px;text-align:center}.trivia-duel-player.winner{border-color:var(--gold);box-shadow:0 0 20px #fbbf2426}.trivia-duel-player .dp-name{font-weight:700;font-size:.85rem;margin-bottom:4px}.trivia-duel-player .dp-score{font-size:1.6rem;font-weight:900;color:var(--gold)}.btn-forfeit{display:block;margin:14px auto 0;padding:8px 20px;background:transparent;border:1px solid rgba(239,68,68,.25);border-radius:10px;color:#ef444499;font-size:.72rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif}.btn-forfeit:hover{background:#ef44441a;border-color:#ef444480;color:#fca5a5}.trivia-countdown{text-align:center;font-size:.68rem;color:var(--text-dim);margin-top:6px;opacity:.7}.duel-lobby-players{display:flex;gap:12px;margin:16px 0;justify-content:center}.duel-lobby-player{flex:1;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:16px;text-align:center;transition:all .3s ease}.duel-lobby-player .lp-name{font-weight:700;font-size:.85rem;margin-bottom:8px}.duel-lobby-player .lp-status{font-size:.75rem;font-weight:600}.duel-lobby-player.is-ready{border-color:var(--success);background:#22c55e14}.duel-lobby-player.is-ready .lp-status{color:var(--success)}.duel-lobby-player.is-waiting .lp-status{color:var(--text-dim)}.duel-lobby-timeout{text-align:center;font-size:.68rem;color:var(--text-dim);margin-top:8px;opacity:.7}.duel-history-panel{margin-top:18px;max-width:420px;width:100%}.duel-history-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:#ffffff08;border-radius:8px;margin-bottom:6px;font-size:.78rem;border-left:3px solid var(--accent)}.duel-history-item.win{border-left-color:var(--success)}.duel-history-item.loss{border-left-color:#ef4444}.duel-history-item.tie{border-left-color:var(--gold)}.duel-history-item .dh-players{flex:1;min-width:0}.duel-history-item .dh-players span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.duel-history-item .dh-result{font-weight:700;font-size:.8rem;margin-left:10px;flex-shrink:0}.duel-history-empty{text-align:center;color:var(--text-dim);font-size:.8rem;padding:12px}.duel-history-pager{display:flex;justify-content:center;gap:8px;margin-top:8px}.duel-history-pager button{background:#ffffff14;border:none;color:var(--text);border-radius:6px;padding:4px 12px;cursor:pointer;font-size:.75rem}.duel-history-pager button:disabled{opacity:.3;cursor:not-allowed}.duel-history-bar{position:fixed;bottom:60px;left:50%;transform:translate(-50%);background:var(--card-bg);border:1px solid rgba(255,255,255,.1);border-radius:12px 12px 0 0;padding:6px 18px;font-size:.78rem;cursor:pointer;z-index:100;opacity:.85;transition:opacity .2s}.duel-history-bar:hover{opacity:1}@keyframes triviaCardFlip{0%{transform:perspective(600px) rotateX(90deg);opacity:0}40%{transform:perspective(600px) rotateX(-8deg);opacity:1}60%{transform:perspective(600px) rotateX(4deg)}to{transform:perspective(600px) rotateX(0);opacity:1}}.trivia-question-card.flipping{animation:triviaCardFlip .4s cubic-bezier(.34,1.56,.64,1) forwards;transform-origin:center bottom}@keyframes triviaCorrectPop{0%{transform:scale(1)}30%{transform:scale(1.08);box-shadow:0 0 12px #22c55e66}60%{transform:scale(.97)}to{transform:scale(1);box-shadow:0 0 0 transparent}}.trivia-answer-btn.correct-pop{animation:triviaCorrectPop .35s cubic-bezier(.34,1.56,.64,1)}@keyframes triviaStreakGlow{0%,to{text-shadow:0 0 4px rgba(251,191,36,.3);transform:scale(1)}50%{text-shadow:0 0 16px rgba(251,191,36,.8),0 0 30px rgba(251,191,36,.4);transform:scale(1.15)}}.trivia-streak-active{animation:triviaStreakGlow .6s ease;color:var(--gold);font-weight:900}@keyframes triviaAnswerSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.trivia-answers .trivia-answer-btn{opacity:0;animation:triviaAnswerSlide .25s ease forwards;animation-delay:calc(var(--i, 0) * 50ms)}:root{--m3-cell: clamp(28px, min(11vw, 8vh), 48px)}#screen-match3{position:relative}#screen-match3 .overlay{position:absolute;width:100%;height:100%;inset:0}#screen-match3 .screen-header h1{background:linear-gradient(135deg,#f472b6,#a78bfa,#fbbf24);background-clip:text;-webkit-background-clip:text}.m3-board-container{position:relative;perspective:800px;perspective-origin:50% 50%;overflow:visible}.m3-board-container.color-splash{box-shadow:inset 0 0 80px var(--splash-color, transparent);transition:box-shadow .6s ease-out}.m3-board-container:not(.color-splash){box-shadow:none;transition:box-shadow .4s ease-out}.m3-board-container:before{content:"";position:absolute;inset:-20px;z-index:-1;pointer-events:none;opacity:.35;background:radial-gradient(1px 1px at 20% 30%,rgba(167,139,250,.6),transparent),radial-gradient(1px 1px at 75% 15%,rgba(251,191,36,.5),transparent),radial-gradient(1.5px 1.5px at 45% 80%,rgba(103,232,249,.4),transparent),radial-gradient(1px 1px at 85% 65%,rgba(244,114,182,.5),transparent),radial-gradient(1px 1px at 10% 70%,rgba(34,197,94,.4),transparent);background-size:200px 200px;animation:ambientDrift 18s linear infinite;will-change:transform}@keyframes ambientDrift{0%{transform:translateY(0) translate(0)}25%{transform:translateY(-8px) translate(4px)}50%{transform:translateY(-3px) translate(-3px)}75%{transform:translateY(-10px) translate(2px)}to{transform:translateY(0) translate(0)}}.m3-board-container>.m3-board{transition:transform .15s ease-out}.m3-board{display:grid;grid-template-columns:repeat(8,var(--m3-cell, 48px));grid-template-rows:repeat(8,var(--m3-cell, 48px));gap:3px;padding:10px;background:#1e2032eb;border:1px solid var(--border);border-radius:18px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);touch-action:none;contain:layout style paint}.m3-cell{width:var(--m3-cell, 48px);height:var(--m3-cell, 48px);border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:transform .22s cubic-bezier(.175,.885,.32,1.275),box-shadow .22s ease,border-color .18s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:2px solid transparent}.m3-cell:hover{transform:scale(1.1);border-color:#ffffff40}.m3-cell:active{transform:scale(.92);transition-duration:.08s;border-color:#ffffff1a}.m3-board.batch-update .m3-cell{transition:none!important}.m3-cell .gem-icon{font-size:calc(var(--m3-cell, 48px) * .48);text-shadow:0 2px 4px rgba(0,0,0,.3);pointer-events:none;z-index:1;transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.m3-cell:hover .gem-icon{transform:scale(1.08) rotate(5deg)}.m3-cell:active .gem-icon{transform:scale(.9) rotate(-3deg)}.m3-cell[data-type=fire]{background:linear-gradient(135deg,#ef4444,#f97316);--gem-color: rgba(239, 68, 68, .7)}.m3-cell[data-type=water]{background:linear-gradient(135deg,#3b82f6,#06b6d4);--gem-color: rgba(59, 130, 246, .7)}.m3-cell[data-type=earth]{background:linear-gradient(135deg,#22c55e,#84cc16);--gem-color: rgba(34, 197, 94, .7)}.m3-cell[data-type=air]{background:linear-gradient(135deg,#67e8f9,#e0f2fe);--gem-color: rgba(103, 232, 249, .7)}.m3-cell[data-type=light]{background:linear-gradient(135deg,#fbbf24,#f59e0b);--gem-color: rgba(251, 191, 36, .7)}.m3-cell[data-type=dark]{background:linear-gradient(135deg,#8b5cf6,#6d28d9);--gem-color: rgba(139, 92, 246, .7)}.m3-cell.selected{transform:scale(1.12);box-shadow:0 0 0 3px var(--accent),0 0 20px var(--accent-glow);z-index:10}@keyframes m3Pop{0%{transform:scale(1);opacity:1}20%{transform:scale(1.4);opacity:1}50%{transform:scale(1.5);opacity:.6}to{transform:scale(0);opacity:0}}@keyframes m3PopFlash{0%{opacity:0}30%{opacity:.9}to{opacity:0}}@keyframes m3Fall{0%{transform:translateY(calc(var(--drop-dist, 1) * -1 * (var(--m3-cell, 48px) + 3px))) scaleX(.88) scaleY(1.14);opacity:0}40%{transform:translateY(6px) scaleX(1.14) scaleY(.88);opacity:1}55%{transform:translateY(-4px) scaleX(.96) scaleY(1.04)}70%{transform:translateY(2px) scaleX(1.03) scaleY(.97)}85%{transform:translateY(-1px) scaleX(.99) scaleY(1.01)}to{transform:translateY(0) scaleX(1) scaleY(1);opacity:1}}@keyframes m3Enter{0%{transform:scale(0) rotate(-20deg);opacity:0}50%{transform:scale(1.12) rotate(4deg);opacity:1}75%{transform:scale(.96) rotate(-1deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes m3ScoreUp{0%{opacity:1;transform:translateY(0) translate(0) scale(1) rotate(0)}40%{opacity:1;transform:translateY(-20px) translate(var(--float-dx, 8px)) scale(1.25) rotate(var(--float-rot, 5deg))}to{opacity:0;transform:translateY(-45px) translate(var(--float-dx, 8px)) scale(.9) rotate(var(--float-rot, 5deg))}}@keyframes m3ComboFlash{0%{transform:scale(1)}25%{transform:scale(1.4);color:#f472b6}50%{transform:scale(1.2);color:#a78bfa}75%{transform:scale(1.35);color:#fbbf24}to{transform:scale(1)}}@keyframes m3ComboPop{0%{transform:translate(-50%,-50%) scale(0) rotate(-10deg);opacity:0}40%{transform:translate(-50%,-50%) scale(1.15) rotate(2deg);opacity:1}55%{transform:translate(-50%,-50%) scale(.95) rotate(-1deg)}70%{transform:translate(-50%,-50%) scale(1.05) rotate(.5deg)}to{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}}.m3-cell.matched-highlight{animation:m3MatchGlow .2s ease;z-index:8;will-change:transform,box-shadow}@keyframes m3MatchGlow{0%{transform:scale(1);box-shadow:0 0 0 0 transparent}50%{transform:scale(1.18);box-shadow:0 0 0 5px var(--gem-color, rgba(251, 191, 36, .7)),0 0 22px var(--gem-color, rgba(251, 191, 36, .5))}to{transform:scale(1.14);box-shadow:0 0 0 3px var(--gem-color, rgba(251, 191, 36, .5)),0 0 16px var(--gem-color, rgba(251, 191, 36, .35))}}.m3-cell.popping{animation:m3Pop .22s ease-out forwards;will-change:transform,opacity}.m3-cell.popping:after{content:"";position:absolute;inset:0;border-radius:inherit;background:#fff;opacity:0;animation:m3PopFlash .25s ease-out forwards;pointer-events:none;mix-blend-mode:screen}.m3-cell.falling{animation:m3Fall var(--fall-dur, .48s) cubic-bezier(.22,1,.36,1);will-change:transform,opacity}.m3-cell.entering{animation:m3Enter .38s cubic-bezier(.34,1.56,.64,1);will-change:transform,opacity}.m3-board.disabled .m3-cell{cursor:not-allowed;opacity:.7}.m3-combo-flash{animation:m3ComboFlash .45s ease}.m3-float-points{position:absolute;font-weight:900;font-size:1rem;color:var(--gold);text-shadow:0 0 10px rgba(251,191,36,.6),0 0 20px rgba(251,191,36,.2);pointer-events:none;z-index:100;animation:m3ScoreUp .9s ease-out forwards}.m3-combo-banner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);font-size:2rem;font-weight:900;color:#f472b6;text-shadow:0 0 25px rgba(244,114,182,.5),0 2px 0 rgba(0,0,0,.3);pointer-events:none;z-index:50;opacity:0}.m3-combo-banner.show{animation:m3ComboPop .5s cubic-bezier(.34,1.56,.64,1) forwards}.m3-layout{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;flex:1;min-height:0;position:relative}.m3-main{display:flex;flex-direction:column;align-items:center;flex:1;min-height:0}.m3-lb-panel{position:absolute;left:calc(50% + 220px);top:0;width:200px;min-width:180px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:12px;box-shadow:0 4px 24px #0000004d}.m3-lb-title{font-size:.85rem;font-weight:800;color:#ffffffe6;text-align:center;margin-bottom:8px}.m3-lb-tabs{display:flex;gap:4px;margin-bottom:10px}.m3-lb-tab{flex:1;padding:5px 0;font-size:.7rem;font-weight:700;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:transparent;color:var(--text-dim);cursor:pointer;transition:all .2s;font-family:Inter,sans-serif}.m3-lb-tab.active{background:#a78bfa26;border-color:var(--accent);color:var(--accent)}.m3-lb-tab:hover:not(.active){background:#ffffff0d}.m3-lb-table{width:100%;border-collapse:collapse}.m3-lb-table td{padding:4px 6px;font-size:.7rem;color:#ffffffb3;border-bottom:1px solid rgba(255,255,255,.05)}.m3-lb-table tr:last-child td{border-bottom:none}.m3-lb-rank{width:24px;font-weight:800;text-align:center}.m3-lb-rank.gold{color:#fbbf24}.m3-lb-rank.silver{color:#94a3b8}.m3-lb-rank.bronze{color:#d97706}.m3-lb-score{text-align:right!important;font-weight:700;color:var(--gold)}.m3-lb-empty{text-align:center;color:var(--text-dim);font-style:italic;padding:16px 0!important}.m3-lb-toggle{display:inline-flex}@media(min-width:680px){.m3-lb-toggle{display:none}}@media(max-width:679px){.m3-lb-panel{position:static;width:100%;max-width:calc(var(--m3-cell, 48px) * 8 + 3px * 7 + 20px);display:none;margin-top:12px}.m3-lb-panel.show-mobile{display:block}}@media(max-height:600px){.m3-board{padding:6px;gap:2px;border-radius:14px}.m3-combo-banner{font-size:1.3rem}}@media(max-width:400px){.m3-board{--m3-cell: clamp(44px, 12vw, 64px);padding:5px;gap:2px;border-radius:12px}.m3-cell{border-radius:8px}.m3-cell .gem-icon{font-size:calc(var(--m3-cell, 44px) * .52)}}.m3-mode-selector{display:none;width:100%;margin-bottom:12px}.m3-mode-selector.show{display:flex;flex-direction:column;align-items:center;gap:6px}.m3-mode-title{font-size:.65rem;font-weight:700;color:#ffffff80;letter-spacing:.5px;text-transform:uppercase}.m3-mode-cards{display:flex;gap:8px;width:100%;justify-content:center}.m3-mode-card{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 14px;background:#ffffff0d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1);transition-delay:calc(var(--i, 0) * .06s);font-family:Inter,sans-serif;color:#fffc;flex:1;min-width:0}.m3-mode-card:hover{border-color:#9333ea80;background:#9333ea26;transform:scale(1.04);box-shadow:0 4px 16px #9333ea33}.m3-mode-card.active{border-color:var(--accent);background:#a78bfa2e;box-shadow:0 4px 16px var(--accent-glow);transform:translateY(-2px)}.m3-mode-selector.playing .m3-mode-card:not(.active){opacity:.55;pointer-events:auto;transform:scale(.95);cursor:pointer}.m3-mode-selector.playing .m3-mode-card:not(.active):hover{opacity:.8;transform:scale(1)}.m3-mode-icon{font-size:1.2rem;line-height:1}.m3-mode-name{font-size:.78rem;font-weight:700}.m3-mode-desc{font-size:.68rem;color:#ffffff8c;line-height:1.2}.m3-mode-card.has-save .m3-mode-desc{color:#a78bfa;font-weight:600}@media(max-width:400px){.m3-mode-card{padding:8px;border-radius:10px}.m3-mode-icon{font-size:1rem}.m3-mode-name{font-size:.68rem}.m3-mode-desc{font-size:.58rem}}@media(min-width:680px){.m3-mode-selector.show{flex-direction:column;position:absolute;left:-196px;top:0;width:180px;margin-bottom:0;z-index:10}.m3-mode-cards{flex-direction:column}.m3-mode-card{min-width:0;width:100%}.m3-main{position:relative}}.m3-cell.drop-gem{border:3px solid rgba(255,255,255,.85);animation:dropGlow 1.5s ease-in-out infinite;z-index:5;overflow:visible}.m3-cell.drop-gem:after{content:"";position:absolute;inset:-6px;border-radius:16px;background:radial-gradient(circle,var(--drop-color, rgba(167, 139, 250, .4)) 0%,transparent 70%);opacity:.6;z-index:-1;animation:dropGlowPulse 2s ease-in-out infinite;pointer-events:none;will-change:opacity,transform}.m3-cell.drop-gold{--drop-color: rgba(236, 72, 153, .65);background:radial-gradient(circle at 35% 35%,#fda4af,#ec4899,#be185d)!important}.m3-cell.drop-seeds{--drop-color: rgba(163, 230, 53, .65);background:radial-gradient(circle at 35% 35%,#ecfccb,#a3e635,#65a30d)!important}.m3-cell.drop-energy{--drop-color: rgba(99, 102, 241, .65);background:radial-gradient(circle at 35% 35%,#c7d2fe,#6366f1,#4338ca)!important}@keyframes dropGlow{0%,to{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.25);transform:scale(1.06)}}@keyframes dropGlowPulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.15)}}@keyframes m3ReshuffleFlip{0%{transform:rotateY(0);opacity:1}45%{transform:rotateY(90deg);opacity:.4}55%{transform:rotateY(90deg);opacity:.4}to{transform:rotateY(0);opacity:1}}.m3-cell.reshuffling{animation:m3ReshuffleFlip .5s ease-in-out forwards;will-change:transform,opacity;backface-visibility:hidden}.m3-board-container.danger-vignette:after{content:"";position:absolute;inset:0;z-index:40;pointer-events:none;border-radius:18px;background:radial-gradient(ellipse at center,transparent 55%,rgba(239,68,68,.2) 100%);animation:dangerPulse 1.2s ease-in-out infinite}@keyframes dangerPulse{0%,to{opacity:.3}50%{opacity:.75}}.m3-splash-particle{position:absolute;width:var(--size, 8px);height:var(--size, 8px);background:var(--color, #fff);border-radius:50%;pointer-events:none;z-index:1000;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);animation:particleSplash .8s cubic-bezier(.1,.8,.3,1) forwards}@keyframes particleSplash{0%{transform:translate(-50%,-50%) scale(0);opacity:1}50%{opacity:1}to{transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty))) scale(1.5);opacity:0}}@keyframes m3SwapSpring{0%{transform:translate(0) scale(1)}30%{transform:translate(var(--swap-dx, 0),var(--swap-dy, 0)) scale(1.08)}50%{transform:translate(calc(var(--swap-dx, 0) * 1.12),calc(var(--swap-dy, 0) * 1.12)) scale(.96)}70%{transform:translate(calc(var(--swap-dx, 0) * .97),calc(var(--swap-dy, 0) * .97)) scale(1.02)}to{transform:translate(var(--swap-dx, 0),var(--swap-dy, 0)) scale(1)}}.m3-cell.swapping{animation:m3SwapSpring .35s cubic-bezier(.34,1.56,.64,1) forwards;will-change:transform}:root{--blox-cell: clamp(24px, min(9vw, 6vh), 36px)}#screen-blox{position:relative;touch-action:none}#screen-blox .overlay{position:absolute;width:100%;height:100%;inset:0}#screen-blox .screen-header h1{background:linear-gradient(135deg,#06b6d4,#a78bfa,#f97316);background-clip:text;-webkit-background-clip:text}.blox-board{display:grid;grid-template-columns:repeat(10,var(--blox-cell, 36px));grid-template-rows:repeat(10,var(--blox-cell, 36px));gap:2px;padding:8px;background:#1e2032eb;border:1px solid var(--border);border-radius:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);touch-action:none;contain:layout style paint;transition:transform .15s ease-out}.blox-cell{width:var(--blox-cell, 36px);height:var(--blox-cell, 36px);border-radius:6px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);transition:transform .18s cubic-bezier(.175,.885,.32,1.275),opacity .18s ease,border-color .18s ease;cursor:pointer;position:relative}.blox-cell.filled{border-color:#ffffff2e;box-shadow:inset 2px 2px 3px #ffffff40,inset -1px -1px 3px #00000059,0 1px 2px #0003}.blox-cell:hover:not(.filled){border-color:#a78bfa4d;background:#a78bfa14;transition:transform .18s cubic-bezier(.175,.885,.32,1.275),opacity .18s ease,border-color .18s ease,background .12s ease}.blox-board.batch-update .blox-cell{transition:none!important}.blox-cell.ghost{background:var(--ghost-color, rgba(167, 139, 250, .25))!important;border:1px dashed rgba(255,255,255,.4);animation:ghostBreathe 1.2s ease-in-out infinite;transition:opacity .08s ease-out}.blox-cell.ghost-invalid{background:#ef444433!important;border-color:#ef444466;animation:none}@keyframes ghostBreathe{0%,to{opacity:.35}50%{opacity:.7}}@keyframes bloxFlashOverlay{0%{opacity:0;transform:scale(1)}to{opacity:.95;transform:scale(1.1)}}@keyframes bloxShatter{0%{transform:scale(1.08);opacity:1}40%{transform:scale(1.18) translateY(2px);opacity:.7}to{transform:scale(0) translateY(8px);opacity:0}}.blox-cell.clearing{animation:bloxShatter .24s ease-out forwards}.blox-cell.clearing:after{content:"";position:absolute;inset:0;border-radius:inherit;background:#fff;opacity:0;animation:bloxFlashOverlay .1s ease-out forwards;pointer-events:none}.blox-laser-burn{pointer-events:none;z-index:50;background:#fff;box-shadow:0 0 15px #fff,0 0 30px var(--accent);border-radius:4px}.blox-laser-burn.horizontal{height:4px;align-self:center;animation:bloxLaserH .3s cubic-bezier(.34,1.56,.64,1) forwards}.blox-laser-burn.vertical{width:4px;justify-self:center;animation:bloxLaserV .3s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes bloxLaserH{0%{transform:scaleX(0);opacity:1;transform-origin:left}50%{transform:scaleX(1);opacity:1;transform-origin:left}51%{transform:scaleX(1);opacity:1;transform-origin:right}to{transform:scaleX(0);opacity:0;transform-origin:right}}@keyframes bloxLaserV{0%{transform:scaleY(0);opacity:1;transform-origin:top}50%{transform:scaleY(1);opacity:1;transform-origin:top}51%{transform:scaleY(1);opacity:1;transform-origin:bottom}to{transform:scaleY(0);opacity:0;transform-origin:bottom}}@keyframes bloxShake{0%,to{transform:translate(0)}15%{transform:translate(-3px,-1px)}30%{transform:translate(3px,1px)}45%{transform:translate(-2px)}60%{transform:translate(2px,-1px)}75%{transform:translate(-1px,1px)}}@keyframes bloxShakeHeavy{0%,to{transform:translate(0) rotate(0)}10%{transform:translate(-5px,-2px) rotate(-.4deg)}20%{transform:translate(5px,2px) rotate(.4deg)}30%{transform:translate(-4px,-1px) rotate(-.2deg)}40%{transform:translate(4px,1px) rotate(.2deg)}50%{transform:translate(-2px)}60%{transform:translate(2px)}}.blox-tray{display:flex;gap:12px;padding:12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:14px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:center;margin-top:12px;min-height:72px;width:100%;max-width:calc(var(--blox-cell, 36px) * 10 + 2px * 9 + 16px)}.blox-piece-wrapper{display:flex;align-items:center;justify-content:center;padding:8px;border:2px solid transparent;border-radius:12px;cursor:grab;transition:all .22s cubic-bezier(.175,.885,.32,1.275),box-shadow .2s ease;min-width:60px;min-height:56px;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}.blox-piece-wrapper:hover:not(.placed){border-color:#a78bfa4d;background:#a78bfa14;transform:scale(1.06) translateY(-2px)}.blox-piece-wrapper.selected{border-color:var(--accent);background:#a78bfa26;box-shadow:0 0 12px var(--accent-glow);transform:scale(1.08)}.blox-piece-wrapper.placed{opacity:.15;pointer-events:none;transform:scale(.85)}.blox-piece-wrapper.dragging{opacity:.4;transform:scale(1.05) translateY(-4px);border-color:var(--accent);box-shadow:0 12px 28px #00000073}.blox-piece-preview{display:grid;gap:2px}.blox-mini-cell{width:14px;height:14px;border-radius:3px;background:transparent}.blox-mini-cell.active{border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 1px 2px #0003}.blox-layout{display:flex;flex-direction:column;align-items:center;gap:0;width:100%;flex:1;min-height:0;position:relative;perspective:800px;perspective-origin:50% 50%}.blox-layout:before{content:"";position:absolute;inset:-20px;z-index:-1;pointer-events:none;opacity:.3;background:radial-gradient(1px 1px at 25% 35%,rgba(6,182,212,.5),transparent),radial-gradient(1px 1px at 70% 20%,rgba(167,139,250,.5),transparent),radial-gradient(1.5px 1.5px at 50% 75%,rgba(249,115,22,.4),transparent),radial-gradient(1px 1px at 80% 60%,rgba(34,197,94,.4),transparent);background-size:180px 180px;animation:bloxAmbientDrift 20s linear infinite;will-change:transform}@keyframes bloxAmbientDrift{0%{transform:translateY(0) translate(0)}25%{transform:translateY(-6px) translate(3px)}50%{transform:translateY(-2px) translate(-4px)}75%{transform:translateY(-8px) translate(2px)}to{transform:translateY(0) translate(0)}}.blox-pause-overlay{display:none;position:absolute;inset:0;z-index:30;background:#0d0f1aa6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:16px;align-items:center;justify-content:center}.blox-pause-overlay.show{display:flex}.blox-pause-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:28px 32px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:20px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 8px 32px #0006;min-width:200px}.blox-pause-title{font-size:1.2rem;font-weight:800;color:#ffffffe6;text-align:center}.blox-pause-card .btn{width:100%;min-width:160px;padding:10px 20px;font-size:.88rem;opacity:0;transform:translateY(10px);animation:bloxBtnEntrance .35s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:calc(var(--i, 0) * .07s)}@keyframes bloxBtnEntrance{to{opacity:1;transform:translateY(0)}}.blox-drag-preview{position:fixed;z-index:500;display:grid;pointer-events:none;opacity:.85;filter:drop-shadow(0 8px 20px rgba(0,0,0,.5));will-change:transform;transition:opacity .15s ease}.blox-main{display:flex;justify-content:center;width:100%;flex:1;min-height:0;position:relative}.blox-lb-panel{position:absolute;right:calc(50% + 220px);top:0;width:200px;min-width:180px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:12px;box-shadow:0 4px 24px #0000004d}.blox-lb-title{font-size:.85rem;font-weight:800;color:#ffffffe6;text-align:center;margin-bottom:8px}.blox-lb-tabs{display:flex;gap:4px;margin-bottom:10px}.blox-lb-tab{flex:1;padding:5px 0;font-size:.7rem;font-weight:700;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:transparent;color:var(--text-dim);cursor:pointer;transition:all .2s;font-family:Inter,sans-serif}.blox-lb-tab.active{background:#a78bfa26;border-color:var(--accent);color:var(--accent)}.blox-lb-tab:hover:not(.active){background:#ffffff0d}.blox-lb-table{width:100%;border-collapse:collapse}.blox-lb-table td{padding:4px 6px;font-size:.7rem;color:#ffffffb3;border-bottom:1px solid rgba(255,255,255,.05)}.blox-lb-table tr:last-child td{border-bottom:none}.blox-lb-rank{width:24px;font-weight:800;text-align:center}.blox-lb-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:90px}.blox-lb-score{text-align:right;font-weight:700;color:var(--gold)}.blox-lb-empty{text-align:center;color:var(--text-dim);font-style:italic;padding:16px 0!important}.blox-lb-me{background:#a78bfa14}.blox-piece-wrapper.attached{border-color:var(--accent);background:#a78bfa33;box-shadow:0 0 16px var(--accent-glow);transform:scale(1.1);cursor:pointer}.blox-drag-preview.returning{transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .35s ease;pointer-events:none}@media(max-height:600px){.blox-board{padding:4px;gap:1px;border-radius:12px}.blox-tray{padding:8px 10px;gap:8px;min-height:56px}.blox-mini-cell{width:11px;height:11px}}@media(max-width:640px){.blox-main{flex-direction:column;align-items:center}.blox-lb-panel{position:static;width:100%;max-width:calc(var(--blox-cell, 36px) * 10 + 2px * 9 + 16px);display:none}.blox-lb-panel.show-mobile{display:block}}@media(max-width:400px){.blox-board{--blox-cell: clamp(28px, 9vw, 40px);padding:4px;gap:1px;border-radius:10px}.blox-cell{border-radius:4px}.blox-piece-wrapper{padding:4px;min-width:48px;min-height:44px}.blox-mini-cell{width:11px;height:11px}}@keyframes bloxScoreUp{0%{opacity:1;transform:translateY(0) translate(0) scale(1) rotate(0)}40%{opacity:1;transform:translateY(-22px) translate(var(--float-dx, 6px)) scale(1.3) rotate(var(--float-rot, 4deg))}to{opacity:0;transform:translateY(-48px) translate(var(--float-dx, 6px)) scale(.85) rotate(var(--float-rot, 4deg))}}.blox-float-points{position:absolute;font-weight:900;font-size:1.05rem;color:var(--gold);text-shadow:0 0 10px rgba(251,191,36,.6),0 0 20px rgba(251,191,36,.2);pointer-events:none;z-index:100;animation:bloxScoreUp .95s ease-out forwards}.blox-cell.petrified{background:#475569!important;border-color:#4755694d!important;box-shadow:none!important;filter:grayscale(.8) brightness(.7);transition:background .4s ease,border-color .4s ease,box-shadow .4s ease,filter .4s ease}@keyframes bloxPlaceBounce{0%{transform:scale(1.1)}30%{transform:scale(.92) scaleY(.88)}50%{transform:scale(1.05) scaleY(1.03)}70%{transform:scale(.98) scaleY(.99)}to{transform:scale(1) scaleY(1)}}.blox-cell.just-placed{animation:bloxPlaceBounce .3s cubic-bezier(.34,1.56,.64,1)}.top-hud{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:.5rem 1rem;background:#0f0f19d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08);font-family:Inter,Segoe UI,sans-serif;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform .3s ease}.top-hud.hud-hidden{transform:translateY(-100%)}.hud-energy{position:relative;display:flex;align-items:center;gap:.4rem;padding:.3rem .8rem;background:linear-gradient(135deg,#ffc83226,#ff960014);border:1px solid rgba(255,200,50,.25);border-radius:20px;overflow:hidden;cursor:pointer;transition:border-color .2s,box-shadow .2s}.hud-energy:hover{border-color:#ffc83280;box-shadow:0 0 12px #ffc83226}.hud-energy .hud-icon{font-size:1.1rem;filter:drop-shadow(0 0 4px rgba(255,200,50,.5))}#hud-energy-text{font-size:.85rem;font-weight:600;color:#ffd75e;letter-spacing:.3px;min-width:3rem;text-align:center}.hud-energy-regen-fill{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,#50b4ff33,#64dcff80);transition:width 1s cubic-bezier(.34,1.56,.64,1);pointer-events:none;z-index:0;overflow:hidden}.hud-energy-regen-fill.aurora-active:after{content:"";position:absolute;top:0;right:0;bottom:0;width:20px;background:radial-gradient(ellipse at right,rgba(255,255,255,.5) 0%,transparent 80%);animation:liquidEdgePulse 2s ease-in-out infinite}@keyframes liquidEdgePulse{0%,to{opacity:.5;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.5)}}@keyframes resourcePop{0%{transform:scale(1)}50%{transform:scale(1.15);filter:brightness(1.2)}to{transform:scale(1);filter:brightness(1)}}.hud-energy.pop{animation:resourcePop .4s cubic-bezier(.34,1.56,.64,1)}.hud-energy .hud-icon,#hud-energy-text{position:relative;z-index:1}.hud-energy-tooltip{display:none;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);padding:.5rem .8rem;background:#0f0f19f2;border:1px solid rgba(255,200,50,.3);border-radius:8px;font-size:.75rem;color:#ccc;white-space:nowrap;pointer-events:none;z-index:55}.hud-energy-tooltip:before{content:"";position:absolute;top:-5px;left:50%;transform:translate(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid rgba(255,200,50,.3)}.hud-energy:hover .hud-energy-tooltip{display:block}.hud-gold{display:flex;align-items:center;gap:.4rem;padding:.3rem .8rem;background:linear-gradient(135deg,#ffd7001f,#daa5200f);border:1px solid rgba(255,215,0,.2);border-radius:20px;transition:border-color .2s}.hud-gold .hud-icon{font-size:1.1rem;filter:drop-shadow(0 0 4px rgba(255,215,0,.4))}#hud-gold-text{font-size:.85rem;font-weight:600;color:#f0d060;letter-spacing:.3px;min-width:2rem;font-variant-numeric:tabular-nums;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.hud-gold{position:relative;overflow:hidden}.hud-gold.pop{animation:resourcePop .4s cubic-bezier(.34,1.56,.64,1)}.hud-gold.bump{animation:resourceBump .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes resourceBump{0%{transform:scale(1)}50%{transform:scale(1.3);filter:brightness(1.5);color:var(--ui-gold, #ffd700);text-shadow:0 0 10px rgba(255,215,0,.8)}to{transform:scale(1)}}@keyframes goldValueBounce{0%{transform:scale(1)}40%{transform:scale(1.2);text-shadow:0 0 8px rgba(255,215,0,.8)}to{transform:scale(1);text-shadow:none}}.hud-gold.bump #hud-gold-text{animation:goldValueBounce .4s var(--ease-bouncy, cubic-bezier(.68, -.55, .265, 1.55))}.hud-gold:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transform:skew(-20deg);pointer-events:none;opacity:0;z-index:2}.hud-gold.shimmer-effect:before{animation:shimmerFlare .5s cubic-bezier(.34,1.56,.64,1)}@keyframes shimmerFlare{0%{left:-100%;opacity:1}to{left:200%;opacity:1}}.hud-energy.hud-energy-low{animation:energyPulse 2s ease-in-out infinite;border-color:#ff505066}@keyframes energyPulse{0%,to{box-shadow:0 0 4px #ff50501a}50%{box-shadow:0 0 12px #ff50504d}}.hud-gold-change{position:absolute;top:-1.5rem;right:0;font-size:.8rem;font-weight:700;color:#4cff4c;animation:goldFloat 1.5s ease forwards;pointer-events:none}.hud-gold-change.negative{color:#ff6060}@keyframes goldFloat{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@media(max-height:500px){.top-hud{padding:.25rem .8rem}.hud-energy,.hud-gold{padding:.2rem .6rem;font-size:.8rem}}.quest-log-btn{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid rgba(130,200,255,.25);border-radius:50%;background:linear-gradient(135deg,#64b4ff1f,#508cdc0f);font-size:1.1rem;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .15s}.quest-log-btn:hover{border-color:#82c8ff80;box-shadow:0 0 12px #64b4ff33;transform:scale(1.08)}.quest-badge{position:absolute;top:-4px;right:-4px;width:16px;height:16px;border-radius:50%;background:#22c55e;color:#fff;font-size:.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;animation:questBadgeBounce 1.5s ease infinite;box-shadow:0 0 6px #22c55e80}@keyframes questBadgeBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.quest-dropdown{position:fixed;top:52px;right:12px;z-index:55;width:min(340px,calc(100vw - 24px));max-height:60vh;overflow-y:auto;scroll-behavior:smooth;animation:questDropIn .45s cubic-bezier(.34,1.56,.64,1)}@keyframes questDropIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.quest-dropdown-card{background:#0f0f19eb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(130,200,255,.15);border-radius:14px;padding:14px;box-shadow:0 8px 32px #00000073}.quest-dropdown-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.quest-dropdown-header h3{margin:0;font-size:1rem}.quest-dropdown-close{width:28px;height:28px;border:1px solid rgba(255,255,255,.15);border-radius:50%;background:#ffffff0f;color:#ffffffb3;font-size:.9rem;cursor:pointer;transition:background .2s}.quest-dropdown-close:hover{background:#ff505033}.quest-log-item{display:flex;flex-direction:column;gap:6px;padding:10px;margin-bottom:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;transition:border-color .2s}.quest-log-item:hover{border-color:#82c8ff40}.quest-log-reqs{display:flex;flex-direction:column;gap:5px}.quest-req-row{display:flex;align-items:center;gap:8px;font-size:.82rem}.quest-req-label{flex:0 0 auto;white-space:nowrap}.quest-req-bar{flex:1;height:6px;background:#ffffff14;border-radius:3px;overflow:hidden}.quest-req-bar-fill{height:100%;background:linear-gradient(90deg,#60a5fa,#818cf8);border-radius:3px;transition:width .3s ease}.quest-req-bar-fill.full{background:linear-gradient(90deg,#34d399,#22c55e)}.quest-req-frac{font-size:.72rem;color:#ffffff80;min-width:2.5em;text-align:right}.quest-req-frac.done{color:#34d399;font-weight:600}.quest-log-reward{font-size:.78rem;color:#fff9}.quest-log-submit{align-self:flex-end;padding:4px 14px;border:1px solid rgba(100,200,120,.4);border-radius:8px;background:#22c55e1f;color:#6ee7b7;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .2s,transform .15s}.quest-log-submit:hover{background:#22c55e40;transform:scale(1.04)}.quest-log-gen-btn{width:100%;padding:8px;margin-top:4px;border:1px dashed rgba(130,200,255,.3);border-radius:8px;background:transparent;color:#c8dcffcc;font-size:.82rem;cursor:pointer;transition:background .2s}.quest-log-gen-btn:hover{background:#82c8ff14}.pet-overlay{position:fixed;bottom:60px;left:0;right:0;height:80px;z-index:45;pointer-events:none;overflow:visible}.pet-overlay.dock-ground{inset:auto 0 60px;width:auto;height:80px}.pet-overlay.dock-match3{inset:36px 0 auto;width:auto;height:60px;z-index:60;overflow:visible}.dock-match3 .pet-container{transform:translate3d(50vw,0,0) translate(-50%) scale(.8)}.pet-overlay.dock-trivia{inset:36px 0 auto;width:auto;height:60px;z-index:60;overflow:visible}.dock-trivia .pet-container{transform:translate3d(50vw,0,0) translate(-50%) scale(.8)}.pet-container.pet-roaming{transition:transform 2.5s cubic-bezier(.25,.1,.25,1);will-change:transform}.pet-container.pet-transitioning{transition:transform .5s cubic-bezier(.4,0,.2,1)!important;will-change:transform}@keyframes petDock{0%{transform:scale(1)}30%{transform:scale(1.15) translateY(-12px)}70%{transform:scale(.9)}to{transform:scale(1)}}.pet-container.docking{animation:petDock .5s ease forwards}.pet-container{position:absolute;bottom:0;left:0;transform:translate3d(50vw,0,0) translate(-50%);pointer-events:auto;cursor:pointer;transition:none;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))}.pet-sprite{font-size:2.7rem;line-height:1;contain:content;transform:translateZ(0)}.pet-sprite.pet-has-stack{contain:none;font-size:initial;line-height:initial}.pet-render-stack{position:relative}.pet-layer{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.pet-expression{width:auto;height:auto;min-width:40px;min-height:40px}.pet-container.state-idle .pet-sprite{animation:petBob 2s ease-in-out infinite both}.pet-container.state-roam .pet-sprite{animation:petWalk .5s steps(2) infinite both}.pet-container.state-sleep .pet-sprite{animation:petSleep 3s ease-in-out infinite both;opacity:.7}.pet-container.state-happy .pet-sprite{animation:petHappy .4s ease 3 both}.pet-container.state-dizzy .pet-sprite{animation:petDizzy .3s ease-in-out infinite both}.pet-container.state-drag .pet-sprite{animation:petDangle .5s infinite alternate ease-in-out;filter:drop-shadow(0 15px 10px rgba(0,0,0,.4))}.pet-container.state-drop .pet-sprite{animation:petSquashBounce .4s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes petBob{0%,to{transform:translateZ(0) scaleX(var(--pet-dir, 1))}50%{transform:translate3d(0,-4px,0) scaleX(var(--pet-dir, 1))}}@keyframes petWalk{0%{transform:translateZ(0) scaleX(var(--pet-dir, 1))}50%{transform:translate3d(0,-3px,0) scaleX(var(--pet-dir, 1))}}@keyframes petSleep{0%,to{transform:translateZ(0) rotate(0) scaleX(var(--pet-dir, 1))}25%{transform:translate3d(0,-2px,0) rotate(-5deg) scaleX(var(--pet-dir, 1))}75%{transform:translate3d(0,-2px,0) rotate(5deg) scaleX(var(--pet-dir, 1))}}@keyframes petHappy{0%,to{transform:translateZ(0) scale(1) scaleX(var(--pet-dir, 1))}50%{transform:translate3d(0,-12px,0) scale(1.2) scaleX(var(--pet-dir, 1))}}@keyframes petDizzy{0%,to{transform:rotate(0) scaleX(var(--pet-dir, 1))}25%{transform:rotate(-15deg) scaleX(var(--pet-dir, 1))}75%{transform:rotate(15deg) scaleX(var(--pet-dir, 1))}}@keyframes petDangle{0%{transform:rotate(-5deg) scaleX(var(--pet-dir, 1))}to{transform:rotate(5deg) scaleX(var(--pet-dir, 1))}}@keyframes petSquashBounce{0%{transform:scale(1) scaleX(var(--pet-dir, 1))}50%{transform:scale(1.3,.7) translateY(8px) scaleX(var(--pet-dir, 1))}to{transform:scale(1) scaleX(var(--pet-dir, 1))}}.pet-mood-indicator{position:absolute;top:-20px;right:-10px;font-size:1.2rem;background:var(--surface-hover);border:1px solid var(--border);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px #00000080;animation:floatMood 3s ease-in-out infinite;z-index:10;pointer-events:none}@keyframes floatMood{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.pet-hearts{position:absolute;bottom:100%;left:50%;width:0;height:0;pointer-events:none}.pet-heart{position:absolute;font-size:1rem;animation:heartFloat 1.2s ease forwards;pointer-events:none}@keyframes heartFloat{0%{opacity:1;transform:translate(-50%) scale(.5)}40%{opacity:1;transform:translate(calc(-50% + var(--hx, 0px)),-30px) scale(1)}to{opacity:0;transform:translate(calc(-50% + var(--hx, 0px)),-50px) scale(.8)}}.pet-zzz{position:absolute;top:-.8em;right:-.4em;font-size:.4em;color:#96b4ffcc;animation:zzzFloat 2s ease-in-out infinite}@keyframes zzzFloat{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(-10px)}}.pet-info-panel{position:fixed;bottom:150px;left:50%;transform:translate(-50%);width:260px;z-index:46;background:#0f0f19eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:1rem;color:#e0e0e0;font-family:Inter,Segoe UI,sans-serif;font-size:.85rem;box-shadow:0 8px 32px #0006;animation:panelSlideIn .3s ease}@keyframes panelSlideIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.pet-info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.pet-info-name{font-size:1rem;font-weight:700;color:#fff}.pet-info-level{font-size:.75rem;font-weight:600;color:#8b7dff;background:#8b7dff26;padding:.2rem .5rem;border-radius:10px}.pet-info-xp-bar{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin-bottom:.8rem}.pet-info-xp-fill{height:100%;background:linear-gradient(90deg,#8b7dff,#b8a9ff);border-radius:3px;transition:width .5s ease}.pet-info-xp-text{font-size:.7rem;color:#999;text-align:center;margin-top:-.5rem;margin-bottom:.5rem}.pet-info-abilities{display:flex;flex-wrap:wrap;gap:.4rem}.pet-ability{font-size:.7rem;padding:.2rem .5rem;border-radius:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#aaa}.pet-ability.unlocked{color:#4cff4c;border-color:#4cff4c4d;background:#4cff4c14}.pet-feed-section{margin-top:.8rem;padding-top:.8rem;border-top:1px solid rgba(255,255,255,.08)}.pet-feed-btn{width:100%;padding:.5rem;border:1px solid rgba(255,200,50,.3);border-radius:10px;background:linear-gradient(135deg,#ffc83226,#ff960014);color:#ffd75e;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.pet-feed-btn:hover:not(:disabled){border-color:#ffc83280;box-shadow:0 0 12px #ffc83226}.pet-feed-btn:disabled{opacity:.4;cursor:not-allowed}.pet-info-close{position:absolute;top:.5rem;right:.5rem;width:24px;height:24px;border:none;background:#ffffff1a;color:#999;border-radius:50%;font-size:.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.pet-info-close:hover{background:#fff3;color:#fff}.pet-bubble{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#0f0f19e6;border:1px solid rgba(255,255,255,.15);border-radius:12px 12px 12px 2px;padding:4px 10px;font-size:.7rem;color:#e0e0e0;white-space:nowrap;pointer-events:none;animation:bubblePop 2.5s ease forwards;z-index:47}@keyframes bubblePop{0%{opacity:0;transform:translate(-50%) translateY(4px) scale(.8)}15%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-8px)}}@media(max-width:480px){.pet-sprite{font-size:2.5rem}}@keyframes petTapBounce{0%{transform:scale(1) scaleX(var(--pet-dir, 1))}20%{transform:scale(1.25,.8) scaleX(var(--pet-dir, 1))}40%{transform:scale(.9,1.15) translateY(-14px) scaleX(var(--pet-dir, 1))}60%{transform:scale(1.05,.95) translateY(-4px) scaleX(var(--pet-dir, 1))}80%{transform:scale(.98,1.02) scaleX(var(--pet-dir, 1))}to{transform:scale(1) scaleX(var(--pet-dir, 1))}}.pet-container.state-tapped .pet-sprite{animation:petTapBounce .5s cubic-bezier(.34,1.56,.64,1)}@keyframes petHeartBurst{0%{transform:translate(-50%) scale(0);opacity:1}30%{transform:translate(calc(-50% + var(--hx, 0px)),var(--hy, -20px)) scale(1.2);opacity:1}to{transform:translate(calc(-50% + var(--hx, 0px) * 1.5),calc(var(--hy, -20px) * 2)) scale(.6);opacity:0}}.pet-heart-burst{position:absolute;font-size:.8rem;animation:petHeartBurst .7s ease-out forwards;pointer-events:none;z-index:48}@keyframes petDustPuff{0%{transform:scale(0) translateY(0);opacity:.6}50%{transform:scale(1.2) translateY(-3px);opacity:.4}to{transform:scale(1.8) translateY(-8px);opacity:0}}.pet-dust{position:absolute;bottom:0;width:10px;height:10px;border-radius:50%;background:#c8beaa66;pointer-events:none;animation:petDustPuff .4s ease-out forwards}.merge-board{display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(7,1fr);gap:3px;width:100%;max-width:540px;aspect-ratio:9/7;margin:0 auto 12px;padding:6px;border-radius:14px;background:linear-gradient(135deg,#1e1e3cd9,#141428f2);border:1px solid rgba(255,255,255,.08);touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;contain:layout style paint;position:relative}.merge-cell{display:flex;align-items:center;justify-content:center;border-radius:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);font-size:clamp(1rem,3.5vw,1.6rem);cursor:default;transition:background .15s,transform .15s,box-shadow .15s;position:relative;overflow:hidden}.merge-cell.merge-item{cursor:grab;background:#ffffff14;border-color:#ffffff1f}.merge-cell.merge-item:hover{background:#ffffff24;box-shadow:0 0 8px #64b4ff33;transform:scale(1.05)}.merge-cell.merge-item:active{cursor:grabbing}.merge-cell--dragging{opacity:.3}.merge-cell[data-level="0"]{border-color:#b4b4b426}.merge-cell[data-level="1"]{border-color:#78c8784d}.merge-cell[data-level="2"]{border-color:#50a0ff66}.merge-cell[data-level="3"]{border-color:#b478ff80;box-shadow:inset 0 0 6px #b478ff26}.merge-cell[data-level="4"]{border-color:#ffb43c80;box-shadow:inset 0 0 8px #ffb43c26}.merge-cell[data-level="5"]{border-color:#ff646480;box-shadow:inset 0 0 10px #ff646426}.merge-cell[data-level="6"]{border-color:#ff3cb499;box-shadow:inset 0 0 12px #ff3cb433}.merge-cell[data-level="7"]{border-color:#ffd700cc;box-shadow:inset 0 0 16px #ffd70040,0 0 12px #ffd7004d;animation:merge-legendary-pulse 2s ease-in-out infinite}@keyframes merge-legendary-pulse{0%,to{box-shadow:inset 0 0 16px #ffd70040,0 0 12px #ffd7004d}50%{box-shadow:inset 0 0 20px #ffd70066,0 0 20px #ffd70080}}.merge-board.trash-mode .merge-cell.merge-item{cursor:crosshair}.merge-board.trash-mode .merge-cell.merge-item:hover{background:#ff3c3c33;border-color:#ff3c3c80}@keyframes merge-pop{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}.merge-pop{animation:merge-pop .35s cubic-bezier(.34,1.3,.64,1)}.merge-drag-ghost{border-radius:12px;filter:drop-shadow(0 6px 16px rgba(0,0,0,.5))}.merge-generators{display:flex;flex-direction:column;gap:6px;padding:8px 4px;max-width:540px;margin:0 auto}.merge-panel-section{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:center}.merge-section-label{width:100%;font-size:.68rem;font-weight:700;color:var(--text-dim, #9ca3af);text-transform:uppercase;letter-spacing:.05em;padding:0 4px 2px;text-align:center}.merge-gen-row{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;align-items:center}.merge-tools-row{border-top:1px solid rgba(255,255,255,.06);padding-top:6px;gap:6px;justify-content:center}.merge-tools-row .merge-gen-btn{font-size:.75rem;padding:5px 10px}.merge-gen-btn{display:inline-flex;align-items:center;gap:4px;padding:8px 14px;border:1px solid rgba(255,255,255,.15);border-radius:10px;background:linear-gradient(135deg,#3c3c64cc,#282846e6);color:#e0e0e0;font-size:.85rem;cursor:pointer;transition:background .2s,transform .15s,box-shadow .2s}.merge-gen-btn:hover:not(:disabled){background:linear-gradient(135deg,#505082e6,#32325af2);transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.merge-gen-btn:active:not(:disabled){transform:translateY(0)}.merge-gen-btn:disabled{opacity:.5;cursor:not-allowed}.merge-gen-btn--cooldown{border-color:#ff8c0066;background:linear-gradient(135deg,#643c1499,#3c1e0acc)}.merge-gacha-btn{border-color:#ffd7004d;background:linear-gradient(135deg,#645014b3,#3c320ae6)}.merge-gacha-btn:hover:not(:disabled){border-color:#ffd70099;box-shadow:0 0 12px #ffd70033}.merge-free-btn{border-color:#64ff644d;background:linear-gradient(135deg,#145028b3,#0a3214e6)}.merge-trash-btn.active{border-color:#ff505099;background:linear-gradient(135deg,#781e1ecc,#501414e6);box-shadow:0 0 10px #ff505033}.merge-token-display{padding:6px 12px;border-radius:8px;background:#ffd7001a;border:1px solid rgba(255,215,0,.2);color:gold;font-size:.85rem;font-weight:600}dialog.merge-crop-picker::backdrop{background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.merge-crop-picker{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;border:1px solid rgba(255,255,255,.1);padding:20px 24px;min-width:280px;max-width:400px;box-shadow:0 20px 60px #00000080}.merge-crop-picker h3{margin:0 0 4px;color:#f0f0f0;font-size:1.1rem}.merge-crop-picker__hint{margin:0 0 14px;color:#ffffff80;font-size:.8rem}.merge-crop-picker__list{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.merge-crop-btn{display:block;width:100%;padding:10px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#e0e0e0;font-size:.9rem;cursor:pointer;text-align:left;transition:background .15s,border-color .15s}.merge-crop-btn:hover{background:#ffffff1a}.merge-crop-btn--cheap{border-left:3px solid rgba(180,180,180,.5)}.merge-crop-btn--mid{border-left:3px solid rgba(100,180,255,.6)}.merge-crop-btn--expensive{border-left:3px solid rgba(255,180,60,.7)}.merge-crop-btn--cancel{text-align:center;color:#ffffff80;border-color:#ffffff14}.merge-crop-btn--cancel:hover{color:#ff6464cc}.merge-empty-hint{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff6;font-size:.85rem;padding:20px;pointer-events:none;animation:merge-fade-in .5s ease}@keyframes merge-fade-in{0%{opacity:0}to{opacity:1}}.pet-quest-gen-btn{display:block;width:100%;margin-top:8px;padding:8px 14px;border-radius:10px;border:1px solid rgba(100,200,255,.25);background:linear-gradient(135deg,#1e3c64b3,#142846e6);color:#e0e0e0;font-size:.85rem;cursor:pointer;transition:background .2s,transform .15s}.pet-quest-gen-btn:hover{background:linear-gradient(135deg,#325082cc,#1e325af2);transform:translateY(-1px)}@media(max-width:480px){.merge-board{gap:2px;padding:4px;border-radius:10px}.merge-cell{font-size:.9rem;border-radius:6px}.merge-gen-btn{padding:6px 10px;font-size:.75rem}.merge-crop-picker{min-width:260px;padding:16px 18px}}.merge-cell--match-highlight{box-shadow:0 0 10px #ffd70099,inset 0 0 6px #ffd70033;border-color:#ffd70080!important;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.merge-cell--magnetic-lock{transform:scale(1.15);box-shadow:0 0 20px #ffd700cc,inset 0 0 10px #ffd70066;border-color:#ffd700e6!important;background:#ffd70026!important}.merge-cell--hint{animation:merge-hint-wiggle .6s ease-in-out infinite alternate}@keyframes merge-hint-wiggle{0%{transform:rotate(-3deg) scale(1.02)}to{transform:rotate(3deg) scale(1.06)}}.merge-fuel-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:1px solid rgba(100,200,120,.3);border-radius:8px;background:#22c55e1a;color:#6ee7b7;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .2s,transform .15s}.merge-fuel-badge:hover{background:#22c55e33;transform:scale(1.05)}@keyframes mergePull{0%{transform:translate(0) scale(1)}60%{transform:translate(var(--pull-dx, 0),var(--pull-dy, 0)) scale(.85)}80%{transform:translate(var(--pull-dx, 0),var(--pull-dy, 0)) scale(.7);opacity:.6}to{transform:translate(var(--pull-dx, 0),var(--pull-dy, 0)) scale(0);opacity:0}}.merge-cell.merging-pull{animation:mergePull .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes mergeCollide{0%{transform:scale(.5);opacity:0;filter:brightness(3)}40%{transform:scale(1.3);opacity:1;filter:brightness(2)}70%{transform:scale(.95);filter:brightness(1.2)}to{transform:scale(1);opacity:1;filter:brightness(1)}}.merge-cell.merge-collide{animation:mergeCollide .4s cubic-bezier(.34,1.56,.64,1)}@keyframes gachaCapsuleDrop{0%{transform:translateY(-120px) scale(.8);opacity:0}30%{transform:translateY(8px) scale(1.05);opacity:1}45%{transform:translateY(-15px) scale(.98)}60%{transform:translateY(4px) scale(1.02)}75%{transform:translateY(-5px) scale(.99)}to{transform:translateY(0) scale(1);opacity:1}}.merge-cell.gacha-dropping{animation:gachaCapsuleDrop .6s cubic-bezier(.34,1.56,.64,1)}@keyframes gachaReveal{0%{box-shadow:0 0 0 0 transparent;transform:scale(1)}30%{box-shadow:0 0 30px 10px var(--rarity-glow, rgba(255, 215, 0, .5));transform:scale(1.15)}60%{box-shadow:0 0 50px 20px var(--rarity-glow, rgba(255, 215, 0, .3));transform:scale(1.05)}to{box-shadow:0 0 0 0 transparent;transform:scale(1)}}.merge-cell.gacha-reveal{animation:gachaReveal .8s ease-out}@font-face{font-family:Bungee;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bungee-vietnamese-400-normal-B6gKbkHm.woff2) format("woff2"),url(/assets/bungee-vietnamese-400-normal-CmjDSWyd.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bungee;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bungee-latin-ext-400-normal-DWzJMwsA.woff2) format("woff2"),url(/assets/bungee-latin-ext-400-normal-DXe9_7Rr.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bungee;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bungee-latin-400-normal-Dfnurram.woff2) format("woff2"),url(/assets/bungee-latin-400-normal-DA8IEVW_.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-cyrillic-ext-400-normal-CuPM9foi.woff2) format("woff2"),url(/assets/nunito-cyrillic-ext-400-normal-xaE7D4Sw.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-cyrillic-400-normal-xAOo5cBP.woff2) format("woff2"),url(/assets/nunito-cyrillic-400-normal-D1j0u8EH.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-vietnamese-400-normal-BHkVbP3T.woff2) format("woff2"),url(/assets/nunito-vietnamese-400-normal-DtOtW02z.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-latin-ext-400-normal-i-8OOpdj.woff2) format("woff2"),url(/assets/nunito-latin-ext-400-normal-CjMJVfGn.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-latin-400-normal-r8SDr6Up.woff2) format("woff2"),url(/assets/nunito-latin-400-normal-DKg4f3fz.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-cyrillic-ext-600-normal-CWPPjBOD.woff2) format("woff2"),url(/assets/nunito-cyrillic-ext-600-normal-vnfu4DTE.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-cyrillic-600-normal-DJGQ2h05.woff2) format("woff2"),url(/assets/nunito-cyrillic-600-normal-BUjmtIuu.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-vietnamese-600-normal-BY8O6Cug.woff2) format("woff2"),url(/assets/nunito-vietnamese-600-normal-DO1RqFw5.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-latin-ext-600-normal-Dd9Zuxh1.woff2) format("woff2"),url(/assets/nunito-latin-ext-600-normal-BKUpuB78.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-latin-600-normal-Br8yIETf.woff2) format("woff2"),url(/assets/nunito-latin-600-normal-Cd0eNu1l.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-cyrillic-ext-700-normal-BuR0mlCG.woff2) format("woff2"),url(/assets/nunito-cyrillic-ext-700-normal-DfoqN4Gs.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-cyrillic-700-normal-DP36NgGt.woff2) format("woff2"),url(/assets/nunito-cyrillic-700-normal-DfHRUDv-.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-vietnamese-700-normal-Ch8EUCfz.woff2) format("woff2"),url(/assets/nunito-vietnamese-700-normal-C9SQsXvj.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-ext-700-normal-BWeMsAzO.woff2) format("woff2"),url(/assets/nunito-latin-ext-700-normal-D4woHhbd.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-700-normal-Dort48En.woff2) format("woff2"),url(/assets/nunito-latin-700-normal-OcDqTBcA.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-cyrillic-ext-800-normal-B-cvGohL.woff2) format("woff2"),url(/assets/nunito-cyrillic-ext-800-normal-pjRatrRO.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-cyrillic-800-normal-D3igD7Kl.woff2) format("woff2"),url(/assets/nunito-cyrillic-800-normal-DymMgApb.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-vietnamese-800-normal-D_CZYdm9.woff2) format("woff2"),url(/assets/nunito-vietnamese-800-normal-Dz0hZPb5.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-latin-ext-800-normal-CtU8tJOV.woff2) format("woff2"),url(/assets/nunito-latin-ext-800-normal-CDcxIxx8.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-latin-800-normal-Dz8SOQK_.woff2) format("woff2"),url(/assets/nunito-latin-800-normal-D-J0wlBY.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/nunito-cyrillic-ext-900-normal-BLeVovcl.woff2) format("woff2"),url(/assets/nunito-cyrillic-ext-900-normal-DKFql_-q.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/nunito-cyrillic-900-normal-CWPcV0_V.woff2) format("woff2"),url(/assets/nunito-cyrillic-900-normal-Dr1fjxoU.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/nunito-vietnamese-900-normal-D6LWQAy_.woff2) format("woff2"),url(/assets/nunito-vietnamese-900-normal-WV2-fBew.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/nunito-latin-ext-900-normal-Dllsvgjo.woff2) format("woff2"),url(/assets/nunito-latin-ext-900-normal-CTBZd6bf.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/nunito-latin-900-normal-BVB1fGs6.woff2) format("woff2"),url(/assets/nunito-latin-900-normal-CVn49sIn.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Varela Round;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/varela-round-hebrew-400-normal-CdSaNJFF.woff2) format("woff2"),url(/assets/varela-round-hebrew-400-normal-gahDRKkd.woff) format("woff");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Varela Round;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/varela-round-vietnamese-400-normal-DWiTdRj2.woff2) format("woff2"),url(/assets/varela-round-vietnamese-400-normal-CA2kl5Qj.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Varela Round;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/varela-round-latin-ext-400-normal-DL997rWn.woff2) format("woff2"),url(/assets/varela-round-latin-ext-400-normal-IO5VYG9n.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Varela Round;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/varela-round-latin-400-normal-CsVGkSoP.woff2) format("woff2"),url(/assets/varela-round-latin-400-normal-BCUlaylK.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.welcome-screen{position:fixed;inset:0;z-index:999;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden;background:var(--bg)}.welcome-bg{position:absolute;inset:-50%;pointer-events:none;z-index:0}.welcome-bg__orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.2;animation:orbFloat 20s infinite alternate ease-in-out}.welcome-bg__orb--pink{width:60vmax;height:60vmax;top:10%;left:-10%;background:radial-gradient(circle,#ff3366 0%,transparent 70%);animation-duration:18s}.welcome-bg__orb--teal{width:50vmax;height:50vmax;bottom:-20%;right:-15%;background:radial-gradient(circle,#00ffcc 0%,transparent 70%);animation-duration:22s;animation-direction:alternate-reverse}.welcome-bg__orb--gold{width:40vmax;height:40vmax;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,#ffd700 0%,transparent 70%);animation-duration:25s;opacity:.1}@keyframes orbFloat{0%{transform:translate(0) scale(1)}33%{transform:translate(10vw,-15vh) scale(1.15)}66%{transform:translate(-8vw,12vh) scale(.9)}to{transform:translate(5vw,-5vh) scale(1.05)}}.welcome-stage{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding:32px 24px;max-width:400px;width:100%}.welcome-title{font-family:Bungee,Fredoka One,system-ui,sans-serif;font-size:clamp(2rem,6vw,3rem);color:var(--text);line-height:1.2;text-shadow:0 2px 8px rgba(0,0,0,.6);margin:0}.welcome-title--sm{font-family:Bungee,Fredoka One,system-ui,sans-serif;font-size:clamp(1.4rem,4vw,2rem);color:var(--text);line-height:1.3;text-shadow:0 2px 8px rgba(0,0,0,.6);margin:0}.welcome-subtitle{font-family:Nunito,system-ui,sans-serif;font-size:clamp(1rem,3vw,1.25rem);color:var(--text-dim);margin:0;font-weight:600}.welcome-logo,.welcome-emoji-burst,.welcome-pet-preview,.welcome-gift,.welcome-ready-icon{font-size:5rem;line-height:1;filter:drop-shadow(0 4px 16px rgba(0,0,0,.4))}.welcome-logo{filter:drop-shadow(0 0 30px rgba(0,255,204,.5))}.welcome-shimmer{width:200px;height:6px;border-radius:9999px;background:var(--surface-hover);overflow:hidden;margin-top:8px}.welcome-shimmer__bar{width:40%;height:100%;border-radius:inherit;background:linear-gradient(90deg,transparent,#ff3366,#00ffcc,transparent);animation:shimmerSlide 1.5s infinite ease-in-out}@keyframes shimmerSlide{0%{transform:translate(-150%)}to{transform:translate(400%)}}.welcome-input-group{width:100%;max-width:280px}.welcome-input{width:100%;padding:14px 20px;border:2px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text);font-family:Nunito,system-ui,sans-serif;font-size:1.1rem;font-weight:700;text-align:center;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.welcome-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted),var(--neon-glow)}.welcome-input[aria-invalid=true]{border-color:var(--danger)}.welcome-error{color:var(--danger);font-size:.8rem;margin-top:6px;font-weight:600}.welcome-reward-card{display:flex;align-items:center;gap:16px;padding:16px 24px;background:var(--surface);border:2px solid var(--brand-accent);border-radius:16px;box-shadow:var(--neon-accent);text-align:left}.welcome-reward-emoji{font-size:2.5rem;flex-shrink:0}.welcome-reward-card strong{display:block;font-size:1.1rem;color:var(--text)}.welcome-reward-desc{font-size:.85rem;color:var(--text-dim);margin:2px 0 0}.welcome-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 36px;border:none;border-radius:14px;font-family:Bungee,system-ui,sans-serif;font-size:1rem;cursor:pointer;-webkit-tap-highlight-color:transparent;letter-spacing:.02em;position:relative;overflow:hidden;transition:box-shadow .2s ease}.welcome-btn--primary{background:linear-gradient(135deg,#f36,#ff1a53);color:#fff;box-shadow:0 4px #9f1239,0 8px 24px #ff336659}.welcome-btn--primary:active{box-shadow:0 1px #9f1239,0 4px 12px #f363;transform:translateY(3px)!important}.welcome-btn--gold{background:linear-gradient(135deg,gold,#ffc107);color:#14151b;box-shadow:0 4px #b8860b,0 8px 24px #ffd70059;font-weight:900}.welcome-btn--gold:active{box-shadow:0 1px #b8860b,0 4px 12px #ffd70033;transform:translateY(3px)!important}.welcome-btn--lg{padding:20px 48px;font-size:1.15rem;border-radius:18px}.welcome-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.welcome-btn:hover:before{left:100%}.welcome-skip{position:fixed;bottom:32px;right:32px;z-index:1000;background:none;border:none;color:var(--text-dim);font-family:Nunito,system-ui,sans-serif;font-size:.85rem;cursor:pointer;text-decoration:underline;text-underline-offset:3px;transition:color .2s ease;padding:8px}.welcome-skip:hover,.welcome-skip:focus-visible{color:var(--text)}.welcome-skip:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}@media(max-width:480px){.welcome-stage{padding:24px 16px}.welcome-logo,.welcome-emoji-burst,.welcome-pet-preview,.welcome-gift,.welcome-ready-icon{font-size:4rem}.welcome-btn{width:100%;max-width:300px}.welcome-skip{bottom:16px;right:16px}}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.rarity-dot{display:inline-block;width:10px;height:10px;border-radius:50%}.rarity-dot--common{background:var(--rarity-common)}.rarity-dot--rare{background:var(--rarity-rare);box-shadow:0 0 6px var(--rarity-rare)}.rarity-dot--epic{background:var(--rarity-epic);box-shadow:0 0 8px var(--rarity-epic)}.rarity-dot--legendary{background:var(--rarity-legendary);box-shadow:0 0 12px var(--rarity-legendary);animation:legendaryPulse 2s infinite ease-in-out}@keyframes legendaryPulse{0%,to{box-shadow:0 0 6px var(--rarity-legendary)}50%{box-shadow:0 0 16px var(--rarity-legendary)}}.store-card-neon{position:relative;border-radius:16px;overflow:hidden}.store-card-neon:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:2px;background:linear-gradient(135deg,var(--accent),var(--brand-accent));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.6;transition:opacity .3s ease}.store-card-neon:hover:before{opacity:1}.merchant-timer{font-family:Varela Round,system-ui,sans-serif;font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:900;color:var(--accent);text-shadow:var(--neon-glow)}.merchant-timer--departed{color:var(--text-muted);text-decoration:line-through}.store-btn-squash{transition:transform .15s var(--ease-spring)}.store-btn-squash:active{transform:translateY(3px) scaleY(.95)}.gacha-crystal-glow{filter:drop-shadow(0 0 30px rgba(167,139,250,.5));transition:filter .3s ease}.gacha-crystal-glow--pulling{filter:drop-shadow(0 0 60px rgba(167,139,250,.8)) drop-shadow(0 0 120px rgba(255,51,102,.3))}.scarcity-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:9999px;background:#ff336626;color:var(--accent);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.store-panel *:focus-visible{outline:2px solid var(--brand-accent);outline-offset:2px;border-radius:4px}[data-theme=cozy-day]{--bg: #fff8f0;--surface: #ffffff;--surface-hover: #fff0e0;--surface-highlight: #ffe8d0;--overlay: rgba(255, 248, 240, .92);--accent: #e85d3a;--accent-hover: #d44825;--accent-muted: rgba(232, 93, 58, .12);--accent-glow: rgba(232, 93, 58, .2);--brand-secondary: #5a7cc2;--brand-accent: #2ba584;--brand-accent-muted: rgba(43, 165, 132, .1);--text: #2d2216;--text-dim: #8b7355;--text-muted: #a89880;--border: #e8ddd0;--border-light: rgba(45, 34, 22, .06);--gold: #d4a520;--gold-hover: #c09418;--ui-gold: #d4a520;--energy: #2e8bc0;--danger: #d94444;--success: #2e8b57;--info: #4a90d9;--rarity-common: #7a8290;--rarity-rare: #3b7dd8;--rarity-epic: #7b5ea7;--rarity-legendary: #c5962d;--elevation-shadow: 0 4px 16px rgba(45, 34, 22, .1), 0 1px 3px rgba(45, 34, 22, .06);--neon-glow: 0 2px 8px rgba(232, 93, 58, .15), 0 0 0 transparent;--neon-accent: 0 2px 8px rgba(43, 165, 132, .15), 0 0 0 transparent;--neon-gold: 0 2px 8px rgba(212, 165, 32, .2), 0 0 0 transparent;--ease-spring: cubic-bezier(.175, .885, .32, 1.15);--ease-bouncy: cubic-bezier(.5, -.3, .265, 1.4);color-scheme:light}[data-theme=cozy-day] ::-moz-selection{background:#e85d3a33;color:#2d2216}[data-theme=cozy-day] ::selection{background:#e85d3a33;color:#2d2216}[data-theme=cozy-day] dialog::backdrop{background:#2d22164d}[data-theme=cozy-day] .comfort-banner{background:#fff8f0f2;border-color:#2ba58433;color:#2d2216;box-shadow:0 4px 16px #2d22161f,0 0 0 transparent}[data-theme=cozy-day] .qb-card{background:#fffcf8fa;border-color:#2d22161a;box-shadow:0 -4px 20px #2d22161f}[data-theme=cozy-day] .qb-seed-card{background:#2d221608;border-color:#2d221614}[data-theme=cozy-day] .qb-seed-card:hover:not([disabled]){background:#2ba5840f;border-color:#2ba58433}[data-theme=cozy-day] .qb-more-link{color:#2d221680;border-color:#2d22161f}[data-theme=cozy-day] .toast{background:#fffcf8f5;color:#2d2216;border-color:#2d22161a;box-shadow:0 4px 12px #2d22161a}[data-theme=soft-fantasy]{--bg: #1a1625;--surface: #252038;--surface-hover: #302a4a;--surface-highlight: #3a3260;--overlay: rgba(26, 22, 37, .94);--accent: #ff8fa3;--accent-hover: #ff6b89;--accent-muted: rgba(255, 143, 163, .12);--accent-glow: rgba(255, 143, 163, .25);--brand-secondary: #b4d4ff;--brand-accent: #c4b5fd;--brand-accent-muted: rgba(196, 181, 253, .1);--text: #f5f0ff;--text-dim: #9b8fbb;--text-muted: #7a6e99;--border: #3d3558;--border-light: rgba(255, 143, 163, .06);--gold: #ffd580;--gold-hover: #ffca60;--ui-gold: #ffd580;--energy: #b4d4ff;--danger: #ff6b6b;--success: #86efac;--info: #b4d4ff;--rarity-common: #9b8fbb;--rarity-rare: #b4d4ff;--rarity-epic: #c4b5fd;--rarity-legendary: #ffd580;--elevation-shadow: 0 4px 20px rgba(26, 22, 37, .5), 0 0 30px rgba(196, 181, 253, .08);--neon-glow: 0 0 15px rgba(255, 143, 163, .2), 0 0 40px rgba(255, 143, 163, .06);--neon-accent: 0 0 15px rgba(196, 181, 253, .2), 0 0 40px rgba(196, 181, 253, .06);--neon-gold: 0 0 15px rgba(255, 213, 128, .25), 0 0 0 transparent;--ease-spring: cubic-bezier(.175, .885, .32, 1.2);--ease-bouncy: cubic-bezier(.5, -.2, .265, 1.3);color-scheme:dark}[data-theme=soft-fantasy] body{background:linear-gradient(160deg,#1a1625,#251e3a 40%,#1e1530);background-attachment:fixed}[data-theme=soft-fantasy] .bottom-nav,[data-theme=soft-fantasy] [class*=BottomNav]{background:#1e1832eb!important;border-top:1px solid rgba(196,181,253,.12)!important;-webkit-backdrop-filter:blur(16px) saturate(1.5);backdrop-filter:blur(16px) saturate(1.5);box-shadow:0 -4px 20px #c4b5fd0f}[data-theme=soft-fantasy] .stats-bar{background:#252038e0;border:1px solid rgba(196,181,253,.08);box-shadow:0 4px 20px #1a162580,0 0 24px #c4b5fd0a}[data-theme=soft-fantasy] .stats-bar:after{background:linear-gradient(90deg,transparent,rgba(196,181,253,.06),transparent)}[data-theme=soft-fantasy] .btn-primary,[data-theme=soft-fantasy] .btn[class*=primary]{background:linear-gradient(135deg,#ff8fa3,#c4b5fd)!important;color:#1a1625!important;font-weight:700;box-shadow:0 4px 16px #ff8fa34d;border:none}[data-theme=soft-fantasy] .btn-primary:hover,[data-theme=soft-fantasy] .btn[class*=primary]:hover{box-shadow:0 6px 24px #ff8fa373;filter:brightness(1.05)}[data-theme=soft-fantasy] .modal-card,[data-theme=soft-fantasy] .modal{background:#252038fa!important;border:1px solid rgba(196,181,253,.1);box-shadow:0 16px 48px #1a162599,0 0 40px #c4b5fd0d}[data-theme=soft-fantasy] .m3-cell{background:#25203880;border:1px solid rgba(196,181,253,.06)}[data-theme=soft-fantasy] .blox-cell{background:#25203866;border:1px solid rgba(196,181,253,.05)}[data-theme=soft-fantasy] .merge-cell{background:#25203866;border:1px solid rgba(196,181,253,.06)}[data-theme=soft-fantasy] .farm-plot{background:#25203899;border:1px solid rgba(196,181,253,.08)}[data-theme=soft-fantasy] .seed-card{background:#252038b3;border:1px solid rgba(196,181,253,.08)}[data-theme=soft-fantasy] .seed-card:hover:not([disabled]){border-color:#ff8fa340;box-shadow:0 0 16px #ff8fa31f}[data-theme=soft-fantasy] .trivia-answer-btn{background:#252038cc;border:1px solid rgba(196,181,253,.1)}[data-theme=soft-fantasy] .trivia-answer-btn:hover:not(:disabled){background:#ff8fa31a;border-color:#ff8fa34d;box-shadow:0 0 12px #ff8fa31a}[data-theme=soft-fantasy] ::-moz-selection{background:#ff8fa340;color:#f5f0ff}[data-theme=soft-fantasy] ::selection{background:#ff8fa340;color:#f5f0ff}[data-theme=soft-fantasy] dialog::backdrop{background:#1a162599}[data-theme=soft-fantasy] .toast{background:#252038f5;color:#f5f0ff;border-color:#c4b5fd1a;box-shadow:0 4px 16px #1a162566}[data-theme=soft-fantasy] .comfort-banner{background:#252038f2;border-color:#c4b5fd26;color:#f5f0ff;box-shadow:0 4px 20px #1a162566,0 0 20px #c4b5fd0f}[data-theme=soft-fantasy] .qb-card{background:#252038fa;border-color:#c4b5fd1a;box-shadow:0 -4px 24px #1a162580}[data-theme=soft-fantasy] .qb-seed-card{background:#c4b5fd0a;border-color:#c4b5fd14}[data-theme=soft-fantasy] .qb-seed-card:hover:not([disabled]){background:#ff8fa314;border-color:#ff8fa333}[data-theme=soft-fantasy] .qb-more-link{color:#9b8fbb99;border-color:#c4b5fd1a}[data-theme=soft-fantasy] .blox-pause-overlay,[data-theme=soft-fantasy] .blox-game-over-overlay,[data-theme=soft-fantasy] .m3-game-over{background:#1a1625eb!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(196,181,253,.1)}[data-theme=soft-fantasy] .featured-shelf{background:#25203899;border:1px solid rgba(196,181,253,.08)}[data-theme=soft-fantasy] .theme-cycle-fab{background:#252038cc;border-color:#c4b5fd26}[data-theme=minimal-calm]{--bg: #f5f5f3;--surface: #ffffff;--surface-hover: #ededeb;--surface-highlight: #e5e5e2;--overlay: rgba(245, 245, 243, .95);--accent: #3d6b50;--accent-hover: #2d5540;--accent-muted: rgba(61, 107, 80, .08);--accent-glow: rgba(61, 107, 80, .1);--brand-secondary: #6b8f71;--brand-accent: #6b8f71;--brand-accent-muted: rgba(107, 143, 113, .08);--text: #1a1a1a;--text-dim: #777770;--text-muted: #999990;--border: #e0ddd8;--border-light: rgba(0, 0, 0, .04);--gold: #c5962d;--gold-hover: #b08525;--ui-gold: #c5962d;--energy: #5a8fa0;--danger: #c44444;--success: #3d7a50;--info: #5a7fa0;--rarity-common: #888880;--rarity-rare: #4a7ab8;--rarity-epic: #7a6aa0;--rarity-legendary: #c5962d;--elevation-shadow: 0 1px 3px rgba(0, 0, 0, .06);--neon-glow: 0 1px 2px rgba(0, 0, 0, .04), 0 0 0 transparent;--neon-accent: 0 1px 2px rgba(0, 0, 0, .04), 0 0 0 transparent;--neon-gold: 0 1px 2px rgba(0, 0, 0, .06), 0 0 0 transparent;--ease-spring: cubic-bezier(.25, .8, .25, 1);--ease-bouncy: cubic-bezier(.4, 0, .2, 1);--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;color-scheme:light}[data-theme=minimal-calm] body{background:linear-gradient(180deg,#f5f5f3,#eae8e4,#e0ddd8);background-attachment:fixed}[data-theme=minimal-calm] .bottom-nav,[data-theme=minimal-calm] [class*=BottomNav]{background:#ffffffeb!important;border-top:1px solid rgba(0,0,0,.06)!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 -1px 4px #0000000a}[data-theme=minimal-calm] .stats-bar{background:#ffffffd9;border:1px solid rgba(0,0,0,.06);box-shadow:0 1px 3px #0000000a;border-radius:16px}[data-theme=minimal-calm] .stats-bar:after{background:transparent}[data-theme=minimal-calm] .btn-primary,[data-theme=minimal-calm] .btn[class*=primary]{background:#3d6b50!important;color:#fff!important;font-weight:600;box-shadow:0 1px 3px #3d6b5033;border:none;border-radius:12px}[data-theme=minimal-calm] .btn-primary:hover,[data-theme=minimal-calm] .btn[class*=primary]:hover{background:#2d5540!important;box-shadow:0 2px 6px #3d6b5040}[data-theme=minimal-calm] .modal-card,[data-theme=minimal-calm] .modal{background:#fffffffc!important;border:1px solid rgba(0,0,0,.06);box-shadow:0 8px 32px #00000014;border-radius:20px}[data-theme=minimal-calm] .m3-cell{background:#fff9;border:1px solid rgba(0,0,0,.05);border-radius:8px}[data-theme=minimal-calm] .blox-cell{background:#ffffff80;border:1px solid rgba(0,0,0,.04);border-radius:4px}[data-theme=minimal-calm] .blox-cell.filled{border-radius:4px;opacity:.9}[data-theme=minimal-calm] .merge-cell{background:#ffffff80;border:1px solid rgba(0,0,0,.04);border-radius:10px}[data-theme=minimal-calm] .farm-plot{background:#ffffffb3;border:1px solid rgba(0,0,0,.06);border-radius:14px}[data-theme=minimal-calm] .seed-card{background:#fffc;border:1px solid rgba(0,0,0,.05);border-radius:14px}[data-theme=minimal-calm] .seed-card:hover:not([disabled]){border-color:#3d6b5033;box-shadow:0 2px 8px #3d6b501a}[data-theme=minimal-calm] .trivia-answer-btn{background:#fffc;border:1px solid rgba(0,0,0,.06);color:#1a1a1a;border-radius:14px}[data-theme=minimal-calm] .trivia-answer-btn:hover:not(:disabled){background:#3d6b500f;border-color:#3d6b5033}[data-theme=minimal-calm] ::-moz-selection{background:#3d6b5026;color:#1a1a1a}[data-theme=minimal-calm] ::selection{background:#3d6b5026;color:#1a1a1a}[data-theme=minimal-calm] dialog::backdrop{background:#1a1a1a26}[data-theme=minimal-calm] .toast{background:#fffffffa;color:#1a1a1a;border-color:#0000000f;box-shadow:0 1px 4px #0000000f;border-radius:14px}[data-theme=minimal-calm] .comfort-banner{background:#fffffffa;border-color:#0000000f;color:#1a1a1a;box-shadow:0 1px 3px #0000000f;border-radius:14px}[data-theme=minimal-calm] .qb-card{background:#fffffffc;border-color:#0000000f;box-shadow:0 -2px 8px #0000000a;border-radius:20px 20px 0 0}[data-theme=minimal-calm] .qb-seed-card{background:#00000005;border-color:#0000000f;border-radius:12px}[data-theme=minimal-calm] .qb-seed-card:hover:not([disabled]){background:#3d6b500a;border-color:#3d6b5026}[data-theme=minimal-calm] .qb-more-link{color:#1a1a1a66;border-color:#0000000f}[data-theme=minimal-calm] .blox-pause-overlay,[data-theme=minimal-calm] .blox-game-over-overlay,[data-theme=minimal-calm] .m3-game-over{background:#f5f5f3f0!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(0,0,0,.06);border-radius:20px;color:#1a1a1a!important}[data-theme=minimal-calm] .blox-pause-overlay h2,[data-theme=minimal-calm] .blox-game-over-overlay h2,[data-theme=minimal-calm] .m3-game-over h2{color:#1a1a1a!important}[data-theme=minimal-calm] .featured-shelf{background:#ffffffb3;border:1px solid rgba(0,0,0,.05);border-radius:16px}[data-theme=minimal-calm] .m3-splash-particle,[data-theme=minimal-calm] .farm-sparkle,[data-theme=minimal-calm] .coin-fly{opacity:.5}[data-theme=minimal-calm] .theme-cycle-fab{background:#ffffffd9;border-color:#00000014;color:#1a1a1a}.auth-dialog{border:none;background:transparent;padding:0;max-width:100vw;max-height:100dvh;width:100vw;height:100dvh;display:flex;align-items:center;justify-content:center}.auth-dialog::backdrop{background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.auth-card{background:var(--bg-card, #1a1a2e);border:1px solid var(--border-accent, rgba(139, 92, 246, .3));border-radius:1.25rem;padding:2rem;width:min(400px,90vw);box-shadow:0 0 40px #8b5cf626,0 20px 60px #00000080;animation:auth-slide-up .3s ease-out}@keyframes auth-slide-up{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-header{text-align:center;margin-bottom:1.5rem}.auth-title{font-family:var(--font-display, "Bungee", sans-serif);font-size:1.75rem;background:linear-gradient(135deg,#a78bfa,#f472b6,#fb923c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .25rem}.auth-subtitle{color:var(--text-muted, #94a3b8);font-size:.875rem;margin:0}.auth-tabs{display:flex;gap:0;background:var(--bg-inset, rgba(0, 0, 0, .3));border-radius:.75rem;padding:4px;margin-bottom:1.25rem}.auth-tab{flex:1;padding:.5rem 1rem;border:none;border-radius:.6rem;background:transparent;color:var(--text-muted, #94a3b8);font-family:var(--font-body, "Nunito", sans-serif);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.auth-tab.active{background:var(--bg-elevated, rgba(139, 92, 246, .2));color:var(--text-primary, #e2e8f0);box-shadow:0 2px 8px #8b5cf626}.auth-tab:hover:not(.active){color:var(--text-primary, #e2e8f0)}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-field{display:flex;flex-direction:column;gap:.375rem}.auth-field label{font-size:.8rem;font-weight:600;color:var(--text-secondary, #cbd5e1);text-transform:uppercase;letter-spacing:.05em}.auth-field input{padding:.75rem 1rem;border:1px solid var(--border-subtle, rgba(255, 255, 255, .1));border-radius:.625rem;background:var(--bg-inset, rgba(0, 0, 0, .3));color:var(--text-primary, #e2e8f0);font-family:var(--font-body, "Nunito", sans-serif);font-size:.95rem;transition:border-color .2s ease,box-shadow .2s ease;outline:none}.auth-field input::-moz-placeholder{color:var(--text-muted, rgba(148, 163, 184, .5))}.auth-field input::placeholder{color:var(--text-muted, rgba(148, 163, 184, .5))}.auth-field input:focus{border-color:var(--accent, #8b5cf6);box-shadow:0 0 0 3px #8b5cf626}.auth-error{color:#f87171;font-size:.8rem;min-height:1.25rem;text-align:center}.auth-submit{padding:.75rem 1.5rem;border:none;border-radius:.625rem;background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff;font-family:var(--font-body, "Nunito", sans-serif);font-size:1rem;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.auth-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #8b5cf666}.auth-submit:active:not(:disabled){transform:translateY(0)}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-demo-link{text-align:center;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-subtle, rgba(255, 255, 255, .06))}.auth-demo-btn{background:none;border:none;color:var(--text-muted, #94a3b8);font-family:var(--font-body, "Nunito", sans-serif);font-size:.85rem;cursor:pointer;padding:.5rem 1rem;border-radius:.5rem;transition:color .2s ease,background .2s ease}.auth-demo-btn:hover{color:var(--text-primary, #e2e8f0);background:var(--bg-inset, rgba(255, 255, 255, .05))}.auth-logout-btn{background:none;border:1px solid var(--border-subtle, rgba(255, 255, 255, .1));color:var(--text-muted, #94a3b8);font-family:var(--font-body, "Nunito", sans-serif);font-size:.75rem;padding:.25rem .625rem;border-radius:.375rem;cursor:pointer;transition:all .2s ease}.auth-logout-btn:hover{color:#f87171;border-color:#f871714d;background:#f8717114}