/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-pink-400:oklch(71.8% .202 349.761);--color-pink-600:oklch(59.2% .249 .584);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-2xl:42rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--leading-snug:1.375;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--drop-shadow-lg:0 4px 4px #00000026;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-bounce:bounce 1s infinite;--blur-sm:8px;--blur-md:12px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-display:"Fredoka One", cursive;--font-body:"Nunito", sans-serif;--color-ocean-deep:#0a2942;--color-ocean-mid:#0e3d5e;--color-ocean-light:#1a6b8a;--color-ocean-surface:#2ea8c7;--color-wood:#8b5e3c;--color-wood-dark:#6b3f1f;--color-wood-light:#a97b50;--color-gold:gold}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.right-0{right:calc(var(--spacing) * 0)}.-bottom-2{bottom:calc(var(--spacing) * -2)}.-bottom-5{bottom:calc(var(--spacing) * -5)}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-5{bottom:calc(var(--spacing) * 5)}.bottom-6{bottom:calc(var(--spacing) * 6)}.bottom-20{bottom:calc(var(--spacing) * 20)}.left-0{left:calc(var(--spacing) * 0)}.left-1\/2{left:50%}.isolate{isolation:isolate}.z-0{z-index:0}.z-10{z-index:10}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[1\]{z-index:1}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mb-0{margin-bottom:calc(var(--spacing) * 0)}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.h-2{height:calc(var(--spacing) * 2)}.h-3{height:calc(var(--spacing) * 3)}.h-8{height:calc(var(--spacing) * 8)}.h-full{height:100%}.min-h-\[152px\]{min-height:152px}.w-8{width:calc(var(--spacing) * 8)}.w-24{width:calc(var(--spacing) * 24)}.w-40{width:calc(var(--spacing) * 40)}.w-64{width:calc(var(--spacing) * 64)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.flex-1{flex:1}.shrink{flex-shrink:1}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-bounce{animation:var(--animate-bounce)}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-10{gap:calc(var(--spacing) * 10)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-\[\#1a9c54\]\/60{border-color:oklab(61.0033% -.134056 .069844/.6)}.border-\[\#1a9c54\]\/80{border-color:oklab(61.0033% -.134056 .069844/.8)}.border-\[\#2dd4bf\]\/60{border-color:oklab(78.452% -.132455 -.00442171/.6)}.border-\[\#6c3483\]\/60{border-color:oklab(43.4023% .095856 -.0960366/.6)}.border-\[\#512e5f\]\/60{border-color:oklab(36.7033% .0648646 -.0634686/.6)}.border-\[\#962d22\]\/60{border-color:oklab(45.5851% .123659 .0702143/.6)}.border-\[\#2471a3\]\/60{border-color:oklab(52.6332% -.0505397 -.0947982/.6)}.border-\[\#d35400\]\/60{border-color:oklab(60.4441% .127116 .12214/.6)}.border-gold{border-color:var(--color-gold)}.border-transparent{border-color:#0000}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.border-white\/20{border-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.bg-\[\#2ecc71\]{background-color:#2ecc71}.bg-black\/20{background-color:#0003}@supports (color:color-mix(in lab, red, red)){.bg-black\/20{background-color:color-mix(in oklab, var(--color-black) 20%, transparent)}}.bg-black\/30{background-color:#0000004d}@supports (color:color-mix(in lab, red, red)){.bg-black\/30{background-color:color-mix(in oklab, var(--color-black) 30%, transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.bg-white\/5{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.bg-white\/15{background-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.bg-white\/15{background-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.bg-white\/20{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.bg-white\/20{background-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-\[linear-gradient\(180deg\,rgba\(255\,255\,255\,0\.18\)\,rgba\(255\,255\,255\,0\.07\)\)\]{background-image:linear-gradient(#ffffff2e,#ffffff12)}.from-\[\#0ea5e9\]{--tw-gradient-from:#0ea5e9;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#0ea5e9\]\/80{--tw-gradient-from:oklab(68.4687% -.0798356 -.124464/.8);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#2ecc71\]\/80{--tw-gradient-from:oklab(74.5868% -.160516 .0841779/.8);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#3aad5e\]{--tw-gradient-from:#3aad5e;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#8e44ad\]\/80{--tw-gradient-from:oklab(52.606% .119826 -.121284/.8);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#9b59b6\]\/80{--tw-gradient-from:oklab(57.7156% .108414 -.107217/.8);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#14b8a6\]\/80{--tw-gradient-from:oklab(70.3753% -.122901 -.00537139/.8);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#22c55e\]{--tw-gradient-from:#22c55e;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#3498db\]\/80{--tw-gradient-from:oklab(65.3092% -.061809 -.119684/.8);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#a855f7\]{--tw-gradient-from:#a855f7;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#e74c3c\]\/80{--tw-gradient-from:oklab(63.0682% .168954 .0953622/.8);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#f39c12\]\/80{--tw-gradient-from:oklab(76.2795% .0573186 .152235/.8);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#f472b6\]{--tw-gradient-from:#f472b6;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-pink-400{--tw-gradient-from:var(--color-pink-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-\[\#2ecc71\]{--tw-gradient-via:#2ecc71;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-\[\#0f766e\]\/80{--tw-gradient-to:oklab(51.0938% -.0855206 -.00957963/.8);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#1a9c54\]{--tw-gradient-to:#1a9c54;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#6c3483\]\/80{--tw-gradient-to:oklab(43.4023% .095856 -.0960366/.8);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#7e22ce\]{--tw-gradient-to:#7e22ce;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#8e44ad\]\/80{--tw-gradient-to:oklab(52.606% .119826 -.121284/.8);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#27ae60\]\/80{--tw-gradient-to:oklab(66.2876% -.141961 .0743057/.8);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#0369a1\]{--tw-gradient-to:#0369a1;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#2980b9\]\/80{--tw-gradient-to:oklab(57.5854% -.0553552 -.105355/.8);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#15803d\]{--tw-gradient-to:#15803d;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#166534\]\/80{--tw-gradient-to:oklab(44.7925% -.095038 .0519722/.8);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#c0392b\]\/80{--tw-gradient-to:oklab(54.3346% .151152 .0862043/.8);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#db2777\]{--tw-gradient-to:#db2777;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#e67e22\]\/80{--tw-gradient-to:oklab(69.5758% .0903199 .131635/.8);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-pink-600{--tw-gradient-to:var(--color-pink-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.p-3{padding:calc(var(--spacing) * 3)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.text-center{text-align:center}.text-left{text-align:left}.font-body{font-family:var(--font-body)}.font-display{font-family:var(--font-display)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.text-\[\#2ecc71\]{color:#2ecc71}.text-\[\#FF6B6B\]{color:#ff6b6b}.text-\[\#FFD700\]{color:gold}.text-white{color:var(--color-white)}.text-white\/40{color:#fff6}@supports (color:color-mix(in lab, red, red)){.text-white\/40{color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.text-white\/45{color:#ffffff73}@supports (color:color-mix(in lab, red, red)){.text-white\/45{color:color-mix(in oklab, var(--color-white) 45%, transparent)}}.text-white\/50{color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.text-white\/50{color:color-mix(in oklab, var(--color-white) 50%, transparent)}}.text-white\/60{color:#fff9}@supports (color:color-mix(in lab, red, red)){.text-white\/60{color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.text-white\/70{color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.text-white\/80{color:#fffc}@supports (color:color-mix(in lab, red, red)){.text-white\/80{color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.placeholder-white\/30::placeholder{color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.placeholder-white\/30::placeholder{color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.accent-\[\#2ecc71\]{accent-color:#2ecc71}.accent-\[\#FF6B6B\]{accent-color:#ff6b6b}.accent-\[\#f39c12\]{accent-color:#f39c12}.opacity-60{opacity:.6}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_4px_12px_rgba\(0\,0\,0\,0\.35\)\,inset_0_1px_2px_rgba\(255\,255\,255\,0\.3\)\,inset_0_-2px_4px_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow:0 4px 12px var(--tw-shadow-color,#00000059), inset 0 1px 2px var(--tw-shadow-color,#ffffff4d), inset 0 -2px 4px var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_4px_16px_rgba\(45\,212\,191\,0\.25\)\]{--tw-shadow:0 4px 16px var(--tw-shadow-color,#2dd4bf40);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_4px_16px_rgba\(46\,204\,113\,0\.25\)\]{--tw-shadow:0 4px 16px var(--tw-shadow-color,#2ecc7140);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_4px_16px_rgba\(52\,152\,219\,0\.25\)\]{--tw-shadow:0 4px 16px var(--tw-shadow-color,#3498db40);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_4px_16px_rgba\(142\,68\,173\,0\.25\)\]{--tw-shadow:0 4px 16px var(--tw-shadow-color,#8e44ad40);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_4px_16px_rgba\(155\,89\,182\,0\.25\)\]{--tw-shadow:0 4px 16px var(--tw-shadow-color,#9b59b640);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_4px_16px_rgba\(231\,76\,60\,0\.25\)\]{--tw-shadow:0 4px 16px var(--tw-shadow-color,#e74c3c40);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_4px_16px_rgba\(243\,156\,18\,0\.25\)\]{--tw-shadow:0 4px 16px var(--tw-shadow-color,#f39c1240);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_12px_28px_rgba\(0\,0\,0\,0\.28\)\,inset_0_1px_1px_rgba\(255\,255\,255\,0\.24\)\]{--tw-shadow:0 12px 28px var(--tw-shadow-color,#00000047), inset 0 1px 1px var(--tw-shadow-color,#ffffff3d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_18px_48px_rgba\(0\,0\,0\,0\.3\)\,inset_0_1px_1px_rgba\(255\,255\,255\,0\.12\)\]{--tw-shadow:0 18px 48px var(--tw-shadow-color,#0000004d), inset 0 1px 1px var(--tw-shadow-color,#ffffff1f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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-lg{--tw-drop-shadow-size:drop-shadow(0 4px 4px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-lg));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,)}.grayscale{--tw-grayscale:grayscale(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,)}.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,)}.sepia{--tw-sepia:sepia(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(var(--blur-md));-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(var(--blur-sm));-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,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:bg-white\/25:is(:where(.group):hover *){background-color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.group-hover\:bg-white\/25:is(:where(.group):hover *){background-color:color-mix(in oklab, var(--color-white) 25%, transparent)}}.group-hover\:text-white\/80:is(:where(.group):hover *){color:#fffc}@supports (color:color-mix(in lab, red, red)){.group-hover\:text-white\/80:is(:where(.group):hover *){color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.hover\:-translate-x-1:hover{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:scale-\[1\.03\]:hover{scale:1.03}.hover\:scale-\[1\.04\]:hover{scale:1.04}.hover\:scale-\[1\.035\]:hover{scale:1.035}.hover\:border-white\/30:hover{border-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.hover\:border-white\/30:hover{border-color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.hover\:bg-\[linear-gradient\(180deg\,rgba\(255\,255\,255\,0\.24\)\,rgba\(255\,255\,255\,0\.1\)\)\]:hover{background-image:linear-gradient(#ffffff3d,#ffffff1a)}.hover\:text-white:hover{color:var(--color-white)}.hover\:text-white\/80:hover{color:#fffc}@supports (color:color-mix(in lab, red, red)){.hover\:text-white\/80:hover{color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.hover\:shadow-\[0_6px_20px_rgba\(46\,204\,113\,0\.4\)\,inset_0_1px_2px_rgba\(255\,255\,255\,0\.35\)\]:hover{--tw-shadow:0 6px 20px var(--tw-shadow-color,#2ecc7166), inset 0 1px 2px var(--tw-shadow-color,#ffffff59);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-\[0_16px_34px_rgba\(0\,0\,0\,0\.34\)\,inset_0_1px_1px_rgba\(255\,255\,255\,0\.3\)\]:hover{--tw-shadow:0 16px 34px var(--tw-shadow-color,#00000057), inset 0 1px 1px var(--tw-shadow-color,#ffffff4d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.focus\:border-gold\/50:focus{border-color:#ffd70080}@supports (color:color-mix(in lab, red, red)){.focus\:border-gold\/50:focus{border-color:color-mix(in oklab, var(--color-gold) 50%, transparent)}}.active\:translate-y-0:active{--tw-translate-y:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.active\:scale-\[0\.97\]:active{scale:.97}.active\:scale-\[0\.98\]:active{scale:.98}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}@media (hover:hover){.disabled\:hover\:translate-y-0:disabled:hover{--tw-translate-y:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.disabled\:hover\:scale-100:disabled:hover{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}}@media (width>=40rem){.sm\:block{display:block}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:gap-5{gap:calc(var(--spacing) * 5)}.sm\:gap-6{gap:calc(var(--spacing) * 6)}.sm\:p-7{padding:calc(var(--spacing) * 7)}}}@font-face{font-family:Fredoka One;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fredoka-one-latin-Cy0bkM_V.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,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-weight:400;font-display:swap;src:url(/assets/nunito-latin-CjueodBP.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,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-weight:700;font-display:swap;src:url(/assets/nunito-latin-CjueodBP.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,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-weight:900;font-display:swap;src:url(/assets/nunito-latin-CjueodBP.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);width:100vw;height:100vh;overflow:hidden}#root{width:100vw;height:100vh}.wood-texture{background:linear-gradient(90deg, var(--color-wood-dark) 0%, var(--color-wood) 15%, var(--color-wood-light) 30%, var(--color-wood) 45%, var(--color-wood-dark) 55%, var(--color-wood) 70%, var(--color-wood-light) 85%, var(--color-wood) 100%);border:3px solid var(--color-wood-dark);background-size:200px 100%;border-radius:8px;box-shadow:inset 0 2px 4px #fff3,inset 0 -2px 4px #0000004d,0 4px 8px #0006}.ocean-bg{background:linear-gradient(180deg, var(--color-ocean-surface) 0%, var(--color-ocean-light) 30%, var(--color-ocean-mid) 60%, var(--color-ocean-deep) 100%);background-attachment:fixed;position:relative;overflow:hidden}.ocean-bg.scrollable{overflow:hidden auto}.jungle-bg{background-color:#0000;background-image:radial-gradient(at 30% 15%,#ffeb3b1f 0%,#0000 35%),radial-gradient(at 70% 10%,#ffc83214 0%,#0000 30%),radial-gradient(at 50% 70%,#00280a4d 0%,#0000 50%),radial-gradient(at 85% 85%,#3c1e0533 0%,#0000 40%),linear-gradient(#0a1208 0%,#0e1a0a 6%,#152810 14%,#1c3515 24%,#25451c 36%,#2d5522 46%,#2a4d1e 56%,#1f3a14 66%,#1a3010 74%,#18280e 82%,#14200c 90%,#0f1808 100%);background-position:0 0,0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;position:relative;overflow:hidden}.jungle-bg:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 25% 20%,#b4dc500f 0%,#0000 30%),radial-gradient(circle at 60% 30%,#fff0640a 0%,#0000 25%),radial-gradient(circle at 40% 75%,#50a03c0f 0%,#0000 35%),radial-gradient(circle at 80% 60%,#64b4460a 0%,#0000 20%);animation:10s ease-in-out infinite alternate jungle-dapple;position:fixed;inset:0}@keyframes jungle-dapple{0%{opacity:.6}to{opacity:1}}.jungle-bg.scrollable{overflow:hidden auto}.space-bg{background:linear-gradient(#1a0a2e 0%,#0f0620 30%,#0a0418 60%,#050210 100%) fixed;position:relative;overflow:hidden}.space-bg.scrollable{overflow:hidden auto}.neutral-bg{background:linear-gradient(#1e293b 0%,#0f172a 50%,#020617 100%) fixed;position:relative;overflow:hidden}.neutral-bg.scrollable{overflow:hidden auto}.garden-bg{color:#fff;text-shadow:0 2px 8px #000c,0 1px 3px #000000e6,0 0 20px #0006;background-color:#0000;background-image:radial-gradient(at 20% 20%,#ffb7c51a 0%,#0000 50%),radial-gradient(at 80% 10%,#f48fb114 0%,#0000 40%),radial-gradient(at 50% 80%,#1b5e2026 0%,#0000 50%),linear-gradient(#1a0e2e 0%,#2c1654 8%,#4a2068 18%,#6b2d7b 28%,#8e4585 40%,#7b3060 52%,#5a3050 60%,#3a4a3a 72%,#2e5a2e 82%,#1e4a1e 92%,#143a14 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;position:relative;overflow:hidden}.garden-bg:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 15% 25%,#ffb7c51a 0%,#0000 25%),radial-gradient(circle at 75% 15%,#ffb7c514 0%,#0000 20%),radial-gradient(circle at 40% 60%,#fff9c40f 0%,#0000 30%),radial-gradient(circle at 85% 70%,#f48fb10f 0%,#0000 25%),radial-gradient(circle at 10% 80%,#81c78414 0%,#0000 30%);animation:8s ease-in-out infinite alternate garden-shimmer;position:fixed;inset:0}.garden-bg:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(3px at 20% 30%,#ffffff80 0%,#0000 100%),radial-gradient(4px at 55% 20%,#fff6 0%,#0000 100%),radial-gradient(3px at 80% 35%,#ffffff59 0%,#0000 100%),radial-gradient(5px at 35%,#fff9c466 0%,#0000 100%),radial-gradient(3px at 70% 55%,#ffffff4d 0%,#0000 100%),radial-gradient(4px at 15% 65%,#ffe0b259 0%,#0000 100%),radial-gradient(3px at 90% 45%,#ffffff4d 0%,#0000 100%),radial-gradient(2px at 45% 15%,#ffffff80 0%,#0000 100%);animation:6s ease-in-out infinite alternate garden-fireflies;position:fixed;inset:0}.garden-bg.scrollable{overflow:hidden auto}@keyframes petal-fall{0%{opacity:0;transform:translateY(-10vh)translate(0)rotate(0)scale(.8)}5%{opacity:.8}50%{transform:translateY(45vh) translateX(var(--drift,40px)) rotate(180deg) scale(1);opacity:.7}to{transform:translateY(105vh) translateX(var(--drift-end,-20px)) rotate(360deg) scale(.6);opacity:0}}@keyframes garden-shimmer{0%{opacity:.6}to{opacity:1}}@keyframes garden-fireflies{0%{opacity:.3;transform:translateY(0)}50%{opacity:.7;transform:translateY(-8px)}to{opacity:.4;transform:translateY(2px)}}@keyframes garden-glow{0%,to{opacity:.3}50%{opacity:.6}}@keyframes menu-bubble-rise{0%{opacity:0;transform:translateY(0)translate(0)scale(.5)}5%{opacity:.55}90%{opacity:.25}to{transform:translateY(-110vh) translateX(var(--wobble-amount)) scale(1);opacity:0}}@keyframes menu-bubble-wobble{0%,to{margin-left:0}50%{margin-left:var(--wobble-amount)}}.menu-bubble{animation:menu-bubble-rise var(--rise-duration) linear var(--rise-delay) infinite, menu-bubble-wobble var(--wobble-speed) ease-in-out var(--rise-delay) infinite;pointer-events:none;z-index:0;background:radial-gradient(circle at 30% 30%,#ffffff8c,#ffffff14);border:1px solid #ffffff4d;border-radius:50%;position:absolute;bottom:-20px;box-shadow:inset 0 -2px 6px #ffffff26}.bubble{pointer-events:none;background:radial-gradient(circle at 30% 30%,#ffffff80,#ffffff1a);border:1px solid #ffffff4d;border-radius:50%;width:20px;height:20px;position:absolute}@keyframes menu-fish-swim{0%{left:-80px}to{left:calc(100% + 80px)}}@keyframes menu-fish-bob{0%,to{transform:translateY(0)}50%{transform:translateY(calc(var(--bob-amount) * -1))}}.menu-fish{animation:menu-fish-swim var(--swim-duration) linear var(--swim-delay) infinite var(--swim-direction), menu-fish-bob var(--bob-speed) ease-in-out 0s infinite;pointer-events:none;z-index:0;filter:blur(.5px);line-height:1;position:absolute}@keyframes seaweed-sway{0%,to{transform:rotate(-4deg)scaleY(1)}25%{transform:rotate(3deg)scaleY(1.02)}50%{transform:rotate(5deg)scaleY(.98)}75%{transform:rotate(-2deg)scaleY(1.01)}}.seaweed-sway-1{transform-origin:bottom;animation:5s ease-in-out infinite seaweed-sway}.seaweed-sway-2{transform-origin:bottom;animation:6.5s ease-in-out -2s infinite seaweed-sway}.seaweed-sway-3{transform-origin:bottom;animation:4.5s ease-in-out -4s infinite seaweed-sway}@keyframes light-ray{0%,to{opacity:.04}50%{opacity:.1}}.light-rays{pointer-events:none;z-index:0;background:repeating-conic-gradient(from 20deg at 50% -5%,#0000 0deg,#ffffff08 2deg,#0000 4deg);height:60%;animation:8s ease-in-out infinite light-ray;position:absolute;top:0;left:0;right:0}.jungle-light-rays{pointer-events:none;z-index:0;background:repeating-conic-gradient(from 30deg at 40% -5%,#0000 0deg,#ffff6405 3deg,#0000 5deg);height:60%;animation:10s ease-in-out infinite light-ray;position:absolute;top:0;left:0;right:0}@keyframes leaf-fall{0%{opacity:0;transform:translateY(-10vh)translate(0)rotate(0)}5%{opacity:.6}90%{opacity:.3}to{transform:translateY(110vh) translateX(var(--leaf-drift)) rotate(720deg);opacity:0}}.falling-leaf{animation:leaf-fall var(--fall-duration) linear var(--fall-delay) infinite;pointer-events:none;z-index:0;position:absolute;top:-20px}@keyframes jungle-critter-walk{0%{left:-60px}to{left:calc(100% + 60px)}}.jungle-critter{animation:jungle-critter-walk var(--walk-duration) linear var(--walk-delay) infinite var(--walk-direction);pointer-events:none;z-index:0;line-height:1;position:absolute}@keyframes star-twinkle{0%,to{opacity:var(--star-min-opacity);transform:scale(1)}50%{opacity:var(--star-max-opacity);transform:scale(1.3)}}.twinkle-star{width:var(--star-size);height:var(--star-size);animation:star-twinkle var(--twinkle-duration) ease-in-out var(--twinkle-delay) infinite;pointer-events:none;z-index:0;background:#fff;border-radius:50%;position:absolute}@keyframes shooting-star{0%{left:var(--shoot-start-x);top:var(--shoot-start-y);opacity:0;width:2px}10%{opacity:1}90%{opacity:.8}to{left:calc(var(--shoot-start-x) + var(--shoot-dx));top:calc(var(--shoot-start-y) + var(--shoot-dy));opacity:0;width:60px}}.shooting-star{height:2px;animation:shooting-star var(--shoot-duration) linear var(--shoot-delay) infinite;pointer-events:none;z-index:0;transform:rotate(var(--shoot-angle));background:linear-gradient(90deg,#0000,#fff);border-radius:2px;position:absolute}@keyframes swim{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-4px)rotate(-1deg)}75%{transform:translateY(4px)rotate(1deg)}}.fish-swim{animation:2s ease-in-out infinite swim}@keyframes kraken-idle{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes tentacle-wave{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.kraken-idle{animation:3s ease-in-out infinite kraken-idle}.tentacle{transform-origin:top;animation:2s ease-in-out infinite tentacle-wave}@keyframes pop{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.5)}to{opacity:0;transform:scale(0)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.animate-pop{animation:.4s ease-out forwards pop}.animate-shake{animation:.4s ease-in-out shake}@keyframes score-float{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-60px)}}.score-popup{animation:1s ease-out forwards score-float}@keyframes sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.seaweed-sway{transform-origin:bottom;animation:4s ease-in-out infinite sway}@keyframes kraken-eat{0%{transform:scale(1)}30%{transform:scale(1.15)}to{transform:scale(1)}}.kraken-eat{animation:.5s ease-out kraken-eat}@keyframes glow-pulse{0%,to{box-shadow:0 0 10px #2ea8c74d}50%{box-shadow:0 0 25px #2ea8c799}}.glow-card{animation:2s ease-in-out infinite glow-pulse}@keyframes fade-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.fade-in{animation:.5s ease-out fade-in}.ocean-bg,.jungle-bg,.space-bg,.garden-bg,.neutral-bg{background-attachment:fixed;position:relative;overflow:hidden}.ocean-bg{background:radial-gradient(at 50% -8%,#b4ecff33,#0000 42%),linear-gradient(#75d6e8 0%,#217f9b 24%,#105272 56%,#08263b 100%)}.jungle-bg{background:radial-gradient(at 42% 7%,#ffd96c33,#0000 26%),radial-gradient(at 18% 34%,#59913333,#0000 32%),radial-gradient(at 72% 78%,#5030136b,#0000 42%),linear-gradient(#081b12 0%,#142f1b 26%,#1d3c20 58%,#0f1b12 100%)}.jungle-bg:before,.garden-bg:before,.garden-bg:after{display:none}.space-bg,.neutral-bg{background:radial-gradient(at 68% 18%,#48a0c126,#0000 30%),radial-gradient(at 28% 28%,#815cf638,#0000 36%),linear-gradient(#121630 0%,#0b1024 48%,#050713 100%)}.garden-bg{color:#fff;text-shadow:0 2px 8px #00000094;background:radial-gradient(at 20% 12%,#fccdc429,#0000 30%),radial-gradient(at 76% 20%,#ffd6991a,#0000 34%),linear-gradient(#273452 0%,#463759 38%,#4d3a49 58%,#263e2d 100%)}.theme-backdrop{pointer-events:none;z-index:0;isolation:isolate;position:absolute;inset:0;overflow:hidden}.theme-backdrop:before{content:"";mix-blend-mode:screen;opacity:.58;background:linear-gradient(90deg,#ffffff0e,#0000 24%,#ffffff09 55%,#0000 78%),radial-gradient(at 50% 105%,#00000040,#0000 58%);position:absolute;inset:0}.scene-custom{position:fixed}.scene-game{opacity:.9}.scene-illustration{width:100%;height:100%;position:absolute;bottom:0;left:0;right:0}.scene-vignette{background:linear-gradient(#0000001f,#0000 23% 70%,#00000047),radial-gradient(#0000 46%,#00000047 100%);position:absolute;inset:0}.scene-stars{position:absolute;inset:0}.scene-stars span{background:#f5faffd1;border-radius:999px;position:absolute;box-shadow:0 0 8px #7dd3fc61}.ocean-haze{opacity:.56;background:linear-gradient(105deg,#0000 4%,#ffffff1f 7%,#0000 13% 30%,#ffffff14 34%,#0000 42%),linear-gradient(165deg,#0000 9%,#ffffff14 14%,#0000 21% 48%,#ffffff0f 53%,#0000 59%);position:absolute;inset:0}.scene-hiragana .theme-backdrop:before,.scene-hiragana:before{opacity:.5}.ocean-reef{opacity:.94}.jungle-sun{filter:blur(2px);background:radial-gradient(circle,#ffdd837a,#ffdd8329 38%,#0000 68%);border-radius:50%;width:min(42vw,520px);height:min(42vw,520px);position:absolute;top:-18%;left:23%}.jungle-texture{opacity:.75;background:radial-gradient(circle at 11% 26%,#b4dc6614,#0000 9%),radial-gradient(circle at 31% 18%,#6ea84a14,#0000 12%),radial-gradient(circle at 57% 28%,#c4e07612,#0000 10%),radial-gradient(circle at 79% 20%,#699c4414,#0000 13%),radial-gradient(circle at 92% 46%,#5380361a,#0000 16%),repeating-linear-gradient(104deg,#ffffff08 0 2px,#0000 2px 26px),repeating-linear-gradient(12deg,#00000012 0 1px,#0000 1px 18px);position:absolute;inset:0}.jungle-canopy{filter:drop-shadow(0 24px 24px #00000038);background:radial-gradient(at 8% 16%,#082612f2 0 14%,#0000 15%),radial-gradient(at 20% 4%,#103c19eb 0 18%,#0000 19%),radial-gradient(at 34% 14%,#092e13e6 0 18%,#0000 19%),radial-gradient(at 50% 0,#164c20e0 0 20%,#0000 21%),radial-gradient(at 66% 13%,#093014e6 0 18%,#0000 19%),radial-gradient(at 82% 4%,#12401deb 0 19%,#0000 20%),radial-gradient(at 96% 17%,#082612f2 0 14%,#0000 15%);height:34%;position:absolute;inset:-6% -2% auto}.jungle-depth{opacity:.97}.space-planet{border-radius:50%;position:absolute;box-shadow:inset -24px -20px 48px #0000006b,0 0 56px #7dd3fc29}.space-planet-primary{background:radial-gradient(circle at 34% 28%,#ffffff57,#0000 18%),linear-gradient(135deg,#78d4e7,#5d5ac9 48%,#24194c);width:min(22vw,250px);height:min(22vw,250px);top:12%;right:10%}.space-planet-secondary{opacity:.72;background:linear-gradient(135deg,#efb86e,#9a5a47 52%,#38233d);width:min(9vw,104px);height:min(9vw,104px);top:18%;left:15%}.space-surface{opacity:.96}.garden-moon{background:radial-gradient(circle at 36% 35%,#fff8d6f5,#ffe5aebd 44%,#ffbc8a1a 68%,#0000 72%);border-radius:50%;width:min(16vw,178px);height:min(16vw,178px);position:absolute;top:10%;right:15%;box-shadow:0 0 64px #ffd9a63d}.garden-landscape{opacity:.96}.neutral-orbit{border:1px solid #94a3b82e;border-radius:50%;position:absolute;transform:rotate(-18deg)}.neutral-orbit-one{width:58vw;height:20vw;top:18%;left:20%}.neutral-orbit-two{opacity:.7;width:42vw;height:15vw;bottom:18%;right:12%}.wood-texture{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#ffffff2e,#ffffff12),#070c148a;border:1px solid #ffffff2e;border-radius:10px;box-shadow:0 14px 32px #0000004d,inset 0 1px 1px #ffffff3d,inset 0 -1px #00000047}.theme-backdrop+.fade-in,.theme-backdrop~.fade-in{position:relative}.mode-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0b12209e;border:1px solid #ffffff2e;border-radius:12px;padding:24px;position:relative;overflow:hidden;box-shadow:0 18px 44px #0000003d,inset 0 1px 1px #ffffff29}.mode-card:before{content:"";opacity:.72;background:linear-gradient(135deg, #ffffff2e, transparent 34%), radial-gradient(ellipse at 50% 118%, var(--mode-glow), transparent 62%);position:absolute;inset:0}.mode-card>*{position:relative}.mode-card-hiragana{--mode-glow:#0ea5e975;border-color:#7dd3fc47}.mode-card-katakana{--mode-glow:#84cc1666;border-color:#86efac3d}.mode-card-mixed{--mode-glow:#60a5fa6b;border-color:#a5b4fc3d}.mode-card-kanji{--mode-glow:#fbb6ce6b;border-color:#fbcfe842}.topic-button{color:#fff;letter-spacing:0;border:1px solid #ffffff3d;border-radius:12px;justify-content:center;align-items:center;gap:10px;min-width:160px;min-height:54px;font-weight:900;transition:transform .18s,box-shadow .18s,border-color .18s,filter .18s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 14px 28px #0000004d,inset 0 1px 1px #ffffff47}.topic-button:before{content:"";background:linear-gradient(180deg, #ffffff38, transparent 38%), radial-gradient(ellipse at 50% 115%, var(--button-glow), transparent 62%);pointer-events:none;position:absolute;inset:0}.topic-button>span,.topic-button>strong{position:relative}.topic-button:hover{box-shadow:0 18px 38px #0000005c, 0 0 24px var(--button-glow), inset 0 1px 1px #ffffff57;border-color:#fff6;transform:translateY(-2px)scale(1.035)}.topic-button:active{transform:translateY(0)scale(.98)}.topic-button-icon{filter:drop-shadow(0 2px 3px #00000052);font-size:1.35rem;line-height:1}.topic-hiragana.topic-button-primary{--button-glow:#2dd4bf6b;background:linear-gradient(135deg,#0e7490,#0891b2 46%,#155e75)}.topic-hiragana.topic-button-secondary{--button-glow:#fb718561;background:linear-gradient(135deg,#be4b59,#e76f65 46%,#8f3340)}.topic-katakana.topic-button-primary{--button-glow:#84cc166b;background:linear-gradient(135deg,#3f6212,#65a30d 48%,#22543d)}.topic-katakana.topic-button-secondary{--button-glow:#d9770661;background:linear-gradient(135deg,#713f12,#a16207 48%,#422006)}.topic-mixed.topic-button-primary{--button-glow:#7dd3fc73;background:linear-gradient(135deg,#312e81,#2563eb 48%,#111827)}.topic-mixed.topic-button-secondary{--button-glow:#c084fc6b;background:linear-gradient(135deg,#581c87,#7e22ce 48%,#24123d)}.topic-kanji.topic-button-primary{--button-glow:#fbcfe870;background:linear-gradient(135deg,#be185d,#f472b6 48%,#7f1d1d)}.topic-kanji.topic-button-secondary{--button-glow:#fbbf245c;background:linear-gradient(135deg,#7f1d1d,#b45309 48%,#3b1f2d)}.game-hud{--hud-accent:#2dd4bf;--hud-accent-soft:#2dd4bf47;--hud-danger:#fb7185;z-index:30;pointer-events:none;grid-template-columns:minmax(140px,.62fr) minmax(220px,1.25fr) minmax(160px,.78fr);align-items:stretch;gap:12px;display:grid;position:absolute;top:12px;left:12px;right:12px}.hud-katakana{--hud-accent:#84cc16;--hud-accent-soft:#84cc164d;--hud-danger:#f59e0b}.hud-mixed{--hud-accent:#60a5fa;--hud-accent-soft:#60a5fa4d;--hud-danger:#c084fc}.hud-kanji{--hud-accent:#f9a8d4;--hud-accent-soft:#f9a8d44d;--hud-danger:#fbbf24}.hud-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;pointer-events:auto;background:linear-gradient(#ffffff29,#fff1),#050c1485;border:1px solid #ffffff2e;border-radius:14px;min-height:78px;padding:12px 14px;overflow:hidden;box-shadow:0 14px 34px #00000047,inset 0 1px 1px #fff3,inset 0 -1px #0000003d}.hud-card:before{content:"";position:absolute}.hud-score,.hud-progress,.hud-lives{position:relative}.hud-score:after,.hud-progress:after,.hud-lives:after{content:"";background:linear-gradient(90deg, transparent, var(--hud-accent), transparent);opacity:.7;border-radius:999px;height:2px;position:absolute;inset:auto 12px 0}.hud-label{color:#ffffff9e;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:900;line-height:1.1;display:block}.hud-value-row{align-items:center;gap:8px;margin-top:4px;display:flex}.hud-icon{filter:drop-shadow(0 2px 4px #00000057);font-size:1.4rem;line-height:1}.hud-value{font-family:var(--font-display);color:#fff;text-shadow:0 0 18px var(--hud-accent-soft);font-size:clamp(1.7rem,3vw,2.25rem);line-height:.95}.hud-streak{color:#ffd86b;opacity:0;height:16px;margin-top:4px;font-size:.75rem;font-weight:900;line-height:1}.hud-streak.is-active{opacity:1}.hud-progress,.hud-lives{flex-direction:column;justify-content:center;display:flex}.hud-progress-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.hud-count{font-family:var(--font-display);color:#fff;flex-shrink:0;font-size:1.1rem;line-height:1}.hud-progress-track{background:linear-gradient(#0006,#ffffff0f),#0000004d;border-radius:999px;height:14px;position:relative;overflow:hidden;box-shadow:inset 0 1px 4px #0000007a,0 0 0 1px #ffffff14}.hud-progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--hud-accent), var(--hud-accent));position:absolute;inset:0 auto 0 0}@supports (color:color-mix(in lab, red, red)){.hud-progress-fill{background:linear-gradient(90deg, var(--hud-accent), color-mix(in srgb, var(--hud-accent) 72%, white))}}.hud-progress-fill{box-shadow:0 0 18px var(--hud-accent-soft);transition:width .22s}.hud-progress-shine{opacity:.68;background:linear-gradient(90deg,#ffffff57,#0000 72%);border-radius:999px;height:3px;position:absolute;inset:2px 3px auto}.hud-spawn-debug{color:#ffffff94;text-transform:uppercase;align-items:center;gap:8px;margin-top:8px;font-size:.74rem;font-weight:900;line-height:1;display:flex}.hud-spawn-debug strong{color:#fff;font-family:var(--font-display);text-shadow:0 0 14px var(--hud-accent-soft);font-size:1rem;line-height:1}.hud-life-meter{gap:4px;min-height:18px;display:grid}.hud-life-segment{background:#ffffff24;border-radius:999px;min-width:5px;box-shadow:inset 0 1px 1px #ffffff29}.hud-life-segment.is-live{background:linear-gradient(180deg, var(--hud-danger), var(--hud-danger))}@supports (color:color-mix(in lab, red, red)){.hud-life-segment.is-live{background:linear-gradient(180deg, color-mix(in srgb, var(--hud-danger) 70%, white), var(--hud-danger))}}.hud-life-segment.is-live{box-shadow:0 0 12px var(--hud-danger), inset 0 1px 1px #ffffff57}@supports (color:color-mix(in lab, red, red)){.hud-life-segment.is-live{box-shadow:0 0 12px color-mix(in srgb, var(--hud-danger) 60%, transparent), inset 0 1px 1px #ffffff57}}.hud-infinity{font-family:var(--font-display);color:var(--hud-accent);text-align:center;text-shadow:0 0 20px var(--hud-accent-soft);font-size:2.2rem;line-height:1}.result-overlay{--result-accent:#2dd4bf;--result-accent-rgb:45, 212, 191;--result-panel-top:#0e3d5ef0;--result-panel-bottom:#0a2a40fa;--result-panel-border:#2ea8c770;--result-panel-shadow:#0ea5e947;z-index:50;box-sizing:border-box;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#030812a3;justify-content:center;align-items:center;height:100%;padding:clamp(24px,5vw,56px);display:flex;position:absolute;inset:0;overflow:hidden}.result-panel{overscroll-behavior:contain;border:2px solid var(--result-panel-border);background:radial-gradient(circle at 18% 0%, #ffffff24, transparent 32%), linear-gradient(180deg, var(--result-panel-top), var(--result-panel-bottom));width:min(980px,100%);max-height:100%;box-shadow:0 28px 80px #00000075, 0 0 34px var(--result-panel-shadow), inset 0 1px 0 #ffffff2e;color:#fff;text-align:center;box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:clamp(24px,3.5vw,38px);overflow:hidden}.result-content{flex-direction:column;gap:16px;width:100%;min-width:0;display:flex}.result-header{text-align:left;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icon title""icon message";align-items:center;gap:4px 18px;padding:0 4px;display:grid}.result-icon{filter:drop-shadow(0 8px 16px #0000003d);grid-area:icon;font-size:clamp(2.4rem,5vw,3.6rem);line-height:1}.result-title{font-family:var(--font-display);overflow-wrap:anywhere;grid-area:title;margin:0;font-size:clamp(2rem,4vw,2.8rem);line-height:1.05}.result-message{color:#ffffffc2;overflow-wrap:anywhere;grid-area:message;max-width:none;margin:0;font-size:1rem;line-height:1.45}.result-main{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));align-items:stretch;gap:14px;display:grid}.result-section{box-sizing:border-box;background:#0000003d;border:1px solid #ffffff1a;border-radius:18px;width:100%;padding:clamp(16px,2.5vw,22px);box-shadow:inset 0 1px #ffffff14,0 14px 30px #00000024}.result-stats{flex-direction:column;gap:8px;display:flex}.result-stat-row{box-sizing:border-box;background:#ffffff0a;border-radius:12px;justify-content:space-between;align-items:center;gap:18px;min-height:34px;padding:7px 10px;display:flex}.result-stat-label{color:#ffffffb8;text-align:left;line-height:1.25}.result-stat-value{text-align:right;white-space:nowrap;font-weight:900;line-height:1.25}.result-score-value{color:gold}.result-correct-value{color:#6ee7a8}.result-missed-value,.result-missed-romaji{color:#ff8f8f}.result-section-title{color:#ffffffb8;letter-spacing:.08em;text-align:center;text-transform:uppercase;margin:0 0 12px;font-size:.78rem;font-weight:900;line-height:1.2}.result-missed-grid{grid-template-columns:repeat(auto-fit,minmax(66px,1fr));gap:8px;display:grid}.result-missed-card{box-sizing:border-box;background:#0000003d;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:60px;padding:8px;display:flex}.result-missed-kana{font-size:1.45rem;line-height:1.1}.result-missed-romaji{overflow-wrap:anywhere;text-align:center;margin-top:4px;font-size:.82rem;font-weight:900;line-height:1.2}.result-missed-more{color:#ffffffb8;font-size:1.2rem;font-weight:900}.result-score-list{flex-direction:column;gap:7px;display:flex}.result-score-row{color:#ffffffbd;background:#ffffff0a;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;min-height:34px;padding:8px 12px;font-size:.95rem;line-height:1.2;display:flex}.result-score-row.is-current{color:gold;background:#ffffff14;font-weight:900}.result-actions{--result-accent:#2dd4bf;--result-accent-rgb:45, 212, 191;flex-direction:column;justify-content:center;gap:12px;padding-top:2px;display:flex}.result-hiragana{--result-accent:#2dd4bf;--result-accent-rgb:45, 212, 191;--result-panel-top:#0e3d5ef0;--result-panel-bottom:#0a2a40fa;--result-panel-border:#2ea8c770;--result-panel-shadow:#0ea5e947}.result-katakana{--result-accent:#84cc16;--result-accent-rgb:132, 204, 22;--result-panel-top:#1a4a1af0;--result-panel-bottom:#0d2d0dfa;--result-panel-border:#22c55e70;--result-panel-shadow:#22c55e42}.result-mixed{--result-accent:#60a5fa;--result-accent-rgb:96, 165, 250;--result-panel-top:#2d1560f0;--result-panel-bottom:#1a0a3efa;--result-panel-border:#a855f76b;--result-panel-shadow:#a855f745}.result-kanji{--result-accent:#f9a8d4;--result-accent-rgb:249, 168, 212;--result-panel-top:#4a1942f0;--result-panel-bottom:#2d0a2efa;--result-panel-border:#f472b66b;--result-panel-shadow:#f472b645}.result-button{border:1px solid rgba(var(--result-accent-rgb), .46);color:#fff;background:#ffffff1a;border-radius:12px;justify-content:center;align-items:center;gap:10px;min-width:168px;min-height:50px;padding:12px 26px;font-size:1.125rem;font-weight:900;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s;display:inline-flex;box-shadow:0 12px 26px #0000003d,inset 0 1px 1px #fff3}.result-button-primary{background:rgba(var(--result-accent-rgb), .22)}.result-button-secondary{background:#ffffff14}.result-button:hover{border-color:rgba(var(--result-accent-rgb), .72);background:rgba(var(--result-accent-rgb), .3);box-shadow:0 16px 32px #0000004d, 0 0 18px rgba(var(--result-accent-rgb), .2), inset 0 1px 1px #ffffff3d;transform:translateY(-2px)}.result-button:active{transform:translateY(0)}.result-button-icon{font-size:1.3rem;line-height:1}@media (width<=720px){.game-hud{grid-template-columns:1fr 1fr;gap:8px}.hud-progress{order:3;grid-column:1/-1}.hud-card{border-radius:12px;min-height:64px;padding:10px 12px}.hud-label{font-size:.65rem}.hud-count{font-size:1rem}}@media (width>=640px){.result-actions{flex-direction:row;gap:20px}}@media (width<=760px){.result-panel{width:min(620px,100%);overflow-y:auto}.result-header{text-align:center;flex-direction:column;gap:8px;display:flex}}@media (height<=680px) and (width>=760px){.result-overlay{padding:18px}.result-panel{padding:20px 24px}.result-content{gap:12px}.result-section{padding:14px}.result-icon{font-size:2.5rem}.result-title{font-size:2rem}.result-message{font-size:.92rem}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}