/*! tailwindcss v4.1.18 | 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-space-x-reverse:0;--tw-divide-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-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-duration:initial;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@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-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-red-900:oklch(39.6% .141 25.723);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-900:oklch(41.4% .112 45.904);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-800:oklch(47.6% .114 61.907);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-200:oklch(92.5% .084 155.995);--color-green-300:oklch(87.1% .15 154.449);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-green-800:oklch(44.8% .119 151.328);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-900:oklch(37.9% .146 265.522);--color-indigo-100:oklch(93% .034 272.788);--color-purple-800:oklch(43.8% .218 303.724);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--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: 1.5 ;--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: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-widest:.1em;--leading-relaxed:1.625;--radius-xs:.125rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--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)}}@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%;-moz-tab-size:4;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;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]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){*{outline-color:color-mix(in oklab,var(--ring)50%,transparent)}}body{background-color:var(--background);color:var(--foreground)}input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#111827!important;background-color:#f8fbff!important;-webkit-box-shadow:inset 0 0 0 1000px #f8fbff!important}}@layer components;@layer utilities{.\@container\/card-header{container:card-header/inline-size}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.top-4{top:calc(var(--spacing)*4)}.top-20{top:calc(var(--spacing)*20)}.top-\[50\%\]{top:50%}.-right-0\.5{right:calc(var(--spacing)*-.5)}.right-1{right:calc(var(--spacing)*1)}.right-2{right:calc(var(--spacing)*2)}.right-4{right:calc(var(--spacing)*4)}.-bottom-0\.5{bottom:calc(var(--spacing)*-.5)}.left-1{left:calc(var(--spacing)*1)}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing)*2)}.left-\[50\%\]{left:50%}.z-40{z-index:40}.z-50{z-index:50}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.-mx-1{margin-inline:calc(var(--spacing)*-1)}.mx-1{margin-inline:calc(var(--spacing)*1)}.mx-auto{margin-inline:auto}.my-1{margin-block:calc(var(--spacing)*1)}.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-4{margin-top:calc(var(--spacing)*4)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-10{margin-top:calc(var(--spacing)*10)}.mt-12{margin-top:calc(var(--spacing)*12)}.mr-2{margin-right:calc(var(--spacing)*2)}.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-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-4{margin-left:calc(var(--spacing)*4)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-row{display:table-row}.aspect-square{aspect-ratio:1}.size-2{width:calc(var(--spacing)*2);height:calc(var(--spacing)*2)}.size-3\.5{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-5{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.size-7{width:calc(var(--spacing)*7);height:calc(var(--spacing)*7)}.size-8{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}.size-9{width:calc(var(--spacing)*9);height:calc(var(--spacing)*9)}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-16{height:calc(var(--spacing)*16)}.h-20{height:calc(var(--spacing)*20)}.h-32{height:calc(var(--spacing)*32)}.h-80{height:calc(var(--spacing)*80)}.h-\[300px\]{height:300px}.h-\[420px\]{height:420px}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-full{height:100%}.h-px{height:1px}.max-h-\(--radix-dropdown-menu-content-available-height\){max-height:var(--radix-dropdown-menu-content-available-height)}.max-h-\(--radix-select-content-available-height\){max-height:var(--radix-select-content-available-height)}.max-h-64{max-height:calc(var(--spacing)*64)}.max-h-72{max-height:calc(var(--spacing)*72)}.max-h-\[780px\]{max-height:780px}.min-h-16{min-height:calc(var(--spacing)*16)}.min-h-\[75vh\]{min-height:75vh}.min-h-\[150px\]{min-height:150px}.min-h-screen{min-height:100vh}.w-3{width:calc(var(--spacing)*3)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-9{width:calc(var(--spacing)*9)}.w-12{width:calc(var(--spacing)*12)}.w-16{width:calc(var(--spacing)*16)}.w-56{width:calc(var(--spacing)*56)}.w-72{width:calc(var(--spacing)*72)}.w-\[50vw\]{width:50vw}.w-\[100px\]{width:100px}.w-\[130px\]{width:130px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-32{max-width:calc(var(--spacing)*32)}.max-w-\[50vw\]{max-width:50vw}.max-w-\[220px\]{max-width:220px}.max-w-\[300px\]{max-width:300px}.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-20{min-width:calc(var(--spacing)*20)}.min-w-\[8rem\]{min-width:8rem}.min-w-\[40vw\]{min-width:40vw}.min-w-\[150px\]{min-width:150px}.min-w-\[200px\]{min-width:200px}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.min-w-full{min-width:100%}.min-w-max{min-width:max-content}.flex-1{flex:1}.shrink-0{flex-shrink:0}.table-auto{table-layout:auto}.table-fixed{table-layout:fixed}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.origin-\(--radix-dropdown-menu-content-transform-origin\){transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.origin-\(--radix-popover-content-transform-origin\){transform-origin:var(--radix-popover-content-transform-origin)}.origin-\(--radix-select-content-transform-origin\){transform-origin:var(--radix-select-content-transform-origin)}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-0\.5{--tw-translate-y:calc(var(--spacing)*.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.scroll-my-1{scroll-margin-block:calc(var(--spacing)*1)}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.auto-rows-min{grid-auto-rows:min-content}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-rows-\[auto_auto\]{grid-template-rows:auto auto}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}: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)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-10>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*10)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*10)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-12>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*12)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*12)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-4{column-gap:calc(var(--spacing)*4)}.gap-x-6{column-gap:calc(var(--spacing)*6)}:where(.space-x-1>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*1)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}.gap-y-2{row-gap:calc(var(--spacing)*2)}.gap-y-3{row-gap:calc(var(--spacing)*3)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-gray-200>:not(:last-child)){border-color:var(--color-gray-200)}:where(.divide-slate-200>:not(:last-child)){border-color:var(--color-slate-200)}.self-start{align-self:flex-start}.justify-self-end{justify-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[4px\]{border-radius:4px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:calc(var(--radius) + 4px)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-t-lg{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.rounded-t-md{border-top-left-radius:calc(var(--radius) - 2px);border-top-right-radius:calc(var(--radius) - 2px)}.rounded-b-md{border-bottom-right-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-amber-300{border-color:var(--color-amber-300)}.border-blue-200{border-color:var(--color-blue-200)}.border-blue-500{border-color:var(--color-blue-500)}.border-blue-600{border-color:var(--color-blue-600)}.border-border{border-color:var(--border)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-800{border-color:var(--color-gray-800)}.border-green-200{border-color:var(--color-green-200)}.border-green-300{border-color:var(--color-green-300)}.border-green-500{border-color:var(--color-green-500)}.border-input{border-color:var(--input)}.border-primary{border-color:var(--primary)}.border-red-100{border-color:var(--color-red-100)}.border-red-200{border-color:var(--color-red-200)}.border-red-300{border-color:var(--color-red-300)}.border-red-500{border-color:var(--color-red-500)}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-300{border-color:var(--color-slate-300)}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.border-t-transparent{border-top-color:#0000}.bg-accent{background-color:var(--accent)}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-500{background-color:var(--color-amber-500)}.bg-background{background-color:var(--background)}.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-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-border{background-color:var(--border)}.bg-card{background-color:var(--card)}.bg-destructive{background-color:var(--destructive)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-500{background-color:var(--color-green-500)}.bg-green-600{background-color:var(--color-green-600)}.bg-muted\/50{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.bg-muted\/50{background-color:color-mix(in oklab,var(--muted)50%,transparent)}}.bg-popover{background-color:var(--popover)}.bg-primary{background-color:var(--primary)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-600{background-color:var(--color-red-600)}.bg-secondary{background-color:var(--secondary)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-700{background-color:var(--color-slate-700)}.bg-slate-900{background-color:var(--color-slate-900)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-yellow-100{background-color:var(--color-yellow-100)}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-blue-50{--tw-gradient-from:var(--color-blue-50);--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-indigo-100{--tw-gradient-to:var(--color-indigo-100);--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))}.fill-current{fill:currentColor}.fill-primary{fill:var(--primary)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.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)}.py-8{padding-block:calc(var(--spacing)*8)}.py-10{padding-block:calc(var(--spacing)*10)}.pt-0{padding-top:calc(var(--spacing)*0)}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-5{padding-top:calc(var(--spacing)*5)}.pt-6{padding-top:calc(var(--spacing)*6)}.pr-2{padding-right:calc(var(--spacing)*2)}.pr-4{padding-right:calc(var(--spacing)*4)}.pr-8{padding-right:calc(var(--spacing)*8)}.pr-10{padding-right:calc(var(--spacing)*10)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.pl-2{padding-left:calc(var(--spacing)*2)}.pl-4{padding-left:calc(var(--spacing)*4)}.pl-5{padding-left:calc(var(--spacing)*5)}.pl-8{padding-left:calc(var(--spacing)*8)}.pl-10{padding-left:calc(var(--spacing)*10)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.align-top{vertical-align:top}.font-mono{font-family:var(--font-mono)}.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-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--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-\[0\.8rem\]{font-size:.8rem}.text-\[10px\]{font-size:10px}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.break-words{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-accent-foreground{color:var(--accent-foreground)}.text-amber-900{color:var(--color-amber-900)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-blue-800{color:var(--color-blue-800)}.text-blue-900{color:var(--color-blue-900)}.text-card-foreground{color:var(--card-foreground)}.text-destructive{color:var(--destructive)}.text-foreground{color:var(--foreground)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-green-800{color:var(--color-green-800)}.text-muted-foreground{color:var(--muted-foreground)}.text-popover-foreground{color:var(--popover-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-purple-800{color:var(--color-purple-800)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-red-800{color:var(--color-red-800)}.text-red-900{color:var(--color-red-900)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-slate-900{color:var(--color-slate-900)}.text-white{color:var(--color-white)}.text-yellow-800{color:var(--color-yellow-800)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.decoration-2{text-decoration-thickness:2px}.underline-offset-4{text-underline-offset:4px}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.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-inner{--tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px 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-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px 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-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--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-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-1{--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)}.ring-primary\/50{--tw-ring-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.ring-primary\/50{--tw-ring-color:color-mix(in oklab,var(--primary)50%,transparent)}}.ring-offset-background{--tw-ring-offset-color:var(--background)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{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-\[color\,box-shadow\]{transition-property:color,box-shadow;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-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;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}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *){pointer-events:none}.group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *){opacity:.5}.group-\[\.toast\]\:bg-muted:is(:where(.group).toast *){background-color:var(--muted)}.group-\[\.toast\]\:bg-primary:is(:where(.group).toast *){background-color:var(--primary)}.group-\[\.toast\]\:text-muted-foreground:is(:where(.group).toast *){color:var(--muted-foreground)}.group-\[\.toast\]\:text-primary-foreground:is(:where(.group).toast *){color:var(--primary-foreground)}.group-\[\.toaster\]\:border-border:is(:where(.group).toaster *){border-color:var(--border)}.group-\[\.toaster\]\:bg-background:is(:where(.group).toaster *){background-color:var(--background)}.group-\[\.toaster\]\:text-foreground:is(:where(.group).toaster *){color:var(--foreground)}.group-\[\.toaster\]\:shadow-lg:is(:where(.group).toaster *){--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px 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)}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.peer-disabled\:opacity-70:is(:where(.peer):disabled~*){opacity:.7}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.odd\:bg-white:nth-child(odd){background-color:var(--color-white)}.even\:bg-slate-50:nth-child(2n){background-color:var(--color-slate-50)}.focus-within\:relative:focus-within{position:relative}.focus-within\:z-20:focus-within{z-index:20}@media(hover:hover){.hover\:border-primary:hover{border-color:var(--primary)}.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-amber-600:hover{background-color:var(--color-amber-600)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--destructive)90%,transparent)}}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\:bg-gray-300:hover{background-color:var(--color-gray-300)}.hover\:bg-gray-600:hover{background-color:var(--color-gray-600)}.hover\:bg-gray-900:hover{background-color:var(--color-gray-900)}.hover\:bg-green-700:hover{background-color:var(--color-green-700)}.hover\:bg-muted\/50:hover{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-muted\/50:hover{background-color:color-mix(in oklab,var(--muted)50%,transparent)}}.hover\:bg-primary:hover,.hover\:bg-primary\/5:hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/5:hover{background-color:color-mix(in oklab,var(--primary)5%,transparent)}}.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--primary)90%,transparent)}}.hover\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\:bg-red-700:hover{background-color:var(--color-red-700)}.hover\:bg-secondary\/70:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-secondary\/70:hover{background-color:color-mix(in oklab,var(--secondary)70%,transparent)}}.hover\:bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab,var(--secondary)80%,transparent)}}.hover\:bg-slate-50:hover{background-color:var(--color-slate-50)}.hover\:bg-slate-100:hover{background-color:var(--color-slate-100)}.hover\:bg-slate-200:hover{background-color:var(--color-slate-200)}.hover\:bg-slate-300:hover{background-color:var(--color-slate-300)}.hover\:bg-slate-800:hover{background-color:var(--color-slate-800)}.hover\:text-accent-foreground:hover{color:var(--accent-foreground)}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:text-gray-700:hover{color:var(--color-gray-700)}.hover\:text-gray-900:hover{color:var(--color-gray-900)}.hover\:text-primary-foreground:hover{color:var(--primary-foreground)}.hover\:text-red-800:hover{color:var(--color-red-800)}.hover\:text-slate-800:hover{color:var(--color-slate-800)}.hover\:text-slate-900:hover{color:var(--color-slate-900)}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px 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)}}.focus\:bg-accent:focus{background-color:var(--accent)}.focus\:bg-primary:focus{background-color:var(--primary)}.focus\:text-accent-foreground:focus{color:var(--accent-foreground)}.focus\:text-primary-foreground:focus{color:var(--primary-foreground)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + 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)}.focus\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\:ring-primary\/50:focus{--tw-ring-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.focus\:ring-primary\/50:focus{--tw-ring-color:color-mix(in oklab,var(--primary)50%,transparent)}}.focus\:ring-ring:focus{--tw-ring-color:var(--ring)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + 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)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + 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)}.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.focus-visible\:ring-ring:focus-visible,.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)}}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-slate-100:disabled{background-color:var(--color-slate-100)}.disabled\:bg-slate-400:disabled{background-color:var(--color-slate-400)}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]){grid-template-columns:1fr auto}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing)*2.5)}.has-\[\>svg\]\:px-3:has(>svg){padding-inline:calc(var(--spacing)*3)}.has-\[\>svg\]\:px-4:has(>svg){padding-inline:calc(var(--spacing)*4)}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.aria-selected\:bg-accent[aria-selected=true]{background-color:var(--accent)}.aria-selected\:bg-primary[aria-selected=true]{background-color:var(--primary)}.aria-selected\:text-accent-foreground[aria-selected=true]{color:var(--accent-foreground)}.aria-selected\:text-muted-foreground[aria-selected=true]{color:var(--muted-foreground)}.aria-selected\:text-primary-foreground[aria-selected=true]{color:var(--primary-foreground)}.aria-selected\:opacity-100[aria-selected=true]{opacity:1}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[error\=true\]\:text-destructive[data-error=true]{color:var(--destructive)}.data-\[inset\]\:pl-8[data-inset]{padding-left:calc(var(--spacing)*8)}.data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal]{height:1px}.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.data-\[orientation\=vertical\]\:w-px[data-orientation=vertical]{width:1px}.data-\[placeholder\]\:text-muted-foreground[data-placeholder]{color:var(--muted-foreground)}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(2*var(--spacing))}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}.data-\[size\=default\]\:h-9[data-size=default]{height:calc(var(--spacing)*9)}.data-\[size\=sm\]\:h-8[data-size=sm]{height:calc(var(--spacing)*8)}:is(.\*\:data-\[slot\=select-value\]\:line-clamp-1>*)[data-slot=select-value]{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:is(.\*\:data-\[slot\=select-value\]\:flex>*)[data-slot=select-value]{display:flex}:is(.\*\:data-\[slot\=select-value\]\:items-center>*)[data-slot=select-value]{align-items:center}:is(.\*\:data-\[slot\=select-value\]\:gap-2>*)[data-slot=select-value]{gap:calc(var(--spacing)*2)}.data-\[state\=checked\]\:border-primary[data-state=checked]{border-color:var(--primary)}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:var(--primary)}.data-\[state\=checked\]\:text-primary-foreground[data-state=checked]{color:var(--primary-foreground)}.data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{animation:accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=open\]\:animate-accordion-down[data-state=open]{animation:accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:animate-in[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:var(--accent)}.data-\[state\=open\]\:text-accent-foreground[data-state=open]{color:var(--accent-foreground)}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:var(--muted-foreground)}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[state\=selected\]\:bg-muted[data-state=selected]{background-color:var(--muted)}.data-\[variant\=destructive\]\:text-destructive[data-variant=destructive]{color:var(--destructive)}.data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus{background-color:color-mix(in oklab,var(--destructive)10%,transparent)}}.data-\[variant\=destructive\]\:focus\:text-destructive[data-variant=destructive]:focus{color:var(--destructive)}@media(min-width:40rem){.sm\:mt-0{margin-top:calc(var(--spacing)*0)}.sm\:mb-0{margin-bottom:calc(var(--spacing)*0)}.sm\:flex{display:flex}.sm\:inline-flex{display:inline-flex}.sm\:h-12{height:calc(var(--spacing)*12)}.sm\:w-1\/2{width:50%}.sm\:w-auto{width:auto}.sm\:max-w-\[425px\]{max-width:425px}.sm\:max-w-lg{max-width:var(--container-lg)}.sm\:max-w-md{max-width:var(--container-md)}.sm\:max-w-xl{max-width:var(--container-xl)}.sm\:flex-1{flex:1}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:justify-end{justify-content:flex-end}.sm\:gap-0{gap:calc(var(--spacing)*0)}.sm\:gap-2\.5{gap:calc(var(--spacing)*2.5)}.sm\:gap-6{gap:calc(var(--spacing)*6)}.sm\:px-6{padding-inline:calc(var(--spacing)*6)}.sm\:px-8{padding-inline:calc(var(--spacing)*8)}.sm\:text-left{text-align:left}.sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}@media(min-width:48rem){.md\:col-span-2{grid-column:span 2/span 2}.md\:col-span-4{grid-column:span 4/span 4}.md\:h-14{height:calc(var(--spacing)*14)}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:grid-cols-\[220px\,1fr\]{grid-template-columns:220px,1fr}.md\:flex-row{flex-direction:row}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media(min-width:64rem){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:inline{display:inline}.lg\:w-auto{width:auto}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:items-end{align-items:flex-end}.lg\:justify-between{justify-content:space-between}.lg\:px-8{padding-inline:calc(var(--spacing)*8)}.lg\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}}.dark\:border-input:is(.dark *){border-color:var(--input)}.dark\:bg-destructive\/60:is(.dark *){background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-destructive\/60:is(.dark *){background-color:color-mix(in oklab,var(--destructive)60%,transparent)}}.dark\:bg-input\/30:is(.dark *){background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-input\/30:is(.dark *){background-color:color-mix(in oklab,var(--input)30%,transparent)}}@media(hover:hover){.dark\:hover\:bg-accent\/50:is(.dark *):hover{background-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-accent\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--accent)50%,transparent)}}.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--input)50%,transparent)}}}.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}.dark\:data-\[state\=checked\]\:bg-primary:is(.dark *)[data-state=checked]{background-color:var(--primary)}.dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant=destructive]:focus{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant=destructive]:focus{background-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*=text-]){color:var(--muted-foreground)}.\[\&_tr\]\:border-b tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-style:var(--tw-border-style);border-width:0}.\[\&\:has\(\>\.day-range-end\)\]\:rounded-r-md:has(>.day-range-end){border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\>\.day-range-start\)\]\:rounded-l-md:has(>.day-range-start){border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[aria-selected\]\)\]\:rounded-md:has([aria-selected]){border-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[aria-selected\]\)\]\:bg-accent:has([aria-selected]){background-color:var(--accent)}.first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:first-child:has([aria-selected]){border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:last-child:has([aria-selected]),.\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md:has([aria-selected].day-range-end){border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:calc(var(--spacing)*0)}.\[\.border-b\]\:pb-6.border-b{padding-bottom:calc(var(--spacing)*6)}.\[\.border-t\]\:pt-6.border-t{padding-top:calc(var(--spacing)*6)}:is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:\!text-destructive[data-variant=destructive]>*):is(svg){color:var(--destructive)!important}.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{--tw-translate-y:2px;translate:var(--tw-translate-x)var(--tw-translate-y)}.\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none}.\[\&\>svg\]\:size-3>svg{width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.\[\&\>svg\]\:size-3\.5>svg{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.\[\&\>tr\]\:last\:border-b-0>tr:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{rotate:180deg}@media(hover:hover){a.\[a\&\]\:hover\:bg-accent:hover{background-color:var(--accent)}a.\[a\&\]\:hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){a.\[a\&\]\:hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--destructive)90%,transparent)}}a.\[a\&\]\:hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){a.\[a\&\]\:hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--primary)90%,transparent)}}a.\[a\&\]\:hover\:bg-secondary\/90:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){a.\[a\&\]\:hover\:bg-secondary\/90:hover{background-color:color-mix(in oklab,var(--secondary)90%,transparent)}}a.\[a\&\]\:hover\:text-accent-foreground:hover{color:var(--accent-foreground)}}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root{color-scheme:light dark;color:#b9c8d1de;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--radius:.625rem;--background:oklch(100% 0 0);--foreground:oklch(14.5% 0 0);--card:oklch(100% 0 0);--card-foreground:oklch(14.5% 0 0);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.5% 0 0);--primary:oklch(20.5% 0 0);--primary-foreground:oklch(98.5% 0 0);--secondary:oklch(97% 0 0);--secondary-foreground:oklch(20.5% 0 0);--muted:oklch(97% 0 0);--muted-foreground:oklch(55.6% 0 0);--accent:oklch(97% 0 0);--accent-foreground:oklch(20.5% 0 0);--destructive:oklch(57.7% .245 27.325);--border:oklch(92.2% 0 0);--input:oklch(92.2% 0 0);--ring:oklch(70.8% 0 0);--chart-1:oklch(64.6% .222 41.116);--chart-2:oklch(60% .118 184.704);--chart-3:oklch(39.8% .07 227.392);--chart-4:oklch(82.8% .189 84.429);--chart-5:oklch(76.9% .188 70.08);--sidebar:oklch(98.5% 0 0);--sidebar-foreground:oklch(14.5% 0 0);--sidebar-primary:oklch(20.5% 0 0);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(97% 0 0);--sidebar-accent-foreground:oklch(20.5% 0 0);--sidebar-border:oklch(92.2% 0 0);--sidebar-ring:oklch(70.8% 0 0);background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}body{width:100%;min-height:100vh;margin:0;padding:0}button{cursor:pointer}button.submit-button{cursor:pointer;background-color:#165684}arrow-button.submit-button:hover{background-color:var(--primary);color:var(--primary-foreground)}button:hover{border-color:#3b40a1}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#83c8f2}button{background-color:#f9f9f9}}.dark{--background:oklch(14.5% 0 0);--foreground:oklch(98.5% 0 0);--card:oklch(20.5% 0 0);--card-foreground:oklch(98.5% 0 0);--popover:oklch(20.5% 0 0);--popover-foreground:oklch(98.5% 0 0);--primary:oklch(92.2% 0 0);--primary-foreground:oklch(20.5% 0 0);--secondary:oklch(26.9% 0 0);--secondary-foreground:oklch(98.5% 0 0);--muted:oklch(26.9% 0 0);--muted-foreground:oklch(70.8% 0 0);--accent:oklch(26.9% 0 0);--accent-foreground:oklch(98.5% 0 0);--destructive:oklch(70.4% .191 22.216);--border:oklch(100% 0 0/.1);--input:oklch(100% 0 0/.15);--ring:oklch(55.6% 0 0);--chart-1:oklch(48.8% .243 264.376);--chart-2:oklch(69.6% .17 162.48);--chart-3:oklch(76.9% .188 70.08);--chart-4:oklch(62.7% .265 303.9);--chart-5:oklch(64.5% .246 16.439);--sidebar:oklch(20.5% 0 0);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(48.8% .243 264.376);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(26.9% 0 0);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(55.6% 0 0)}button,input[type=button],input[type=submit],[data-slot=button]{border-radius:inherit;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;-webkit-tap-highlight-color:transparent!important;background-image:none!important;background-color:unset!important;color:unset!important}.bg-gray-800{background-color:#1f2937!important}.text-primary-foreground{color:#fff!important}button:focus,[data-slot=button]:focus{box-shadow:var(--tw-ring,none)!important;outline:none!important}@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-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-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-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-duration{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))))}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))))}to{height:0}}#root{width:100%;min-height:100vh}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#e5e5e5}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}input:not(:placeholder-shown){background-color:#f8fbff}.unitcard-wrapper{position:relative;overflow:hidden;border-radius:1rem;padding:2px;background:linear-gradient(135deg,var(--gradient-from),var(--gradient-to));transition:.3s ease}.unitcard-wrapper:hover{transform:scale(1.02);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.unitcard-inner{background:#fff;height:100%;border-radius:.95rem;padding:1.5rem}.unitcard-header{display:flex;justify-content:space-between;margin-bottom:1rem}.unitcard-icon{width:3.5rem;height:3.5rem;display:flex;align-items:center;justify-content:center;border-radius:.75rem;background:linear-gradient(135deg,var(--gradient-from),var(--gradient-to));box-shadow:0 10px 15px -3px #0000001a}.unitcard-icon svg{width:1.75rem;height:1.75rem;color:#fff}.unitcard-number{color:#94a3b8;opacity:.6}.unitcard-title{margin-bottom:.5rem;font-weight:600;font-size:1.2rem;transition:.3s ease}.unitcard-wrapper:hover .unitcard-title{background:linear-gradient(to right,var(--gradient-from),var(--gradient-to));-webkit-background-clip:text;color:transparent}.unitcard-tagline{color:#64748b;margin-bottom:.75rem;font-weight:500}.unitcard-description{font-size:.9rem;color:#94a3b8;margin-bottom:1rem;line-height:1.5rem}.unitcard-meta{display:flex;gap:.5rem;margin-bottom:1rem}.unitcard-badge{display:flex;align-items:center;gap:.25rem;background:#f1f5f9;color:#475569;padding:.25rem .75rem;border-radius:.4rem;font-size:.75rem}.unitcard-badge.outline{border:1px solid #e2e8f0;background:#fff}.unitcard-list{list-style:none;padding:0;margin-bottom:1.5rem}.unitcard-item{display:flex;gap:.5rem;color:#64748b;font-size:.9rem;margin-bottom:.3rem}.unitcard-dot{width:.4rem;height:.4rem;border-radius:999px;background:linear-gradient(to right,var(--gradient-from),var(--gradient-to))}.unitcard-btn{width:100%;padding:.7rem 1rem;border-radius:.5rem;font-weight:500;border:none;cursor:pointer;transition:.2s ease}.unitcard-btn.primary{background:linear-gradient(to right,var(--gradient-from),var(--gradient-to));color:#fff}.unitcard-btn.primary:hover{opacity:.9}.unitcard-btn.disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed;display:flex;justify-content:center;gap:.5rem}.icon-sm{width:1rem;height:1rem}.achievement-card{position:relative;overflow:hidden;border-radius:.75rem;border:1px solid #e2e8f0;padding:1rem;transition:all .3s ease}.achievement-card-unlocked{background:linear-gradient(135deg,#eff6ff,#ecfeff);border-color:#bfdbfe;box-shadow:0 4px 6px -1px #0000001a}.achievement-card-locked{background:#fff;opacity:.75}.achievement-content{display:flex;align-items:flex-start;gap:1rem}.achievement-icon{flex-shrink:0;width:3rem;height:3rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center}.achievement-icon-unlocked{background:linear-gradient(135deg,#3b82f6,#06b6d4);box-shadow:0 10px 15px -3px #0000001a}.achievement-icon-unlocked svg{width:1.5rem;height:1.5rem;color:#fff}.achievement-icon-locked{background:#f1f5f9}.achievement-icon-locked svg{width:1.5rem;height:1.5rem;color:#94a3b8}.achievement-details{flex:1;min-width:0}.achievement-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;margin-bottom:.25rem}.achievement-title{font-weight:500}.achievement-badge{font-size:.75rem;padding:.125rem .5rem;border-radius:.25rem;background:#dbeafe;color:#1d4ed8;border:1px solid #bfdbfe}.achievement-description{font-size:.875rem;color:#64748b;margin-bottom:.75rem}.achievement-progress-container{margin-top:.75rem}.achievement-progress-bar{width:100%;height:.5rem;background:#f1f5f9;border-radius:9999px;overflow:hidden;margin-bottom:.25rem}.achievement-progress-fill{height:100%;background:linear-gradient(to right,#3b82f6,#06b6d4);transition:width .3s ease}.achievement-progress-text{font-size:.75rem;color:#94a3b8}.note-card{position:relative;overflow:hidden;border-radius:.75rem;border:1px solid;padding:1rem;transition:all .3s ease}.note-card:hover{box-shadow:0 4px 6px -1px #0000001a}.note-card-blue{background:linear-gradient(135deg,#dbeafe,#eff6ff);border-color:#bfdbfe}.note-card-green{background:linear-gradient(135deg,#dcfce7,#f0fdf4);border-color:#bbf7d0}.note-card-orange{background:linear-gradient(135deg,#fed7aa,#ffedd5);border-color:#fdba74}.note-card-purple{background:linear-gradient(135deg,#e9d5ff,#f3e8ff);border-color:#d8b4fe}.note-card-pink{background:linear-gradient(135deg,#fbcfe8,#fce7f3);border-color:#f9a8d4}.note-header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem}.note-icon{width:1.25rem;height:1.25rem;color:#64748b;flex-shrink:0;margin-top:.125rem}.note-header-content{flex:1;min-width:0}.note-title{font-weight:500;margin-bottom:.25rem}.note-date{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#64748b}.note-date svg{width:.75rem;height:.75rem}.note-content{font-size:.875rem;color:#1e293b;opacity:.8;white-space:pre-line;line-height:1.625}.home-page{min-height:100vh;background:linear-gradient(to bottom,#fff,#f9fafb)}.home-container{max-width:1600px;margin:0 auto;padding:1.5rem 1rem}@media(min-width:640px){.home-container{padding:2rem 1.5rem}}.home-hero{position:relative;overflow:hidden;border-radius:1.5rem;background:linear-gradient(135deg,#2563eb,#06b6d4,#1d4ed8);padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 25px 50px -12px #00000040}@media(min-width:640px){.home-hero{padding:2.5rem}}.hero-decor-top{position:absolute;top:0;right:0;width:16rem;height:16rem;background:#ffffff1a;border-radius:50%;filter:blur(80px);transform:translate(50%,-50%)}.hero-decor-bottom{position:absolute;bottom:0;left:0;width:12rem;height:12rem;background:#67e8f933;border-radius:50%;filter:blur(60px);transform:translate(-50%,50%)}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.5rem 1rem;border-radius:9999px;margin-bottom:1rem}.hero-badge svg{width:1rem;height:1rem;color:#fff}.hero-badge span{font-size:.875rem;color:#fff}.hero-title{color:#fff;margin-bottom:1rem;max-width:48rem}.hero-description{color:#ffffffe6;margin-bottom:2rem;max-width:42rem}.hero-highlights{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem}@media(min-width:640px){.hero-highlights{grid-template-columns:repeat(3,1fr)}}.highlight-card{display:flex;align-items:center;gap:.75rem;background:#ffffff1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:.75rem;padding:1rem;border:1px solid rgba(255,255,255,.2)}.highlight-icon{flex-shrink:0;width:2.5rem;height:2.5rem;background:#fff3;border-radius:.5rem;display:flex;align-items:center;justify-content:center}.highlight-icon svg{width:1.25rem;height:1.25rem;color:#fff}.highlight-card span{font-size:.875rem;color:#fff}.home-tabs{width:100%}.tabs-list{display:grid;grid-template-columns:repeat(3,1fr);width:100%;max-width:28rem;background:#f1f5f9;border-radius:.5rem;padding:.25rem;margin-bottom:1.5rem}.tab-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border:none;background:transparent;border-radius:.375rem;cursor:pointer;transition:all .2s ease;font-weight:500;color:#64748b}.tab-button svg{width:1rem;height:1rem}.tab-button:hover{color:#334155}.tab-button-active{background:#fff;color:#1e293b;box-shadow:0 1px 3px #0000001a}.section-header{margin-bottom:1.25rem}.section-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.section-title-content{display:flex;align-items:center;gap:.75rem}.section-accent{width:.25rem;height:2rem;background:linear-gradient(to bottom,#2563eb,#06b6d4);border-radius:9999px}.section-stats{font-size:.875rem;color:#64748b}.section-description{color:#64748b;margin-left:2.75rem}.units-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1.25rem}@media(min-width:640px){.units-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.units-grid{grid-template-columns:repeat(3,1fr)}}.achievements-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem}@media(min-width:640px){.achievements-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.achievements-grid{grid-template-columns:repeat(3,1fr)}}.notes-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem}@media(min-width:640px){.notes-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.notes-grid{grid-template-columns:repeat(4,1fr)}}.empty-state{text-align:center;padding:3rem 0;color:#64748b}.empty-state svg{width:3rem;height:3rem;margin:0 auto .75rem;opacity:.5}.empty-state p{margin:0}.empty-state p:last-child{font-size:.875rem}.stage-container{width:100%}.stage-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:1024px){.stage-grid{grid-template-columns:1fr 380px}}.sidebar-section{display:flex;flex-direction:column;gap:1rem}.sidebar-card{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a}.sidebar-title{margin:0 0 1.5rem;color:#1e293b}.key-points-list{display:flex;flex-direction:column;gap:1rem}.key-point-item{display:flex;gap:1rem;align-items:flex-start}.key-point-number{flex-shrink:0;width:2rem;height:2rem;background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#2563eb;border-radius:.5rem;display:flex;align-items:center;justify-content:center}.key-point-title{color:#1e293b;margin-bottom:.25rem}.key-point-description{font-size:.875rem;color:#64748b}.sidebar-divider{height:1px;background:#e2e8f0;margin:1.5rem 0}.example-box{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-left:4px solid #2563eb;border-radius:.5rem;padding:1rem}.example-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#2563eb;margin-bottom:.5rem}.example-content{color:#1e293b;font-style:italic}.continue-button{width:100%;background:linear-gradient(135deg,#2563eb,#06b6d4);color:#fff;border:none;padding:1rem 1.5rem;border-radius:.75rem;cursor:pointer;transition:.3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 6px -1px #2563eb4d}.continue-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px -5px #2563eb66}.unit-page{min-height:100vh;background:linear-gradient(to bottom,#fff,#f9fafb)}.unit-page--fullscreen{background:#0b1120;min-height:var(--app-vh, 100dvh)}.unit-fullscreen-shell{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:var(--app-vh, 100dvh);z-index:1200;overflow:hidden;background:#0b1120}.unit-page-container{max-width:1600px;margin:0 auto;padding:1rem .75rem}@media(min-width:640px){.unit-page-container{padding:1.25rem 1rem}}.unit-header{position:relative;overflow:hidden;border-radius:1.25rem;background:linear-gradient(135deg,#2563eb,#06b6d4,#1d4ed8);padding:1rem 1rem 1.2rem;margin-bottom:1.5rem;box-shadow:0 18px 36px -12px #00000040}@media(min-width:640px){.unit-header{padding:1.5rem 1.25rem 1.3rem}}.hero-decor-top,.hero-decor-bottom{position:absolute;border-radius:50%;filter:blur(60px)}.hero-decor-top{top:0;right:0;width:16rem;height:16rem;background:#ffffff1a;transform:translate(50%,-50%);filter:blur(80px)}.hero-decor-bottom{bottom:0;left:0;width:12rem;height:12rem;background:#67e8f933;transform:translate(-50%,50%)}.hero-content{position:relative;z-index:10}.back-button,.unit-badge{display:inline-flex;align-items:center;gap:.5rem;background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none;color:#fff;border-radius:9999px;padding:.5rem 1rem}.back-button{cursor:pointer;transition:.2s ease;margin-bottom:1rem;font-size:.875rem}.back-button:hover{background:#ffffff4d}.back-button svg{width:1rem;height:1rem}.unit-badge span{font-size:.875rem}.unit-header-info{display:flex;flex-direction:column;gap:.35rem}.unit-title{color:#fff;margin:0 0 .7rem;max-width:48rem;line-height:1.1;font-size:1.75rem}@media(min-width:640px){.unit-title{font-size:2rem}}.unit-progress-container{background:#fff;border-bottom:1px solid #e2e8f0;padding:1.2rem 1rem 1.4rem;position:sticky;top:0;z-index:40;box-shadow:0 1px 3px #0000000d}.unit-progress-wrapper{max-width:1600px;margin:0 auto;display:flex;align-items:center;gap:.75rem;overflow-x:auto;padding:.35rem 0;min-height:88px;justify-content:space-around}.progress-step{position:relative;display:flex;align-items:center;gap:.85rem;background:#fff;border:2px solid #e2e8f0;border-radius:.75rem;padding:.85rem .9rem;min-width:260px;cursor:pointer;transition:.3s ease}.progress-step:hover:not(.progress-step-locked){border-color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.progress-step-active{border-color:#2563eb;background:linear-gradient(to bottom,#eff6ff,#fff)}.progress-step-completed{border-color:#10b981;background:linear-gradient(to bottom,#f0fdf4,#fff)}.progress-step-locked{opacity:.5;cursor:not-allowed}.progress-step-icon{flex-shrink:0;width:3rem;height:3rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;background:#f1f5f9;transition:.3s ease}.progress-step-active .progress-step-icon{background:linear-gradient(135deg,#2563eb,#06b6d4)}.progress-step-completed .progress-step-icon{background:linear-gradient(135deg,#10b981,#059669)}.step-icon-check,.step-icon-lock,.step-icon-default{width:1.5rem;height:1.5rem;color:#64748b}.progress-step-active .step-icon-default,.progress-step-completed .step-icon-check{color:#fff}.progress-step-content{flex:1;min-width:0}.progress-step-title{margin-bottom:.25rem;color:#1e293b}.progress-step-description{font-size:.875rem;color:#64748b}.progress-step-number{position:absolute;top:-.5rem;right:-.5rem;width:1.5rem;height:1.5rem;background:#2563eb;color:#fff;border-radius:9999px;display:flex;align-items:center;justify-content:center;font-size:.75rem;box-shadow:0 2px 4px #0000001a}.progress-step-completed .progress-step-number{background:#10b981}.progress-connector{width:2rem;height:2px;background:#e2e8f0;flex-shrink:0}.progress-connector-completed{background:#10b981}.unit-content{max-width:1600px;margin:0 auto;padding:1.5rem 1rem}@media(min-width:640px){.unit-content{padding:2rem 1.5rem}}@media(max-width:640px){.progress-step{min-width:240px}.unit-progress-wrapper{gap:.75rem}.progress-connector{width:1rem}}.video-section{width:100%}.video-player{background:#1e293b;border-radius:1rem;overflow:hidden;box-shadow:0 10px 30px #0000004d}.video-screen{position:relative;aspect-ratio:16/9;background:#0f172a}.video-element{width:100%;height:100%;object-fit:contain;background-color:#000}.video-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem}.video-play-button{width:5rem;height:5rem;background:linear-gradient(135deg,#2563eb,#06b6d4);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px #2563eb66}.video-play-button:hover{transform:scale(1.1);box-shadow:0 15px 40px #2563eb99}.video-play-button svg{width:2rem;height:2rem;color:#fff;margin-left:.25rem}.video-title{color:#fff;margin:0}.video-content{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#1e293b,#0f172a)}.video-mockup{height:100%;display:flex;align-items:center;justify-content:center;padding:2rem}.video-mockup-text{text-align:center;color:#fff;max-width:600px}.video-mockup-text h3{font-size:2rem;margin-bottom:1rem;background:linear-gradient(135deg,#60a5fa,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.video-mockup-text>p{color:#94a3b8;margin-bottom:2rem}.smart-grid{display:grid;grid-template-columns:1fr;gap:.75rem;text-align:left}@media(min-width:640px){.smart-grid{grid-template-columns:repeat(2,1fr)}}.smart-item{display:flex;align-items:center;gap:.75rem;background:#2563eb1a;border:1px solid rgba(37,99,235,.3);border-radius:.5rem;padding:.75rem}.smart-letter{width:2.5rem;height:2.5rem;background:linear-gradient(135deg,#2563eb,#06b6d4);border-radius:.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.smart-title{color:#fff;font-size:.875rem;margin-bottom:.125rem}.smart-desc{font-size:.75rem;color:#94a3b8}.video-completed-badge{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;gap:.5rem;background:#10b981e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.5rem 1rem;border-radius:9999px;color:#fff;animation:slideInRight .5s ease}.video-completed-badge svg{width:1.25rem;height:1.25rem}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.video-progress-bar{position:absolute;bottom:0;left:0;right:0;height:4px;background:#ffffff1a}.video-progress-fill{height:100%;background:linear-gradient(90deg,#2563eb,#06b6d4);transition:width .2s ease}.video-controls{display:flex;align-items:center;gap:1rem;padding:1rem;background:#0f172a;border-top:1px solid rgba(255,255,255,.1)}.control-button{background:transparent;border:none;color:#fff;cursor:pointer;padding:.5rem;border-radius:.375rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.control-button:hover{background:#ffffff1a}.control-button svg{width:1.25rem;height:1.25rem}.video-time{font-size:.875rem;color:#94a3b8;display:flex;align-items:center;gap:.25rem}.time-separator{margin:0 .25rem}.control-spacer{flex:1}.tutorial-map-container{position:relative;display:flex;justify-content:center;align-items:center;padding:16px;width:100%;min-height:100%;box-sizing:border-box}:root{--tutorial-mobile-scale: .85}.tutorial-game-wrapper{position:relative;display:flex;justify-content:center;width:100%;height:100%}.tutorial-map-container--mobile{padding:0;min-height:var(--app-vh, 100dvh);align-items:stretch}.tutorial-game-wrapper--mobile-scale{transform:scale(var(--tutorial-mobile-scale));transform-origin:top center;width:100%;height:100%}.tutorial-success{position:absolute;top:10%;left:50%;transform:translate(-50%);background:#0f172af2;color:#f9fafb;padding:16px 20px;border-radius:12px;box-shadow:0 10px 30px #00000080;text-align:center;max-width:280px;font-size:.95rem;z-index:900;max-height:70vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.tutorial-continue-btn{margin-top:12px;padding:8px 16px;border-radius:999px;border:none;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #16a34a66}.tutorial-continue-btn:hover{filter:brightness(1.05)}.tutorial-endcard-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0f172a99;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:9999}.tutorial-endcard{background:#fff;padding:24px 32px;border-radius:16px;max-width:480px;width:90%;box-shadow:0 12px 30px #00000059;text-align:left;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.tutorial-endcard-title{margin:0 0 12px;font-size:1.5rem;font-weight:700;color:#0f172a}.tutorial-endcard-text{margin:0 0 20px;line-height:1.5;font-size:.95rem;color:#1f2933}.tutorial-endcard-button{padding:10px 18px;border-radius:999px;border:none;cursor:pointer;font-weight:600;font-size:.95rem;background:#2563eb;color:#fff;box-shadow:0 4px 12px #2563eb66}.tutorial-endcard-button:hover{filter:brightness(1.05)}.floating-continue-btn{position:fixed;bottom:24px;right:24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:14px 20px;font-size:16px;font-weight:700;border-radius:50px;cursor:pointer;box-shadow:0 4px 15px #00000040;transition:transform .2s ease,box-shadow .2s ease;z-index:9999}.floating-continue-btn:hover{transform:scale(1.05);box-shadow:0 6px 20px #00000059}.unit4-game-container .minigame-container{width:100%;max-width:100%}@media(max-width:900px){.td-battlefield{margin:10px auto 12px}}.floating-continue-btn{bottom:96px;right:16px}.tile-map{position:relative;margin:0 auto;border:2px solid #333;background-color:#000;background-size:100% 100%;background-repeat:no-repeat;background-position:top center;image-rendering:pixelated;box-shadow:0 0 10px #0000004d}.tile-map-viewport{position:relative;width:100%;height:100%;overflow:hidden}.player{position:absolute;background-repeat:no-repeat;background-size:100% auto;background-position:center top;image-rendering:pixelated;transform-origin:center center;animation:player-idle 1.2s steps(2) infinite}@keyframes player-idle{0%{background-position-y:0%}to{background-position-y:.001%}}.player.player--moving{animation:player-walk .8s steps(4) infinite}@keyframes player-walk{0%{background-position-y:0%}to{background-position-y:131%}}.dialogue-root{position:absolute;left:50%;bottom:80px;transform:translate(-50%);display:flex;align-items:flex-end;gap:12px;z-index:20;cursor:pointer}.dialogue-face-wrapper{width:140px;height:190px;background-color:#8fa6e3;border:3px solid #4c6fbf;border-radius:10px;box-shadow:0 0 0 2px #192243;image-rendering:pixelated;overflow:hidden;flex-shrink:0}.dialogue-face{width:100%;height:100%;background-repeat:no-repeat;background-position:center top;background-size:cover;image-rendering:pixelated}.dialogue-face--talking-carmina,.dialogue-face--idle-carmina{width:103%;height:107%;background-size:108% auto}.dialogue-face--talking-carmina{animation:dialogue-face-talk-carmina 1.5s steps(5) infinite}.dialogue-face--idle-carmina{animation:dialogue-face-idle-carmina 2.5s steps(4) infinite}@keyframes dialogue-face-idle-carmina{0%{background-position-y:0%}to{background-position-y:137.1%}}.dialogue-face--talking-advisor,.dialogue-face--idle-advisor{width:122%;height:118%;background-size:115% auto}.dialogue-face--talking-advisor{animation:dialogue-face-talk-advisor .2 steps(3) infinite}.dialogue-face--idle-advisor{animation:dialogue-face-idle-advisor 1.7s steps(4) infinite}@keyframes dialogue-face-idle-advisor{0%{background-position-y:0%}to{background-position-y:5%}}@keyframes dialogue-face-talk-advisor{0%{background-position-y:0%}to{background-position-y:20%}}.dialogue-text{margin:10px 0 0;font-family:VCR OSD Mono,monospace;font-size:25px;line-height:1.2;color:#fff;text-shadow:1px 1px 0 #000;white-space:normal;word-wrap:break-word}.budget-console-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:30;cursor:pointer}.budget-console-frame{background-color:#121a2f;border:3px solid #4c6fbf;border-radius:14px;box-shadow:0 0 0 2px #192243,0 16px #00000080;padding:18px;image-rendering:pixelated;display:flex;align-items:center;justify-content:center}.budget-console-monitor{width:780px;height:600px;background-repeat:no-repeat;background-size:contain;background-position:center;position:relative;image-rendering:pixelated}.budget-console-screen{position:absolute;left:9%;right:9%;top:20%;bottom:9%;background:transparent;border:none;box-shadow:none;padding:10px 18px 18px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;cursor:url(../../assets/unit1/icons/retro_cursor.png),pointer}.budget-console-header{display:flex;align-items:center;justify-content:flex-start;margin-bottom:6px}.budget-console-speaker{font-family:VCR OSD Mono,monospace;margin-top:5%;font-size:20px;color:#c0d5ff;text-shadow:1px 1px 0 #000}.budget-console-text{flex:1;font-family:VCR OSD Mono,monospace;font-size:20px;line-height:1.5;color:#e5f0ff;text-shadow:1px 1px 0 #000;white-space:pre-wrap;word-wrap:break-word}.budget-console-icon-wrapper{display:flex;justify-content:center;align-items:center;flex:1}.budget-console-icon{width:55%;height:auto;image-rendering:pixelated;animation:budget-console-icon-pulse 1.3s ease-in-out infinite}@keyframes budget-console-icon-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.budget-console-next{align-self:flex-end;margin-top:4px;font-size:20px;color:#e5f0ff;opacity:0;transition:opacity .2s ease-in-out}.budget-console-next--visible{opacity:1}.mg1-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;box-sizing:border-box}.mg1-title{margin:4px 0 6px;font-family:VCR OSD Mono,monospace;font-size:25px;color:#e5f0ff;text-shadow:1px 1px 0 #000}.mg1-instructions{margin:0 0 8px;font-family:VCR OSD Mono,monospace;font-size:18px;color:#c0d5ff;text-align:center}.mg1-phrase-box{margin-top:6px;padding:10px 14px;max-width:100%;background:#050d23b3;border:2px solid #4c6fbf;border-radius:10px;font-family:VCR OSD Mono,monospace;font-size:20px;color:#e5f0ff;text-align:center;text-shadow:1px 1px 0 #000}.mg1-buttons{margin-top:12px;display:flex;gap:12px;justify-content:center}.mg1-button{min-width:140px;padding:8px 12px;font-family:VCR OSD Mono,monospace;font-size:20px;border-radius:10px;border:2px solid #4c6fbf;background:#121a2f;color:#e5f0ff;text-shadow:1px 1px 0 #000;cursor:pointer;image-rendering:pixelated}.mg1-button--vaga{background:#261327}.mg1-button--clara{background:#123026}.mg1-button:hover{filter:brightness(1.1)}.mg1-feedback{margin-top:10px;min-height:40px;max-width:100%;font-family:VCR OSD Mono,monospace;font-size:14px;color:#ffd9a0;text-align:center}.mg1-progress{font-family:VCR OSD Mono,monospace;font-size:14px;color:#c0d5ff;text-align:center}.mg1-summary{flex:1;display:flex;flex-direction:column}.mg1-summary--carmina{justify-content:flex-end}.mg1-dialogue-panel{width:100%;background-color:#131b34;border:3px solid #4c6fbf;border-radius:14px;box-shadow:0 0 0 2px #192243,0 8px #0006;padding:16px 24px 20px;position:relative;box-sizing:border-box}.mg1-dialogue-speaker{position:absolute;top:6px;left:18px;font-family:VCR OSD Mono,monospace;font-size:16px;color:#9bb6ff;text-shadow:1px 1px 0 #000}.mg1-dialogue-text{margin-top:22px;margin-bottom:0;font-family:VCR OSD Mono,monospace;font-size:18px;line-height:1.4;color:#e5f0ff;text-shadow:1px 1px 0 #000;white-space:pre-wrap}.mg1-summary--carmina .budget-console-next{position:absolute;right:24px;bottom:14px}.mg2-container{flex:1;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;box-sizing:border-box}.mg2-title{margin:4px 0 6px;font-family:VCR OSD Mono,monospace;font-size:20px;color:#e5f0ff;text-shadow:1px 1px 0 #000;text-align:center}.mg2-instructions{margin:0 0 10px;font-family:VCR OSD Mono,monospace;font-size:14px;color:#c0d5ff;text-align:center}.mg2-phrase-box{margin:6px auto 10px;padding:10px 14px;max-width:100%;background:#050d23b3;border:2px solid #4c6fbf;border-radius:10px;font-family:VCR OSD Mono,monospace;font-size:18px;color:#e5f0ff;text-align:center;text-shadow:1px 1px 0 #000}.mg2-options{display:flex;flex-direction:column;gap:8px;margin-top:6px}.mg2-option-button{width:100%;text-align:left;padding:10px 12px;border-radius:10px;border:2px solid #4c6fbf;background:#121a2f;color:#e5f0ff;font-family:VCR OSD Mono,monospace;font-size:14px;cursor:pointer;text-shadow:1px 1px 0 #000}.mg2-option-button:hover{filter:brightness(1.08)}.mg2-option-button--selected{background:#162756;box-shadow:0 0 0 2px #8aa4ff}.mg2-feedback{margin-top:10px;min-height:46px;max-width:100%;font-family:VCR OSD Mono,monospace;font-size:14px;color:#ffd9a0;text-align:center}.mg2-bottom-row{margin-top:6px;display:flex;justify-content:space-evenly;align-items:center}.mg2-progress{font-family:VCR OSD Mono,monospace;font-size:14px;color:#c0d5ff}.mg2-next-button{min-width:150px;padding:6px 12px;font-family:VCR OSD Mono,monospace;font-size:14px;border-radius:10px;border:2px solid #4c6fbf;background:#121a2f;color:#e5f0ff;cursor:pointer}.mg2-next-button:disabled{opacity:.4;cursor:default}.mg2-next-button:not(:disabled):hover{filter:brightness(1.08)}.mg3-container{flex:1;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;box-sizing:border-box}.mg3-title{margin:4px 0 6px;font-family:VCR OSD Mono,monospace;font-size:20px;color:#e5f0ff;text-shadow:1px 1px 0 #000;text-align:center}.mg3-instructions{margin:0 0 10px;font-family:VCR OSD Mono,monospace;font-size:14px;color:#c0d5ff;text-align:center}.mg3-budget-amount{color:#ffe082}.mg3-goals{margin-top:8px;display:flex;flex-direction:column;gap:8px}.mg3-goal-card{width:100%;text-align:left;padding:10px 12px;border-radius:10px;border:2px solid #4c6fbf;background:#121a2f;color:#e5f0ff;font-family:VCR OSD Mono,monospace;font-size:14px;cursor:pointer;text-shadow:1px 1px 0 #000}.mg3-goal-card:hover{filter:brightness(1.08)}.mg3-goal-card--selected{background:#203a75;box-shadow:0 0 0 2px #8aa4ff}.mg3-hint{margin-top:10px;font-family:VCR OSD Mono,monospace;font-size:13px;color:#c0d5ff;text-align:center}.mg3-feedback{margin-top:10px;min-height:40px;font-family:VCR OSD Mono,monospace;font-size:14px;color:#ffd9a0;text-align:center}.mg3-bottom-row{margin-top:8px;display:flex;justify-content:space-evenly;align-items:center}.mg3-progress{font-family:VCR OSD Mono,monospace;font-size:14px;color:#c0d5ff}.mg3-next-button{min-width:170px;padding:6px 12px;font-family:VCR OSD Mono,monospace;font-size:14px;border-radius:10px;border:2px solid #4c6fbf;background:#121a2f;color:#e5f0ff;cursor:pointer}.mg3-next-button:disabled{opacity:.4;cursor:default}.mg3-next-button:not(:disabled):hover{filter:brightness(1.08)}.description{font-size:18px;font-weight:600;color:#333;font-family:system-ui,sans-serif}.piggy-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:40}.piggy-frame{background-color:#121a2f;border:3px solid #4c6fbf;border-radius:14px;box-shadow:0 0 0 2px #192243,0 16px #00000080;padding:20px 28px 24px;width:780px;max-width:90%;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;image-rendering:pixelated}.piggy-pig-wrapper{display:flex;flex-direction:column;align-items:center;margin-bottom:16px}.piggy-pig{image-rendering:pixelated;transition:transform .25s ease-out}.piggy-pig--tiny{width:60px;transform:scale(.9)}.piggy-pig--small{width:70px;transform:scale(1)}.piggy-pig--normal{width:80px;transform:scale(1.05)}.piggy-pig--big{width:92px;transform:scale(1.12)}.piggy-pig--huge{width:105px;transform:scale(1.2)}.piggy-progress-label{margin-top:6px;font-family:VCR OSD Mono,monospace;font-size:14px;color:#c0d5ff}.piggy-card{width:100%;background:#131b34;border-radius:12px;border:2px solid #4c6fbf;padding:16px 20px;box-shadow:0 0 0 2px #192243;box-sizing:border-box;margin-bottom:16px}.piggy-card-text{margin:0 0 8px;font-family:VCR OSD Mono,monospace;font-size:18px;line-height:1.4;color:#e5f0ff;text-align:center}.piggy-step-label{margin:0;font-family:VCR OSD Mono,monospace;font-size:13px;color:#9bb6ff;text-align:center}.piggy-buttons{display:flex;justify-content:center;gap:12px;margin-bottom:12px;width:100%;flex-wrap:wrap}.piggy-button{min-width:130px;padding:8px 12px;border-radius:10px;border:2px solid #4c6fbf;background:#121a2f;font-family:VCR OSD Mono,monospace;font-size:15px;color:#e5f0ff;text-shadow:1px 1px 0 #000;cursor:pointer;image-rendering:pixelated}.piggy-button--save{background:#123026}.piggy-button--spend{background:#261327}.piggy-button--delay{background:#222433}.piggy-button:hover{filter:brightness(1.1)}.piggy-feedback{min-height:48px;width:100%;margin:0 0 10px;font-family:VCR OSD Mono,monospace;font-size:14px;color:#ffd9a0;text-align:center}.piggy-bottom-row{width:100%;display:flex;justify-content:center}.piggy-next-button,.piggy-finish-button{min-width:200px;padding:8px 14px;border-radius:10px;border:2px solid #4c6fbf;background:#192243;font-family:VCR OSD Mono,monospace;font-size:16px;color:#e5f0ff;cursor:pointer}.piggy-next-button:disabled{opacity:.4;cursor:default}.piggy-next-button:not(:disabled):hover,.piggy-finish-button:hover{filter:brightness(1.1)}.piggy-title{margin:0 0 12px;font-family:VCR OSD Mono,monospace;font-size:22px;color:#e5f0ff;text-align:center}.piggy-summary-text{margin:0 0 8px;font-family:VCR OSD Mono,monospace;font-size:16px;color:#e5f0ff;text-align:center}.piggy-summary-text--secondary{font-size:14px;color:#c0d5ff;margin-bottom:18px}.interaction-marker{position:absolute;pointer-events:none;z-index:5;transform:translate(-50%,-70%)}.interaction-marker:before{content:"";position:absolute;width:110px;height:32px;border-radius:999px;background:radial-gradient(ellipse at center,#ffd70000,#ffd7008c,#ffb84d00 80%);filter:blur(4px);opacity:0;transform:scale(.85);animation:interaction-glow 1.3s ease-out infinite}.interaction-marker:after{content:"";position:absolute;width:38px;height:18px;border-radius:999px;background:radial-gradient(ellipse at center,#fff4bff2,#ffdf8000 70%);filter:blur(1px);opacity:0;animation:interaction-spark 1.3s ease-out infinite}@keyframes interaction-glow{0%{opacity:0;transform:scale(.7)}30%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.15)}}@keyframes interaction-spark{0%{opacity:0;transform:translate(-40px) scale(.6)}35%{opacity:1}to{opacity:0;transform:translate(40px) scale(1)}}.unit1-game-container{position:relative;display:flex;justify-content:center;padding:20px}.unit1-popup{position:absolute;top:12%;left:50%;transform:translate(-50%);background:#0f172af5;color:#f9fafb;padding:16px 20px;border-radius:12px;box-shadow:0 10px 30px #0009;max-width:320px;font-size:.9rem;z-index:10}.unit1-popup h3{margin-top:0;margin-bottom:8px;font-size:1rem}.unit1-popup p{margin:0}.unit1-popup-close{margin-top:12px;padding:6px 14px;border-radius:999px;border:none;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-weight:600;cursor:pointer}.unit1-popup-close:hover{filter:brightness(1.05)}.mobile-controls{position:fixed;inset:auto 0 18px 0;display:flex;justify-content:space-between;align-items:flex-end;padding:0 18px;pointer-events:none;z-index:1200;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.mobile-controls__joystick,.mobile-controls__action{pointer-events:all}.mobile-controls__joystick{position:relative;width:190px;height:190px;border-radius:50%;background:#0f172ad1;border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 0 0 1px #ffffff0d,0 20px 40px #00000040;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.mobile-controls__joystick-background{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(56,189,248,.16),transparent 45%),radial-gradient(circle at 70% 70%,rgba(59,130,246,.08),transparent 45%),linear-gradient(135deg,#0f172ae6,#0f172ad9)}.mobile-controls__joystick-thumb{position:absolute;width:68px;height:68px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#bae6fd,#38bdf8 55%,#0ea5e9 90%);border:3px solid rgba(255,255,255,.9);box-shadow:0 14px 26px #0ea5e959;transition:transform .03s ease-out}.mobile-controls__joystick-arrows{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:40px auto 40px;grid-template-rows:40px auto 40px;place-items:center;pointer-events:none}.mobile-controls__joystick-arrow{width:18px;height:18px;border-radius:50%;background:#ffffff29;box-shadow:inset 0 0 0 1px #ffffff2e;position:relative;filter:drop-shadow(0 6px 10px rgba(0,0,0,.25))}.mobile-controls__joystick-arrow:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-style:solid;border-width:0 4px 4px 0;border-color:transparent transparent rgba(255,255,255,.95) transparent;opacity:.8}.mobile-controls__joystick-arrow--up:before{transform:rotate(-45deg)}.mobile-controls__joystick-arrow--down:before{transform:rotate(135deg)}.mobile-controls__joystick-arrow--left:before{transform:rotate(-135deg)}.mobile-controls__joystick-arrow--right:before{transform:rotate(45deg)}.mobile-controls__joystick-label{position:absolute;bottom:10px;left:50%;transform:translate(-50%);font-size:.85rem;color:#e2e8f0f2;letter-spacing:.02em;pointer-events:none}.mobile-controls__actions{display:flex;flex-direction:column;gap:12px;justify-content:center;align-items:center;margin-bottom:6px}.mobile-controls__action{width:110px;height:110px;background:radial-gradient(circle at 30% 30%,#38bdf8,#0ea5e9 55%,#0284c7 80%);color:#0b1727;border:none;border-radius:50%;font-size:18px;font-weight:700;letter-spacing:.5px;display:flex;align-items:center;justify-content:center;box-shadow:0 16px 34px #00000047;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.mobile-controls__action:active{transform:scale(.95)}.mobile-controls__action--z{background:radial-gradient(circle at 30% 30%,#fde68a,#f59e0b 60%,#d97706 90%);color:#0f172a}@media(max-width:640px){.mobile-controls{padding:0 12px 10px}.mobile-controls__joystick{width:140px;height:140px}.mobile-controls__joystick-thumb{width:48px;height:48px}.mobile-controls__action{width:92px;height:92px;font-size:16px}}.game-viewport{position:relative;width:100%}.game-viewport--mobile{min-height:var(--app-vh, 100dvh);background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.08),transparent 45%),radial-gradient(circle at 80% 0%,rgba(14,165,233,.1),transparent 40%),#0b1120;overflow:hidden}.game-viewport--mobile-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:var(--app-vh, 100dvh);z-index:1100;overflow:hidden}.game-viewport__content{width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:12px}.game-viewport--mobile .game-viewport__content{min-height:var(--app-vh, 100dvh);padding-bottom:140px;box-sizing:border-box}.game-viewport--mobile-fullscreen .game-viewport__content{padding:0;align-items:stretch}.game-viewport__orientation-block{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ae6;display:flex;align-items:center;justify-content:center;z-index:1500}.game-viewport__orientation-card{background:#0f172a;color:#e2e8f0;padding:24px 28px;border-radius:16px;box-shadow:0 18px 40px #00000059;max-width:420px;text-align:center;border:1px solid rgba(255,255,255,.08);font-size:16px;line-height:1.5}@media(max-width:640px){.game-viewport__content{padding:4px}}body.mobile-game-active{overflow:hidden;height:var(--app-vh, 100dvh)}body.mobile-game-active #root{height:100%}.evaluation-stage{width:100%;min-height:100vh;padding:24px;box-sizing:border-box;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at top,rgba(59,130,246,.18),transparent 55%),radial-gradient(circle at bottom,#10b9812e,#020617 80%);font-family:Arial Black,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.fighting-game-container{width:100%;max-width:1300px;aspect-ratio:16 / 9;background:#000;border-radius:18px;border:4px solid #020617;box-shadow:0 0 0 3px #1e293b,0 0 0 6px #0f172a,0 35px 80px #000000e6;position:relative;overflow:hidden;color:#fff}@media(max-width:900px){.stage-container{width:100%;min-height:var(--app-vh, 100dvh);padding:0;display:flex;align-items:center;justify-content:center}.evaluation-stage{padding:0;min-height:var(--app-vh, 100dvh)}.fighting-game-container{width:100vw;height:var(--app-vh, 100dvh);max-width:none;border-radius:0}}.hud-top{position:absolute;top:0;left:0;right:0;height:110px;background:linear-gradient(180deg,rgba(0,0,0,.95) 0%,rgba(3,7,18,.9) 45%,transparent 100%);display:flex;justify-content:space-between;align-items:flex-start;padding:10px 20px;z-index:30;border-bottom:3px solid rgba(250,204,21,.3)}.hud-section{flex:1;display:flex;flex-direction:column;gap:8px}.player1-hud .player-info{flex-direction:row}.player2-hud .player-info{flex-direction:row-reverse}.player-info{display:flex;align-items:center;gap:10px}.player-name{font-size:20px;font-weight:900;letter-spacing:2px;text-transform:uppercase;color:#fff;text-shadow:3px 3px 0 #000,-1px -1px 0 #facc15,1px 1px 0 #facc15,0 0 18px #f97316}.health-bar-outer{display:flex;flex-direction:column;gap:4px}.health-bar-label{font-size:12px;font-weight:900;letter-spacing:2px;color:#facc15;text-shadow:2px 2px 0 #000}.health-bar-label--right{text-align:right}.health-bar-container{width:100%;height:26px;background:#000;border:3px solid #e5e7eb;box-shadow:0 0 0 2px #020617,inset 0 3px 12px #000000e6;position:relative;overflow:hidden}.health-bar-container.reverse{direction:rtl}.health-bar-fill{height:100%;transition:width .25s ease-out;position:relative}.player1-fill{background:linear-gradient(180deg,#ef4444,#dc2626 40%,#b91c1c,#7f1d1d);box-shadow:inset 0 -4px #00000073}.player2-fill{background:linear-gradient(180deg,#60a5fa,#2563eb 40%,#1d4ed8,#1e3a8a);box-shadow:inset 0 -4px #00000073}.health-bar-shine{position:absolute;top:0;left:0;right:0;height:7px;background:linear-gradient(180deg,rgba(255,255,255,.7) 0%,transparent 100%)}.hud-center{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:140px}.timer-container{display:flex;flex-direction:column;align-items:center;background:#000;border-radius:10px;border:4px solid #e5e7eb;padding:6px 14px;box-shadow:0 0 0 2px #facc15,0 6px #4b5563,0 0 30px #facc1599}.timer-display{font-size:44px;font-weight:900;color:#facc15;text-shadow:3px 3px 0 #000,0 0 14px #facc15;line-height:1;font-family:Impact,Arial Black,system-ui}.timer-label{font-size:10px;font-weight:900;letter-spacing:2px;color:#e5e7eb;text-shadow:1px 1px 0 #000}.round-display{display:flex;gap:8px;align-items:center;background:#0f172ae6;padding:3px 10px;border-radius:999px;border:2px solid rgba(248,250,252,.4)}.round-text{font-size:11px;font-weight:900;color:#e5e7eb;text-shadow:1px 1px 0 #000}.round-number{font-size:18px;font-weight:900;color:#facc15;text-shadow:2px 2px 0 #000}.fighting-arena{width:100%;height:100%;position:relative;display:flex;align-items:flex-end;justify-content:center}.background-image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.background-img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated;filter:brightness(.85) contrast(1.1) saturate(1.1)}.arena-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,transparent 35%,rgba(0,0,0,.55) 100%)}.characters-container{position:absolute;bottom:150px;left:0;right:0;height:360px;display:flex;justify-content:space-between;padding:0 130px;z-index:10}.character{position:relative;filter:drop-shadow(0 18px 28px rgba(0,0,0,.9));transform-origin:bottom center;transition:transform .15s ease-out;animation:fighterFloat 2.4s ease-in-out infinite}@keyframes fighterFloat{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.character-sprite{width:auto;height:300px;object-fit:contain;image-rendering:pixelated;display:block}.pig-sprite{height:300px}.enemy-sprite{height:300px;transform:scaleX(1)}.character-hit-left{animation:fighterFloat 2.4s ease-in-out infinite,hitShakeLeft .18s linear}.character-hit-right{animation:fighterFloat 2.4s ease-in-out infinite,hitShakeRight .18s linear}@keyframes hitShakeLeft{0%{transform:translateY(0) translate(0)}25%{transform:translateY(-6px) translate(-12px)}50%{transform:translateY(-3px) translate(8px)}75%{transform:translateY(-1px) translate(-4px)}to{transform:translateY(0) translate(0)}}@keyframes hitShakeRight{0%{transform:translateY(0) translate(0)}25%{transform:translateY(-6px) translate(12px)}50%{transform:translateY(-3px) translate(-8px)}75%{transform:translateY(-1px) translate(4px)}to{transform:translateY(0) translate(0)}}.fight-messages{position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);z-index:20;pointer-events:none}.combo-display{font-size:64px;font-weight:900;letter-spacing:6px;color:#facc15;text-shadow:5px 5px 0 #000,-2px -2px 0 #f97316,0 0 40px #ef4444,0 0 80px #ef4444;opacity:.8;animation:comboPulse 1.4s ease-in-out infinite}@keyframes comboPulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.08);opacity:1}}.evaluation-question-panel{position:absolute;left:50%;transform:translate(-50%);bottom:88px;width:100%;max-width:1000px;padding:10px 20px 14px;z-index:40;display:flex;flex-direction:column;gap:6px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(180deg,#0f172ae6,#0f172afa 60%,#0f172a);border-radius:12px;border:2px solid rgba(148,163,184,.6);box-shadow:0 -14px 30px #000000b3}.question-step{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#a5b4fc;text-shadow:1px 1px 0 #000;margin:0}.question-context{font-size:15px;line-height:1.3;color:#e2e8f0;margin:0}.question-text{font-size:16px;line-height:1.3;color:#f9fafb;margin:2px 0 4px;text-shadow:1px 1px 0 #020617}.evaluation-question-content{display:flex;flex-direction:column;gap:6px}.evaluation-feedback{min-height:20px;margin:2px 0 0;font-size:13px;line-height:1.3;color:#e5e7eb}.evaluation-feedback--correct{color:#bbf7d0}.evaluation-feedback--wrong{color:#fed7aa}.controls-bar{position:absolute;left:0;right:0;bottom:0;height:70px;background:radial-gradient(circle at top,#1f2937,#020617 80%);display:flex;justify-content:center;align-items:center;padding:0 24px;z-index:45;border-top:2px solid rgba(30,64,175,.7);box-shadow:0 -10px 30px #000000d9}.controls-bar .evaluation-options{display:flex;justify-content:center;align-items:center;gap:16px;width:100%;max-width:520px}.evaluation-option-btn{min-width:130px;padding:12px 16px;border-radius:999px;border:3px solid rgba(148,163,184,.9);background:radial-gradient(circle at top,#1e293b,#020617 80%);color:#f9fafb;font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:1px;text-align:center;cursor:pointer;transition:transform .15s ease-out,box-shadow .15s ease-out,border-color .15s ease-out,background .2s ease-out;box-shadow:0 4px #0f172ae6,0 10px 18px #000c}.evaluation-option-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px #0f172a,0 14px 24px #000000e6}.evaluation-option-btn:disabled{cursor:default;opacity:.85}.evaluation-option-btn--selected{box-shadow:0 0 0 2px #f8fafcb3,0 10px 24px #000}.evaluation-option-btn--accept{background:radial-gradient(circle at top,#22c55e,#065f46 80%);border-color:#4ade80}.evaluation-option-btn--doubt{background:radial-gradient(circle at top,#facc15,#92400e 80%);border-color:#fde68a}.evaluation-option-btn--reject{background:radial-gradient(circle at top,#f97373,#7f1d1d 80%);border-color:#fecaca}.evaluation-result-panel{text-align:left}.evaluation-result-title{font-size:22px;margin:0 0 8px;color:#fbbf24;text-shadow:2px 2px 0 #000,0 0 18px rgba(251,191,36,.8)}.evaluation-result-text{margin:4px 0;font-size:15px;line-height:1.4;color:#e5e7eb;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.evaluation-result-text--secondary{font-size:14px;color:#cbd5f5;margin-top:6px}.evaluation-bottom-row{display:flex;justify-content:flex-end;margin-top:8px}.evaluation-finish-btn{padding:9px 22px;border-radius:999px;border:none;font-size:14px;font-weight:800;letter-spacing:1px;text-transform:uppercase;cursor:pointer;background:linear-gradient(135deg,#22c55e,#16a34a);color:#022c22;box-shadow:0 0 0 1px #ecfdf5,0 10px 22px #000000e6;transition:transform .15s ease-out,box-shadow .15s ease-out,filter .15s ease-out}.evaluation-finish-btn:hover{transform:translateY(-1px);filter:brightness(1.06)}@media(max-width:1024px){.characters-container{padding:0 90px;bottom:20px}.character-sprite{height:230px}.combo-display{font-size:52px}}@media(max-width:768px){.evaluation-stage{padding:12px}.fighting-game-container{border-radius:14px}.fighting-arena{align-items:center}.hud-top{height:95px;padding:8px 10px}.characters-container{padding:0 70px;bottom:115px;height:320px}.character-sprite{width:155px;height:155px}.player-name{font-size:14px}.health-bar-container{height:22px}.timer-display{font-size:34px}.combo-display{font-size:42px}.evaluation-question-panel{padding:10px 14px 12px;bottom:82px;background:#0f172a99;border:2px solid rgba(148,163,184,.45);z-index:60}.evaluation-question-content--mobile{max-height:180px;overflow-y:auto;padding-right:6px}.controls-bar{height:68px}.controls-bar .evaluation-options{gap:10px}.evaluation-option-btn{min-width:110px;padding:10px 12px;font-size:12px}.question-step,.question-context,.question-text,.evaluation-feedback,.evaluation-result-text,.evaluation-result-text--secondary{font-size:.9rem;line-height:1.3}.evaluation-result-title{font-size:1.1rem}}@media(max-width:480px){.characters-container{padding:0 40px;bottom:110px}.character-sprite{width:130px;height:130px}.player-name{font-size:12px}.evaluation-question-content--mobile{max-height:160px}.question-text{font-size:15px}.controls-bar .evaluation-options{flex-wrap:wrap}}.evaluation-tutorial-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0f172a99;z-index:30}.evaluation-tutorial-overlay--mobile{align-items:flex-start;padding:16px 12px 0;z-index:120}.evaluation-tutorial-dialog{width:min(90%,780px);background:linear-gradient(135deg,#0f172a,#020617);border-radius:18px;padding:24px 28px 22px;box-shadow:0 22px 45px #0f172ae6;border:1px solid rgba(148,163,184,.5);color:#e5e7eb}.evaluation-tutorial-header{font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:#a5b4fc}.evaluation-tutorial-speaker{display:inline-block}.evaluation-tutorial-text{margin-top:10px;font-size:.95rem;line-height:1.6}.evaluation-tutorial-next{display:block;margin-top:12px;font-size:.8rem;text-align:right;opacity:0;transition:opacity .2s ease-in-out}.evaluation-tutorial-next--visible{opacity:1}.minigame-container{width:90%;max-width:600px;background-color:#131b34;border:3px solid #4c6fbf;border-radius:14px;box-shadow:0 0 0 2px #192243,0 12px #0006;animation:minigame-appear .3s ease-out;overflow:hidden}.minigame-header{background:linear-gradient(180deg,#1e2a47,#131b34);border-bottom:2px solid #4c6fbf;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center}.progress-text{font-family:VCR OSD Mono,monospace;font-size:.85rem;margin-top:.5rem;color:#7a92d4;opacity:.9}.btn-close-mini{background:transparent;border:2px solid #4c6fbf;color:#9bb6ff;width:32px;height:32px;border-radius:6px;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .2s;font-family:VCR OSD Mono,monospace}.btn-close-mini:hover{background:#1e2a47;border-color:#7a92d4;color:#e5f0ff}.minigame-content{padding:2.5rem 2rem;min-height:400px;display:flex;flex-direction:column;justify-content:center}.choice-btn{background:#1e2a47;border:2px solid #4c6fbf;border-radius:8px;padding:1.5rem 1.25rem;cursor:pointer;transition:all .2s;text-align:center}.feedback-box{background:#1e2a47;border:2px solid #7a92d4;border-radius:10px;padding:1.75rem;font-family:VCR OSD Mono,monospace;font-size:1rem;color:#e5f0ff;text-shadow:1px 1px 0 #000;animation:feedback-pop .3s ease-out}.tree-container{margin-bottom:2rem;padding:2rem;background:#1e2a47;border:2px solid #2d4074;border-radius:10px}.tree-growth{font-size:5rem;margin-bottom:.75rem;filter:drop-shadow(2px 2px 0 rgba(0,0,0,.3))}.tree-label{font-family:VCR OSD Mono,monospace;font-size:.9rem;color:#7a92d4}.complete-emoji{font-size:4rem;margin-bottom:1.25rem;filter:drop-shadow(2px 2px 0 rgba(0,0,0,.3));animation:complete-bounce .6s ease-out}@keyframes complete-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.minigame-content h3{margin:1.25rem 0;font-family:VCR OSD Mono,monospace;font-size:1.5rem;color:#9bb6ff}.score-display{font-size:2.25rem;font-family:VCR OSD Mono,monospace;color:#e5f0ff;text-shadow:2px 2px 0 #000}.btn-continue{width:100%;padding:1.25rem;background:linear-gradient(180deg,#5a7bc4,#4c6fbf);color:#fff;border:2px solid #7a92d4;border-radius:8px;font-family:VCR OSD Mono,monospace;cursor:pointer;transition:all .2s}.btn-continue:hover{transform:translateY(-2px)}.btn-continue:active{transform:translateY(2px)}@media(max-width:640px){.miniggame-container{width:95%}.minigame-header{padding:1.25rem 1.5rem}.minigame-header h2{font-size:1.2rem}.minigame-content{padding:2rem 1.5rem;min-height:auto}.item-emoji-big,.question-emoji{font-size:3rem}.item-card h3,.question-card h3{font-size:1rem}.choice-text{font-size:.95rem}.tree-growth{font-size:3.5rem}}@media(max-height:500px)and (orientation:landscape){.minigame-container{transform:scale(.5)}.minigame-header{padding:1rem 1.25rem}.minigame-content{padding:1.5rem;gap:1rem}.item-emoji-big,.question-emoji{font-size:2.4rem}.item-card,.question-card{padding:1.5rem;margin-bottom:1rem}.choice-btn{padding:1rem}.choice-text{font-size:.9rem}.feedback-box{font-size:.9rem;padding:1.25rem}.tree-growth{font-size:3rem}}.app-container{width:100vw;height:100vh;max-width:1024px;max-height:893px;position:absolute;overflow:hidden;background:#1a1a2e}.game-world{position:relative;max-width:100vw;max-height:100vh;display:flex;flex-direction:column;background:transparent;margin:0 auto;overflow:hidden}.game-hud{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#000c;color:#fff;z-index:100;border-bottom:2px solid #16213e}.hud-info{display:flex;gap:2rem;font-size:1.1rem;font-weight:700}.hud-controls{font-size:.9rem;opacity:.8}.objective-banner{position:absolute;top:0;left:0;right:0;background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem 2rem;z-index:200;animation:slide-down .5s ease-out;box-shadow:0 4px 12px #0000004d}@keyframes slide-down{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.objective-content{display:flex;align-items:center;gap:1rem;color:#fff;max-width:1200px;margin:0 auto}.objective-icon{font-size:1.5rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.objective-text{flex:1;font-size:1.1rem;font-weight:500}.objective-close{background:#fff3;border:none;color:#fff;width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:1rem;transition:background .2s}.objective-close:hover{background:#ffffff4d}.game-viewport{position:relative;flex:1;overflow:hidden;background:transparent;display:flex;align-items:center;justify-content:center}.game-world-container{position:relative;image-rendering:pixelated;width:fit-content;height:fit-content}.game-world-layer{position:relative;width:fit-content;height:fit-content}.interactive-object{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.object-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:80%;background:radial-gradient(circle,rgba(255,215,0,.4) 0%,rgba(255,215,0,.2) 50%,transparent 70%);border-radius:50%;animation:glow-pulse 1.5s ease-in-out infinite;pointer-events:none}.npc-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:radial-gradient(circle,rgba(0,255,0,.4) 0%,rgba(0,255,0,.2) 50%,transparent 70%);border-radius:50%;animation:glow-pulse 1.5s ease-in-out infinite;pointer-events:none;z-index:1}@keyframes glow-pulse{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}}.object-label{position:absolute;top:-35px;font-family:VCR OSD Mono,monospace;font-size:16px;letter-spacing:.5px;color:#e5f0ff;text-shadow:1px 1px 0 #000,0 0 8px rgba(255,215,0,.8);text-align:center;white-space:nowrap;background:#131b34d9;padding:4px 10px;border-radius:6px;border:2px solid rgba(76,111,191,.6)}.interaction-prompt{position:absolute;bottom:-28px;font-family:VCR OSD Mono,monospace;font-size:14px;letter-spacing:.5px;background:#131b34f2;border:2px solid #4c6fbf;color:#9bb6ff;padding:3px 8px;border-radius:6px;white-space:nowrap;text-shadow:1px 1px 0 #000;animation:prompt-bounce .8s ease-in-out infinite}@keyframes prompt-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.interaction-bar{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#131b34fa,#131b34d9);border-top:3px solid #4c6fbf;padding:16px 24px;z-index:2000;box-shadow:0 -4px 12px #00000080}@media(max-height:600px){.interaction-bar{background:transparent!important;border-top:none!important;box-shadow:none!important}}.interaction-bar-content{display:flex;align-items:center;justify-content:center;gap:20px;max-width:800px;margin:0 auto}.interaction-bar-object{font-family:VCR OSD Mono,monospace;font-size:20px;letter-spacing:1px;color:#e5f0ff;text-shadow:1px 1px 0 #000,0 0 10px rgba(255,215,0,.8)}.interaction-bar-object--mk25{color:#0f0;text-shadow:1px 1px 0 #000,0 0 10px rgba(0,255,0,.8),0 0 20px rgba(0,255,0,.6)}.interaction-bar-key{font-family:VCR OSD Mono,monospace;font-size:18px;letter-spacing:.5px;color:#9bb6ff;text-shadow:1px 1px 0 #000;background:#4c6fbf4d;padding:6px 16px;border-radius:6px;border:2px solid #4c6fbf;animation:prompt-pulse 1.5s ease-in-out infinite}@keyframes prompt-pulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.game-panel-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d;display:flex;align-items:center;justify-content:center;padding-bottom:30px;animation:fade-in .3s ease-out;z-index:1000}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.game-panel{background:#fff;border-radius:1rem;max-width:900px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;animation:slide-up .3s ease-out}@keyframes slide-up{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid #eee;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:1rem 1rem 0 0}.panel-header h2{margin:0}.panel-subtitle{font-size:.9rem;opacity:.9;margin:.25rem 0 0}.panel-content{padding:2rem}.budget-panel .panel-content{max-width:600px;margin:0 auto}.budget-intro{text-align:center;margin-bottom:1.5rem;padding:1rem;background:#f8f9fa;border-radius:.5rem}.budget-status{text-align:center;font-size:1.2rem;font-weight:700;margin-bottom:2rem;padding:.75rem;border-radius:.5rem;background:#f0f0f0}.budget-categories{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.budget-category{padding:1.5rem;border-radius:.75rem;border:3px solid;transition:transform .2s ease}.budget-category:hover{transform:scale(1.02)}.budget-category--needs{background:#fee;border-color:#f88}.budget-category--wants{background:#eef;border-color:#88f}.budget-category--savings{background:#efe;border-color:#8f8}.category-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.category-icon{font-size:2.5rem}.category-header h3{margin:0}.category-header p{margin:0;font-size:.9rem;opacity:.7}.category-amount{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:1.5rem;font-weight:700}.amount-value{color:#333}.amount-percent{font-size:1.1rem;opacity:.7}.budget-tip{background:#e3f2fd;border-left:4px solid #2196f3;padding:1rem;border-radius:.5rem;margin-bottom:1.5rem}.budget-tip p{margin:0}.mobile-phone-frame{position:relative;width:420px;height:85vh;max-height:820px;background:#1a1a1a;border-radius:40px;padding:12px;box-shadow:0 0 0 2px #0a0a0a,0 0 0 14px #2a2a2a,0 20px 60px #0009;animation:phone-entrance .5s ease-out}@keyframes phone-entrance{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.phone-notch{position:absolute;top:0;left:50%;transform:translate(-50%);width:200px;height:30px;background:#1a1a1a;border-radius:0 0 20px 20px;z-index:10}.phone-notch:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:80px;height:6px;background:#0a0a0a;border-radius:3px}.phone-screen{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:32px;overflow:hidden;position:relative}.budget-intro-screen{width:100%;height:100%;display:flex;flex-direction:column;background:#f5f5f5}.app-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 10px #0000001a}.app-header h2{margin:0;font-size:1.25rem;flex:1;text-align:center}.app-icon{font-size:1.75rem}.close-btn{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:1.25rem;display:flex;align-items:center;justify-content:center;transition:background .2s}.close-btn:hover{background:#ffffff4d}.intro-content{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.assistant-message{display:flex;gap:.75rem;align-items:flex-start}.assistant-avatar{font-size:2rem;flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 4px 12px #667eea4d}.message-bubble{flex:1;background:#fff;padding:1rem;border-radius:16px 16px 16px 4px;box-shadow:0 2px 8px #0000001a}.message-bubble--final{background:#fff3e0;border-left:4px solid #ff9800}.message-bubble p{margin:.5rem 0;line-height:1.5;font-size:.95rem}.message-bubble p:first-child{margin-top:0}.message-bubble p:last-child{margin-bottom:0}.message-title{font-weight:700;font-size:1rem;color:#667eea}.rule-cards{display:flex;flex-direction:column;gap:1rem}.rule-card{background:#fff;padding:1.25rem;border-radius:16px;border:3px solid;box-shadow:0 4px 12px #0000001a;transition:transform .2s}.rule-card:hover{transform:translateY(-4px)}.rule-card--needs{border-color:#ff6b6b;background:linear-gradient(135deg,#fff5f5,#fff)}.rule-card--wants{border-color:#4ecdc4;background:linear-gradient(135deg,#f0f9ff,#fff)}.rule-card--savings{border-color:#95e1d3;background:linear-gradient(135deg,#f0fff4,#fff)}.rule-card h3{margin:.5rem 0;font-size:1.1rem}.rule-card p{margin:.5rem 0;font-size:.9rem;color:#555;line-height:1.4}.rule-icon{font-size:2.5rem;text-align:center;margin-bottom:.5rem}.rule-percent{font-size:2rem;font-weight:700;text-align:center;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.rule-reason{margin-top:.75rem;padding-top:.75rem;border-top:2px dashed #e0e0e0;display:flex;flex-direction:column;gap:.25rem}.rule-reason strong{font-size:.85rem;color:#667eea}.rule-reason span{font-size:.85rem;color:#666;line-height:1.3}.start-planning-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #667eea66;transition:transform .2s,box-shadow .2s}.start-planning-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea80}.start-planning-btn:active{transform:translateY(0)}.budget-planning-screen{width:100%;height:100%;display:flex;flex-direction:column;background:#f5f5f5}.planning-content{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1.25rem}.balance-display{background:#fff;padding:1.25rem;border-radius:16px;text-align:center;box-shadow:0 4px 12px #0000001a}.balance-label{font-size:.85rem;color:#666;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.balance-amount{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;font-family:SF Mono,Monaco,Courier New,monospace}.balance-pending{color:#ff9800}.balance-complete{color:#4caf50}.balance-exceeded{color:#f44336}.balance-hint{font-size:.9rem;padding:.5rem;border-radius:8px;font-weight:500}.budget-sliders{display:flex;flex-direction:column;gap:1.25rem}.slider-group{background:#fff;padding:1.25rem;border-radius:16px;border-left:6px solid;box-shadow:0 2px 8px #00000014}.slider-group--needs{border-color:#ff6b6b}.slider-group--wants{border-color:#4ecdc4}.slider-group--savings{border-color:#95e1d3}.slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.slider-info{display:flex;align-items:center;gap:.75rem}.slider-icon{font-size:2rem}.slider-label{font-size:1rem;font-weight:700;color:#333}.slider-sublabel{font-size:.8rem;color:#666;margin-top:.125rem}.slider-value{text-align:right}.value-amount{font-size:1.25rem;font-weight:700;color:#333;font-family:SF Mono,Monaco,Courier New,monospace}.value-percent{font-size:.9rem;color:#666;margin-top:.125rem}.budget-range{width:100%;height:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e0e0e0;border-radius:4px;outline:none;margin:.75rem 0}.budget-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 2px 8px #0003;border:3px solid}.budget-range--needs::-webkit-slider-thumb{border-color:#ff6b6b}.budget-range--wants::-webkit-slider-thumb{border-color:#4ecdc4}.budget-range--savings::-webkit-slider-thumb{border-color:#95e1d3}.budget-range::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 2px 8px #0003;border:3px solid}.budget-range--needs::-moz-range-thumb{border-color:#ff6b6b}.budget-range--wants::-moz-range-thumb{border-color:#4ecdc4}.budget-range--savings::-moz-range-thumb{border-color:#95e1d3}.range-markers{display:flex;justify-content:space-between;font-size:.75rem;color:#999;padding:0 .25rem}.marker-recommended{color:#667eea;font-weight:700}.confirm-budget-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #4caf5066;transition:transform .2s,box-shadow .2s;margin-top:auto}.confirm-budget-btn:hover:not(.confirm-budget-btn--disabled){transform:translateY(-2px);box-shadow:0 6px 16px #4caf5080}.confirm-budget-btn:active:not(.confirm-budget-btn--disabled){transform:translateY(0)}.confirm-budget-btn--disabled{background:linear-gradient(135deg,#9e9e9e,#757575);cursor:not-allowed;box-shadow:none}.expense-game-panel{max-width:1200px}.game-stats{display:flex;gap:1.5rem;margin-top:.5rem;font-size:.95rem}.budget-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;padding:1.5rem;background:#f8f9fa;border-bottom:2px solid #eee}.budget-item{display:flex;justify-content:space-between;padding:.75rem;background:#fff;border-radius:.5rem;font-weight:500}.budget-item--savings{background:#e8f5e9}.budget-item--total{background:#fff3e0;font-weight:700;font-size:1.1rem}.expense-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:1.5rem}.day-complete-message{text-align:center;padding:3rem;background:#e8f5e9;border-radius:1rem;margin-top:2rem}.day-complete-message p{font-size:1.5rem;margin-bottom:1.5rem}.intro-section{padding:1rem}.learning-objectives{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.objective-item{display:flex;gap:1rem;align-items:flex-start;padding:1rem;background:#f8f9fa;border-radius:.75rem;border-left:4px solid #4CAF50}.objective-icon{font-size:1.5rem;flex-shrink:0}.game-overview{background:#e3f2fd;padding:1.5rem;border-radius:.75rem;margin:1.5rem 0}.game-overview h4{margin-bottom:1rem}.game-overview ul{list-style:none;padding:0}.game-overview li{padding:.5rem 0 .5rem 1.5rem;position:relative}.game-overview li:before{content:"▶";position:absolute;left:0;color:#1976d2}.warning-box{background:#fff3e0;border-left:4px solid #ff9800;padding:1rem 1.5rem;border-radius:.5rem;margin:1.5rem 0}.work-section{text-align:center;padding:2rem}.work-animation{margin:2rem 0}.work-text{font-size:1.1rem;margin-bottom:2rem;color:#555;font-style:italic}.work-emoji{font-size:5rem;animation:work-bounce 1s ease-in-out infinite}@keyframes work-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.earnings-box{background:#e8f5e9;padding:1.5rem;border-radius:.75rem;margin:2rem 0;border:2px solid #4CAF50}.earnings-box p{margin:.5rem 0;font-size:1.1rem}.money-display{background:#4caf50;color:#fff;padding:.5rem 1rem;border-radius:.5rem;font-weight:700}.choice-section{padding:1rem}.situation-box{background:#e3f2fd;padding:1.5rem;border-radius:.75rem;margin-bottom:2rem;text-align:center;border:2px solid #1976d2}.situation-box h3{margin:0;font-size:1.3rem}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:2rem}.choice-option{background:#fff;border:3px solid #ddd;border-radius:1rem;padding:2rem;cursor:pointer;transition:all .3s ease;text-align:center;display:flex;flex-direction:column;gap:1rem}.choice-option:hover{border-color:#4caf50;transform:translateY(-5px);box-shadow:0 10px 30px #00000026}.option-a{border-color:#2196f3}.option-a:hover{border-color:#1976d2;background:#e3f2fd}.option-b{border-color:#ff9800}.option-b:hover{border-color:#f57c00;background:#fff3e0}.option-label{font-weight:700;font-size:.9rem;color:#666;text-transform:uppercase;letter-spacing:1px}.option-text{font-size:1.1rem;font-weight:500;color:#333}.option-cost{font-size:1.5rem;font-weight:700;color:#4caf50}.option-category{font-size:.95rem;padding:.5rem;background:#f5f5f5;border-radius:.5rem;color:#666}.progress-indicator{text-align:center;font-size:.9rem;color:#666;padding:1rem;background:#f5f5f5;border-radius:.5rem}.grade-display{text-align:center;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:1rem;margin-bottom:2rem}.grade-display h3{font-size:2rem;margin-bottom:.5rem}.results-summary{background:#f8f9fa;padding:2rem;border-radius:.75rem;margin-bottom:2rem}.results-summary h4{margin-bottom:1rem}.result-row{display:flex;justify-content:space-between;padding:.75rem;border-bottom:1px solid #ddd}.result-row.highlight{background:#e8f5e9;font-size:1.2rem;font-weight:700;border:2px solid #4CAF50;border-radius:.5rem;margin-top:1rem}.percentage-breakdown{margin-top:2rem}.breakdown-item{margin-bottom:1.5rem}.breakdown-header{display:flex;justify-content:space-between;margin-bottom:.5rem;font-weight:500}.breakdown-header .good{color:#4caf50}.breakdown-header .bad{color:#f44336}.breakdown-bar{width:100%;height:30px;background:#e0e0e0;border-radius:15px;overflow:hidden;margin-bottom:.25rem}.bar-fill{height:100%;transition:width .5s ease}.bar-fill.needs{background:linear-gradient(90deg,#ff6b6b,#ff8e53)}.bar-fill.wants{background:linear-gradient(90deg,#4ecdc4,#44a08d)}.bar-fill.savings{background:linear-gradient(90deg,#a8e6cf,#56ab2f)}.breakdown-item small{color:#666;font-size:.85rem}.lesson-box{background:#fff3e0;border-left:4px solid #ff9800;padding:1.5rem;border-radius:.75rem;margin-bottom:2rem}.lesson-box h4{margin-bottom:1rem;color:#e65100}.final-wisdom{margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid #ffd54f}.final-wisdom ul{list-style:none;padding:0;margin-top:1rem}.final-wisdom li{padding:.75rem;margin-bottom:.5rem;background:#fff;border-radius:.5rem;border-left:3px solid #ff9800}.progress-tracker{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:1.5rem;border-bottom:2px solid #ddd}.tracker-header{text-align:center;margin-bottom:1.5rem}.tracker-header h4{margin:0 0 .25rem;color:#333}.tracker-subtitle{margin:0;font-size:.85rem;color:#666;font-style:italic}.tracker-bars{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.tracker-item{background:#fff;padding:1rem;border-radius:.75rem;box-shadow:0 2px 8px #0000001a}.tracker-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.tracker-label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#333}.tracker-icon{font-size:1.25rem}.tracker-value{font-weight:700;font-size:1.1rem;padding:.25rem .75rem;border-radius:.5rem;transition:all .3s ease}.tracker-value.good{color:#2e7d32;background:#e8f5e9}.tracker-value.ok{color:#f57c00;background:#fff3e0}.tracker-value.low,.tracker-value.high{color:#c62828;background:#ffebee}.tracker-bar-container{position:relative;margin-bottom:.5rem}.tracker-bar-bg{position:relative;width:100%;height:28px;background:#e0e0e0;border-radius:14px;overflow:visible}.tracker-bar-fill{height:100%;border-radius:14px;transition:width .5s ease,background .3s ease;position:relative}.tracker-bar-fill.needs.good{background:linear-gradient(90deg,#66bb6a,#4caf50)}.tracker-bar-fill.needs.low,.tracker-bar-fill.needs.high{background:linear-gradient(90deg,#ff7043,#f44336)}.tracker-bar-fill.wants.good{background:linear-gradient(90deg,#66bb6a,#4caf50)}.tracker-bar-fill.wants.ok{background:linear-gradient(90deg,#ffb74d,#ff9800)}.tracker-bar-fill.wants.high{background:linear-gradient(90deg,#ff7043,#f44336)}.tracker-bar-fill.savings.good{background:linear-gradient(90deg,#66bb6a,#4caf50)}.tracker-bar-fill.savings.ok{background:linear-gradient(90deg,#ffb74d,#ff9800)}.tracker-bar-fill.savings.low{background:linear-gradient(90deg,#ff7043,#f44336)}.tracker-target-line{position:absolute;top:-5px;bottom:-5px;width:2px;background:#333;transform:translate(-50%);z-index:10}.tracker-target-line:before,.tracker-target-line:after{content:"";position:absolute;left:50%;transform:translate(-50%);width:8px;height:8px;background:#333;border-radius:50%}.tracker-target-line:before{top:-4px}.tracker-target-line:after{bottom:-4px}.target-label{position:absolute;top:-25px;left:50%;transform:translate(-50%);font-size:.75rem;font-weight:700;color:#333;background:#fff;padding:.125rem .5rem;border-radius:.25rem;white-space:nowrap;box-shadow:0 2px 4px #0000001a}.tracker-feedback{font-size:.85rem;color:#666;font-style:italic;text-align:center;padding:.5rem;background:#f9f9f9;border-radius:.5rem}.tracker-summary{background:#fff;padding:1rem;border-radius:.75rem;text-align:center;box-shadow:0 2px 8px #0000001a}.tracker-summary p{margin:0;font-size:.95rem;color:#555}.tracker-summary strong{color:#333}.memory-game-panel{max-width:800px}.memory-stats{display:flex;justify-content:center;gap:3rem;padding:1rem;background:#f5f5f5;border-bottom:2px solid #ddd}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.stat-label{font-size:.85rem;color:#666}.stat-value{font-size:1.5rem;font-weight:700;color:#333}.memory-message{text-align:center;padding:.75rem;margin:1rem;border-radius:.5rem;font-weight:600;font-size:1.1rem;animation:message-bounce .3s ease-out}@keyframes message-bounce{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.memory-message.success{background:#e8f5e9;color:#2e7d32;border:2px solid #4caf50}.memory-message.error{background:#ffebee;color:#c62828;border:2px solid #f44336}.memory-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;padding:1.5rem}.memory-card{aspect-ratio:1;background:#fff;border:3px solid #ddd;border-radius:1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;padding:1rem;text-align:center}.memory-card:hover:not(.matched):not(.selected){transform:translateY(-5px);box-shadow:0 8px 20px #00000026;border-color:#4caf50}.memory-card.selected{border-color:#2196f3;background:#e3f2fd;transform:scale(1.05);box-shadow:0 8px 24px #2196f34d}.memory-card.matched{border-color:#4caf50;background:#e8f5e9;opacity:.7;cursor:not-allowed;position:relative}.memory-card.matched:after{content:"✓";position:absolute;top:5px;right:5px;color:#4caf50;font-size:1.5rem;font-weight:700}.memory-card.image .card-emoji{font-size:3.5rem}.memory-card.text .card-text{font-size:.95rem;font-weight:500;color:#333;line-height:1.3}.memory-instructions{text-align:center;padding:1rem;background:#fff3e0;border-radius:.5rem;margin:1rem;border-left:4px solid #ff9800}.memory-instructions p{margin:0;font-size:.95rem;color:#e65100}.memory-complete{text-align:center;padding:2rem}.complete-icon{font-size:5rem;margin-bottom:1rem;animation:complete-bounce .6s ease-out}@keyframes complete-bounce{0%{transform:scale(0) rotate(0)}50%{transform:scale(1.2) rotate(180deg)}to{transform:scale(1) rotate(360deg)}}.complete-lesson{background:#e3f2fd;padding:1.5rem;border-radius:.75rem;margin:2rem 0;border-left:4px solid #2196F3}.complete-lesson h4{margin-bottom:.75rem;color:#1565c0}.complete-lesson p{margin:0;line-height:1.6;color:#333}.dialogue-root{position:absolute;left:50%;bottom:80px;transform:translate(-50%);display:flex;align-items:flex-end;gap:12px;z-index:1000;cursor:pointer}.dialogue-face-wrapper{width:140px;height:190px;background-color:#121a2f;border:3px solid #4c6fbf;border-radius:10px;box-shadow:0 0 0 2px #192243;image-rendering:pixelated;overflow:hidden;flex-shrink:0}.dialogue-face--talking-carmina,.dialogue-face--idle-carmina{width:118%;height:107%;background-size:108% auto}.dialogue-face--talking-carmina{animation:dialogue-face-talk-carmina 1.3s steps(5) infinite}.dialogue-face--idle-carmina{animation:dialogue-face-idle-carmina 1.8s steps(4) infinite}@keyframes dialogue-face-talk-carmina{0%{background-position-y:0%}to{background-position-y:102%}}@keyframes dialogue-face-idle-carmina{0%{background-position-y:0%}to{background-position-y:137.5%}}.dialogue-panel{position:relative;width:640px;max-width:640px;min-height:150px;padding:28px 40px;background-color:#131b34;border:3px solid #4c6fbf;border-radius:14px;box-shadow:0 0 0 2px #192243,0 12px #0006;display:flex;align-items:center;box-sizing:border-box;image-rendering:pixelated;flex-shrink:0}.dialogue-speaker-name{position:absolute;top:6px;left:18px;font-family:VCR OSD Mono,monospace;font-size:20px;letter-spacing:1px;color:#9bb6ff;text-shadow:1px 1px 0 #000}.dialogue-text{margin:10px 0 0;font-family:VCR OSD Mono,monospace;font-size:25px;line-height:1.2;color:#e5f0ff;text-shadow:1px 1px 0 #000;white-space:normal;word-wrap:break-word}.dialogue-next{position:absolute;right:24px;bottom:18px;font-size:20px;color:#e5f0ff;opacity:0;transition:opacity .2s ease-in-out}.dialogue-next--visible{opacity:1}.dialogue-face--pig{animation:none;width:105%;height:105%;background-size:130% auto;background-position:center}.tile-map{position:relative;image-rendering:pixelated}.tile-map-image{image-rendering:pixelated;background-color:#3d5a80}.tile-grid{position:absolute;top:0;left:0;display:grid;pointer-events:none}.player{position:absolute;z-index:10}.player-sprite{position:relative;z-index:2;width:100%;height:100%;background-color:#4caf50;border-radius:50%;background-image:var(--player-sprite);background-size:contain;background-position:center;image-rendering:pixelated}.player-shadow{position:absolute;bottom:5px;left:50%;transform:translate(-50%);width:80%;height:8px;background:radial-gradient(ellipse,rgba(0,0,0,.4) 0%,transparent 70%);border-radius:50%;z-index:1}.player--moving .player-sprite{animation:player-walk .4s steps(4) infinite}.player--idle .player-sprite{animation:player-idle 1.2s steps(4) infinite}.player--left .player-sprite{transform:scaleX(-1)}@keyframes player-walk2{0%{transform:translateY(0)}50%{transform:translateY(-2px)}to{transform:translateY(0)}}@keyframes player-idle2{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}.npc{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:15}.npc-sprite{position:relative;z-index:2;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.npc-icon{font-size:3rem;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.npc-shadow{position:absolute;bottom:5px;left:50%;transform:translate(-50%);width:80%;height:8px;background:radial-gradient(ellipse,rgba(0,0,0,.4) 0%,transparent 70%);border-radius:50%;z-index:1}.npc-name-tag{position:absolute;bottom:-20px;background:#006400e6;color:#0f0;padding:.25rem .75rem;border-radius:.5rem;font-size:.75rem;font-weight:700;white-space:nowrap;z-index:100;border:2px solid #00ff00}.npc--moving .npc-icon{animation:npc-walk .4s steps(4) infinite}.npc--idle .npc-icon{animation:npc-idle 2s ease-in-out infinite}.npc--left .npc-sprite{transform:scaleX(-1)}@keyframes npc-walk{0%{transform:translateY(0)}50%{transform:translateY(-3px)}to{transform:translateY(0)}}@keyframes npc-idle{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.expense-card{background:#fff;border-radius:.75rem;padding:1.5rem;border:3px solid;transition:transform .2s ease,box-shadow .2s ease}.expense-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000026}.expense-card--need{border-color:#f88;background:#fff5f5}.expense-card--want{border-color:#88f;background:#f5f5ff}.expense-card--urgent{border-width:4px;animation:urgent-pulse 2s ease-in-out infinite}@keyframes urgent-pulse{0%,to{border-color:#f44}50%{border-color:#faa}}.card-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.card-icon{font-size:2.5rem;flex-shrink:0}.card-title-area{flex:1}.card-title-area h3{margin:0 0 .5rem}.card-badges{display:flex;gap:.5rem;flex-wrap:wrap}.card-badges span{padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;background:#e0e0e0}.card-body{margin:1rem 0}.card-description{margin:0;color:#555}.card-amount{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f5f5f5;border-radius:.5rem;margin:1rem 0}.amount-label{font-weight:500;color:#666}.amount-value{font-size:1.5rem;font-weight:700;color:#333}.card-consequence{background:#fff3e0;padding:1rem;border-radius:.5rem;border-left:4px solid #ff9800;margin:1rem 0}.consequence-label{margin:0 0 .5rem;font-weight:600;color:#e65100;font-size:.85rem}.consequence-text{margin:0 0 .5rem;font-size:.9rem}.consequence-impact{margin:0;font-size:.85rem;font-weight:500}.impact-value{font-weight:700}.card-actions{display:flex;gap:.75rem;margin-top:1rem}.card-secondary-actions{display:flex;gap:.5rem;margin-top:.5rem}.budget-zones-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000}.budget-zones-modal{background:#fff;border-radius:1rem;width:90%;max-width:600px;padding:2rem;max-height:90vh;overflow-y:auto}.budget-zone{padding:1.5rem;border-radius:.75rem;margin-bottom:1.5rem;border:3px solid}.budget-zone--needs{background:#fee;border-color:#f88}.budget-zone--wants{background:#eef;border-color:#88f}.budget-zone--savings{background:#efe;border-color:#8f8}.zone-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.zone-icon{font-size:2.5rem}.zone-info h3{margin:0 0 .25rem}.zone-info p{margin:0;font-size:.9rem;opacity:.8}.zone-amount{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:1.5rem;font-weight:700}.amount{color:#333}.percentage{font-size:1.1rem;opacity:.7}.zone-slider{width:100%;margin:.5rem 0}.budget-display{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;padding:1rem;background:#f8f9fa;border-radius:.75rem}.budget-card{background:#fff;border-radius:.5rem;padding:1rem;border:2px solid;transition:transform .2s}.budget-card:hover{transform:translateY(-2px)}.budget-card--needs{border-color:#f88}.budget-card--wants{border-color:#88f}.budget-card--savings{border-color:#8f8}.budget-card--total{border-color:orange;background:#fff8f0}.budget-card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.budget-icon{font-size:1.5rem}.budget-label{font-size:.85rem;font-weight:600;color:#666}.budget-amount{font-size:1.25rem;font-weight:700;color:#333}.day-results{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000}.results-modal{background:#fff;border-radius:1rem;width:90%;max-width:700px;max-height:90vh;overflow-y:auto;padding:2rem}.results-image{text-align:center;margin-bottom:2rem}.celebration-icon,.concern-icon{font-size:5rem;animation:icon-bounce .6s ease-out}@keyframes icon-bounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.results-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem}.stat-icon{font-size:2rem}.results-budget{background:#f8f9fa;padding:1.5rem;border-radius:.75rem;margin-bottom:2rem}.budget-summary h3{margin:0 0 1rem}.summary-row{display:flex;justify-content:space-between;padding:.75rem;border-bottom:1px solid #ddd}.summary-row--highlight{background:#e8f5e9;font-weight:700;border-radius:.5rem;border:2px solid #4caf50;margin-top:.5rem}.summary-row--total{font-size:1.2rem;font-weight:700;margin-top:1rem;padding-top:1rem;border-top:2px solid #333}.summary-row.negative{color:#dc2626}.results-feedback{margin-top:1.5rem}.feedback{padding:1rem;border-radius:.5rem;margin-bottom:1rem}.feedback--positive{background:#e8f5e9;color:#2e7d32;border-left:4px solid #4caf50}.feedback--warning{background:#fff3e0;color:#e65100;border-left:4px solid #ff9800}.feedback--negative{background:#ffebee;color:#c62828;border-left:4px solid #f44336}.game-over{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:1000}.game-over-modal{background:#fff;border-radius:1rem;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;padding:2rem}.game-over-image{text-align:center;margin-bottom:2rem}.victory-animation,.defeat-animation{animation:result-entrance .8s ease-out}@keyframes result-entrance{0%{transform:scale(0) rotate(-180deg);opacity:0}50%{transform:scale(1.2) rotate(10deg)}to{transform:scale(1) rotate(0);opacity:1}}.victory-icon,.defeat-icon{font-size:6rem;display:block;margin-bottom:1rem}.victory-title,.defeat-title{margin:0;font-size:2.5rem}.final-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#f5f5f5;padding:1.5rem;border-radius:.75rem;display:flex;gap:1rem;align-items:flex-start}.stat-content{flex:1}.stat-grade{margin:0;font-size:.9rem;font-weight:600;color:#4caf50}.final-summary{background:#f8f9fa;padding:2rem;border-radius:.75rem;margin-bottom:2rem}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.summary-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:#fff;border-radius:.5rem}.summary-item--highlight{border:2px solid #4caf50;background:#e8f5e9}.summary-icon{font-size:2rem}.summary-label{font-size:.85rem;color:#666;text-align:center}.summary-value{font-size:1.3rem;font-weight:700;color:#333}.final-message{margin-top:2rem;padding:1.5rem;background:#e3f2fd;border-radius:.75rem}.message-title{margin:0 0 1rem;font-size:1.5rem;color:#1976d2}.message-text{margin:0;line-height:1.6}.final-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.freelance-panel{max-width:600px}.freelance-game{text-align:center;padding:2rem}.freelance-timer{margin-bottom:2rem}.timer-label{font-size:.9rem;color:#666;margin-bottom:.5rem}.timer-value{font-size:3rem;font-weight:700;color:#333}.freelance-work-button{width:200px;height:200px;border-radius:50%;border:5px solid #4CAF50;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;margin:2rem auto;transition:all .2s ease;box-shadow:0 8px 20px #4caf504d}.freelance-work-button:hover{transform:scale(1.05);box-shadow:0 12px 30px #4caf5066}.freelance-work-button:active{transform:scale(.95)}.work-button-icon{font-size:3rem}.work-button-text{font-size:1.2rem;font-weight:700}.work-button-count{font-size:.9rem;opacity:.9}.freelance-earnings{background:#f5f5f5;padding:1rem;border-radius:.75rem;margin:2rem 0}.freelance-earnings p{margin:.25rem 0}.earnings-rate{font-size:.85rem;color:#666}.freelance-tip{background:#fff3e0;padding:1rem;border-radius:.5rem;border-left:4px solid #ff9800}.freelance-tip p{margin:0;font-size:.9rem;color:#e65100}.freelance-result{text-align:center;padding:2rem}.freelance-result-icon{font-size:5rem;margin-bottom:1rem}.freelance-note{margin:1rem 0;color:#666}.freelance-warning{background:#fff3e0;padding:1rem;border-radius:.5rem;margin:1.5rem 0;border-left:4px solid #ff9800}.freelance-warning p{margin:.25rem 0}.main-menu{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2)}.menu-background{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.1}.menu-content{position:relative;z-index:10;text-align:center;color:#fff}.game-logo{margin-bottom:3rem}.game-logo h1{margin:0;font-size:3rem;text-shadow:0 4px 8px rgba(0,0,0,.3)}.game-logo p{margin:.5rem 0 0;font-size:1.2rem;opacity:.9}.menu-buttons{display:flex;flex-direction:column;gap:1rem;min-width:300px}.menu-character{margin-top:2rem;font-size:5rem;animation:character-float 3s ease-in-out infinite}@keyframes character-float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.tutorial-mode{width:100%;height:100%;display:flex;flex-direction:column;background:#0f3460}.tutorial-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#000c;color:#fff;border-bottom:2px solid #16213e}.tutorial-info{display:flex;gap:2rem;font-size:1rem}.tutorial-step{font-weight:700;color:gold}.tutorial-income{color:#4caf50;font-weight:700}.interactive-zone{position:absolute;padding:2rem;border-radius:1rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;border:3px solid}.interactive-zone:hover{transform:scale(1.05);box-shadow:0 10px 30px #0000004d}.interactive-zone--assistant{background:#ffd70033;border-color:gold}.interactive-zone--needs_zone{background:#f883;border-color:#f88}.interactive-zone--wants_zone{background:#88f3;border-color:#88f}.interactive-zone--savings_zone{background:#8f83;border-color:#8f8}.interactive-zone--budget_table{background:#ffa50033;border-color:orange}.tutorial-controls{text-align:center;padding:1rem;background:#0009;color:#fff}.game-mode{width:100%;height:100%;display:flex;flex-direction:column;background:linear-gradient(135deg,#1e3c72,#2a5298)}.game-header{padding:1.5rem 2rem;background:#000c;color:#fff;border-bottom:2px solid rgba(255,255,255,.1)}.game-info{display:flex;justify-content:space-between;align-items:center}.game-info h2{margin:0;color:gold}.game-content{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;overflow-y:auto}.cards-area{width:100%;max-width:1400px}.cards-hand{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;padding:1rem}.day-complete{text-align:center;padding:3rem;background:#fffffff2;border-radius:1rem;max-width:600px;margin:0 auto}.day-complete h2{margin:0 0 1rem;color:#4caf50}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes slideUp{0%{transform:translate(-50%) translateY(20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes altarPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.15);opacity:1}}.puzzle-overlay{z-index:1000}.puzzle-panel{max-width:700px}.puzzle-panel-playing{max-width:1000px;max-height:none;overflow:visible;position:relative}.puzzle-header-close-btn{background:transparent;border:none;font-size:20px;cursor:pointer;padding:4px 8px}.puzzle-intro-content{padding:24px}.puzzle-intro-center{text-align:center;margin-bottom:24px}.puzzle-intro-icon{font-size:64px;margin-bottom:16px}.puzzle-intro-title{margin-bottom:16px}.puzzle-intro-description{font-size:16px;line-height:1.6;margin-bottom:24px}.puzzle-mission-box{background:#fff3e0;padding:16px;border-radius:8px;margin-bottom:16px;border:2px solid #FF9800}.puzzle-mission-title{margin-bottom:12px;color:#e65100}.puzzle-mission-list{padding-left:20px;margin:0;font-size:14px}.puzzle-controls-box{background:#e3f2fd;padding:16px;border-radius:8px;margin-bottom:24px;border:2px solid #2196F3}.puzzle-controls-title{margin-bottom:12px}.puzzle-controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:14px}.puzzle-start-button{width:100%;padding:16px;font-size:18px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:700;box-shadow:0 4px 15px #667eea66}.puzzle-progress-bar{padding:12px;background:#263238;display:flex;gap:16px;justify-content:space-between;align-items:center;border-radius:8px 8px 0 0}.puzzle-lives-container{display:flex;flex-direction:column;align-items:center;min-width:140px}.puzzle-lives-label{font-size:11px;color:#fff;margin-bottom:4px;font-weight:700}.puzzle-lives-hearts{display:flex;gap:4px;background:#1a1a1a;padding:6px 10px;border-radius:4px;border:2px solid #f44336}.puzzle-heart{font-size:18px;transition:all .2s}.puzzle-heart-empty{opacity:.2}.puzzle-heart-invulnerable{filter:drop-shadow(0 0 4px #ff0)}.puzzle-altar-progress{flex:1;max-width:180px}.puzzle-altar-header{display:flex;justify-content:space-between;margin-bottom:4px;font-size:13px;color:#fff}.puzzle-altar-label{font-weight:700}.puzzle-altar-value-complete{color:#4caf50}.puzzle-altar-bar-bg{width:100%;height:8px;background:#37474f;border-radius:4px;overflow:hidden}.puzzle-altar-bar-fill{height:100%;transition:all .3s ease}.puzzle-altar-bar-fill-complete{background:#4caf50}.puzzle-altar-bar-fill-progress{background:#ffc107}.puzzle-controls-buttons{display:flex;gap:8px;align-items:center}.puzzle-enemy-counter{font-size:13px;background:#f44336;color:#fff;padding:4px 10px;border-radius:4px;font-weight:700}.puzzle-hint-button{background:#ffc107;border:none;font-size:13px;cursor:pointer;padding:5px 10px;border-radius:4px;font-weight:700}.puzzle-close-button{background:#f44336;color:#fff;border:none;font-size:16px;cursor:pointer;padding:4px 10px;border-radius:4px;font-weight:700}.puzzle-hint-banner{padding:12px;background:#fff9c4;border-bottom:2px solid #FFC107;font-size:13px}.puzzle-map-container{padding:16px;display:flex;justify-content:center;background:#1a1a1a}.puzzle-map{position:relative;background-size:cover;background-position:center;border:4px solid #444;border-radius:8px;overflow:hidden;image-rendering:pixelated}.puzzle-altar-marker{position:absolute;box-sizing:border-box;display:flex;align-items:center;justify-content:center;pointer-events:none;animation:altarPulse 2s ease-in-out infinite}.puzzle-altar-inner{width:60%;height:60%;border-radius:50%;animation:altarPulse 2s ease-in-out infinite reverse}.puzzle-box{position:absolute;display:flex;align-items:center;justify-content:center;transition:all .15s ease-out;z-index:10;margin:3px}.puzzle-box-sprite{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.puzzle-enemy{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:32px;z-index:15;filter:drop-shadow(2px 2px 4px rgba(255,0,0,.6));transition:all .15s ease-out}.puzzle-enemy-left{transform:scaleX(-1)}.puzzle-enemy-right{transform:scaleX(1)}.puzzle-enemy-hp-bar{position:absolute;bottom:-8px;width:80%;height:4px;background:#333;border-radius:2px;overflow:hidden}.puzzle-enemy-hp-fill{height:100%;background:#f44336;transition:width .2s}.puzzle-projectile{position:absolute;width:24px;height:24px;font-size:24px;z-index:20;filter:drop-shadow(0 0 8px rgba(255,100,0,.8))}.puzzle-player{position:absolute;display:flex;align-items:center;justify-content:center;font-size:36px;z-index:25}.puzzle-player-moving{transition:all .15s ease-out}.puzzle-player-normal{filter:drop-shadow(2px 2px 6px rgba(138,43,226,.8))}.puzzle-player-invulnerable{filter:drop-shadow(0 0 8px #ff0)}.puzzle-player-sprite{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.puzzle-tip-banner{position:absolute;bottom:50px;left:50%;transform:translate(-50%);background:#1a2330f2;color:#fff;padding:12px 24px;border-radius:8px;font-size:15px;font-weight:700;box-shadow:0 4px 20px #00000080;border:2px solid #4CAF50;z-index:1000;max-width:80%;text-align:center;animation:slideUp .3s ease-out}.puzzle-solved-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#4caf5066;display:flex;align-items:center;justify-content:center;font-size:48px;z-index:100;color:#fff;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.puzzle-nearby-object{padding:10px 12px;background:#1a2332;border-top:2px solid #FFC107;display:flex;align-items:center;gap:10px;margin-bottom:9%}.puzzle-nearby-emoji{font-size:32px;flex-shrink:0;animation:bounce .6s infinite}.puzzle-nearby-content{flex:1}.puzzle-nearby-name{font-size:12px;color:#ffc107;margin-bottom:2px;font-weight:700}.puzzle-nearby-description{font-size:12px;color:#fff;line-height:1.3}.puzzle-nearby-meta{font-size:10px;color:#888;margin-top:2px}.puzzle-footer-controls{padding:12px;background:#263238;text-align:center;font-size:13px;border-top:2px solid #37474f;color:#fff}.puzzle-complete-content{padding:32px;text-align:center}.puzzle-complete-icon{font-size:80px;margin-bottom:24px}.puzzle-complete-title{margin-bottom:16px;font-size:24px}.puzzle-complete-description{font-size:16px;line-height:1.6;margin-bottom:24px}.puzzle-lesson-box{background:#e8f5e9;padding:16px;border-radius:8px;margin-bottom:24px;border:2px solid #4CAF50;text-align:left}.puzzle-lesson-box-gameover{background:#ffeb3b;border:2px solid #FF9800}.puzzle-lesson-title{margin:0 0 12px;font-size:15px;font-weight:700}.puzzle-lesson-text{margin:0;font-size:14px;line-height:1.5}.puzzle-complete-button{width:100%;padding:16px;font-size:18px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:700;box-shadow:0 4px 15px #667eea66}.loan-game-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:50}.loan-game-window{background-image:url(/assets/table-CwjzCNVJ.png);background-repeat:repeat;background-size:100% 100%;background-position:center top;padding:24px 24px 20px;width:600px;max-width:95vw;max-height:90vh;border-radius:16px;box-shadow:0 18px 40px #00000073;overflow-y:auto;color:#fff;position:relative}.loan-game-window:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(145deg,#0d47a18c,#1a237ecc);mix-blend-mode:soft-light;pointer-events:none;z-index:-1}.module-title{font-size:22px;margin-bottom:8px}.loan-title{font-size:24px;margin-bottom:8px}.intro{text-align:center}.loan-subtitle{margin-bottom:20px;color:#e3f2fd;font-size:15px}.module-desc{color:#e3f2fd;font-size:14px;margin-bottom:16px}.loan-progress{font-size:13px;color:#bbdefb;opacity:.9;margin-bottom:6px}.loan-question{background:#081428d9;border-radius:12px;padding:16px 16px 14px;border:1px solid rgba(187,222,251,.35);box-shadow:0 8px 18px #00000059;margin-top:4px;margin-bottom:18px}.loan-question-label{font-size:15px;margin-bottom:14px;color:#e3f2fd}.loan-options{display:flex;flex-direction:column;gap:10px}.loan-option-btn{width:100%;text-align:left;background:#fffffff5;color:#0d1b2a;padding:10px 12px;border-radius:10px;border:1px solid rgba(144,164,174,.8);font-size:14px;line-height:1.4;cursor:pointer;transition:transform .08s ease,box-shadow .08s ease,background .12s ease,border-color .12s ease;position:relative}.loan-option-btn:before{content:"";position:absolute;left:8px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:999px;background:#607d8bcc}.loan-option-btn span{display:inline-block}.loan-option-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 10px #0000002e;background:#fff}.loan-option-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #0003}.loan-option-btn.selected{border-color:#1976d2;background:#e3f2fd}.loan-option-btn.correct{border-color:#2e7d32;background:#e8f5e9}.loan-option-btn.correct:before{background:#2e7d32}.loan-option-btn.wrong{border-color:#c62828;background:#ffebee}.loan-option-btn.wrong:before{background:#c62828}.loan-finish-btn{padding:10px 20px;font-size:15px;background:linear-gradient(135deg,#43a047,#2e7d32);color:#fff;border-radius:10px;cursor:pointer;border:none;margin-top:6px;box-shadow:0 6px 14px #00000059;transition:transform .08s ease,box-shadow .08s ease,opacity .12s ease}.loan-finish-btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px #00000073}.loan-finish-btn:active{transform:translateY(0);box-shadow:0 4px 8px #0006}.loan-finish-btn.disabled{background:gray;pointer-events:none;opacity:.7}.loan-next-module-btn{display:inline-block}.loan-hint-box{background:#fff9c4;border-left:4px solid #ffcc00;padding:10px;margin-bottom:10px;border-radius:6px;font-size:13px;color:#795548}.loan-feedback-box{background:#e3f2fd;border-left:4px solid #2196f3;padding:10px;margin-bottom:12px;border-radius:6px;font-size:13px;color:#0d47a1;white-space:pre-line}.loan-summary{background:#f1f8e9;padding:12px;border-radius:6px;margin-bottom:10px;border-left:3px solid #4caf50;color:#33691e}.loan-cards{display:flex;gap:10px;margin-bottom:20px}.loan-card{background:#fff!important;padding:10px 15px!important;border-radius:8px!important;cursor:default;-webkit-user-select:none;user-select:none;min-height:auto!important;color:#000!important}.loan-dropzones{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:20px}.dropzone{border:2px dashed #c4bfbf;padding:20px;border-radius:8px;text-align:center;color:#e3f2fd}@media(max-width:768px){.loan-game-window{width:calc(100vw - 32px);padding:18px 16px}.loan-question{padding:14px 12px}.loan-option-btn{font-size:13px;padding:8px 10px 8px 16px}}.loan-options-scrollable{max-height:250px;overflow-y:auto;padding-right:8px}.loan-options-scrollable::-webkit-scrollbar{width:6px}.loan-options-scrollable::-webkit-scrollbar-thumb{background:#bbdefb66;border-radius:10px}.snake-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000073;display:flex;justify-content:center;align-items:center;z-index:999}.snake-window{background-image:url(/assets/Tv_1-DrPhJXZQ.png);background-repeat:no-repeat;background-size:100% 100%;background-position:center top;padding:30px;border-radius:18px;width:1000px;height:800px;text-align:center;box-shadow:0 10px 40px #0003}.snake-window h2{margin-bottom:8px;font-weight:700}.description{font-size:15px;color:#fff;margin-bottom:12px}.score-box{margin:67px auto 10px;background:#ffffff1f;padding:8px 12px;font-size:18px;width:fit-content;border-radius:10px;box-shadow:inset 0 0 10px #0000000f;color:#fff}canvas{background:#fafafa1e;border-radius:10px;box-shadow:0 0 10px #00000014;margin-top:100px}.legend{margin-top:12px;text-align:left;font-size:14px}.container-intro{margin-top:150px;color:#fff}.good{color:#2ecc71;font-weight:600}.bad{color:#e74c3c;font-weight:600}.good-box{margin-top:8px;font-weight:700;color:#27ae60}.bad-box{margin-top:10px;font-weight:700;color:#c0392b}.game-over{margin-top:18px}.snake-btn{margin:10px;padding:10px 20px;border-radius:10px;background:#3498db;color:#fff;border:none;cursor:pointer;font-size:15px;transition:.2s}.snake-btn:hover{background:#2d7fc1}.finish{background:#2ecc71}.finish:hover{background:#25a75a}.needs-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:4000}.needs-window{background-image:url(/assets/board-C-be-yr_.png);background-repeat:repeat;background-size:100% 100%;background-position:center top;padding:8px 65px 1px;border-radius:14px;width:920px;height:800px;box-shadow:0 10px 30px #00000059;animation:fadeIn .3s ease}@media(max-width:900px){.needs-window{width:1320px;height:500px;overflow-y:auto}.col-list{max-height:none!important;overflow-y:auto;padding-right:10px}}.needs-columns{display:grid;grid-template-columns:38% 62%;gap:20px}.col-info{color:#fff;padding-right:15px;border-right:2px solid rgba(255,255,255,.12)}.col-info h2{margin-bottom:10px;font-size:26px}.income strong{color:#7a4cff}.instructions{margin:12px 0 20px;color:#fff}.needs-btn{width:100%;padding:12px;border-radius:10px;border:none;background:#5f4c22;color:#fff;font-size:16px;cursor:pointer;margin-top:12px}.needs-btn:hover{background:#3f331a;transition:background-color .3s ease;transform:scale(1.02)}.needs-btn.yes{background:#00c853}.needs-btn.no{background:#ff5252}.needs-btn.finish{background:#00e676;margin-top:25px}.col-list{max-height:90vh;overflow-y:auto;padding-right:10px}.list{margin-top:10px;display:flex;flex-direction:column;gap:8px}.item{text-align:center;padding:12px 15px;border-radius:10px;cursor:grab;-webkit-user-select:none;user-select:none;font-size:15px;border:1px solid rgba(255,255,255,.05);transition:transform .25s ease,background-color .25s ease,opacity .25s ease,box-shadow .25s ease}.item:hover{transform:scale(1.02)}.item.dragging{opacity:.5;transform:scale(.95);cursor:grabbing;box-shadow:0 6px 14px #0000004d}.type-essential{background:#ffe5e5}.type-important{background:#fff7cc}.type-variable{background:#e8f3ff}.type-capricho{background:#f4e8ff}.result-message{background:#283044;color:#e3f2fd;padding:15px;border-radius:10px;font-size:16px;white-space:pre-line}.question{margin-top:15px;color:#e3e3e3}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.col-list::-webkit-scrollbar{width:10px}.col-list::-webkit-scrollbar-track{background:#15171d00;border-radius:10px}.col-list::-webkit-scrollbar-thumb{background:#5f4c22;border-radius:10px;border:2px solid #15171d00}.col-list::-webkit-scrollbar-thumb:hover{background:#9b6eff}.interest-runner-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;justify-content:center;align-items:center;z-index:5000}.game-window{background:#1d1f27;padding:20px;border-radius:12px}.unit3-game-container .minigame-containert{width:60%;max-width:5300px;animation:minigame-appear .3s ease-out;overflow-y:auto;align-items:center}@media(max-height:900px)and (orientation:landscape){.unit3-game-container .minigame-containert{width:150%;transform:scale(.6);transform-origin:center}}.intro-window{background:#1d1f27;color:#fff;padding:22px;border-radius:12px;width:480px;text-align:center}.intro-window button,.end-screen button{margin-top:15px;padding:11px 20px;background:#7a4cff;color:#fff;border:none;border-radius:8px;cursor:pointer}.question-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:2000}.modal-box{background:#fff;padding:25px;border-radius:12px;width:450px;text-align:center}.modal-box button{margin:10px;padding:12px 20px;font-size:16px;border-radius:8px;border:none;cursor:pointer}.explanation{margin-top:10px;font-weight:700}.final-text{font-size:20px;font-weight:700;margin-bottom:15px;color:#fff;text-align:center}.final-loan-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,#1c1c254f,#0d0d1233);display:flex;justify-content:center;align-items:center;padding:40px;z-index:200;font-family:Poppins,sans-serif;color:#fff}.loan-stage{position:relative;width:min(1100px,92vw);height:min(720px,90vh);display:flex;align-items:center;justify-content:center}.side-card-layer{position:absolute;top:0;right:0;bottom:0;left:0}.loan-card{background:#fafafa;color:#333;width:420px;min-height:520px;padding:30px;border-radius:20px;border:3px solid #d6d6d6;box-shadow:0 18px 40px #00000073;cursor:grab;transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;touch-action:none}.loan-card:active{cursor:grabbing;transform:scale(1.03)}.loan-card h2{font-size:26px;margin-bottom:12px;text-align:center}.loan-card h3{margin-top:18px;font-size:19px;font-weight:600;color:#222}.loan-card p{font-size:15px;line-height:1.4}.loan-card ul{margin-top:10px;padding-left:18px}.swipe-hint{text-align:center;font-size:14px;margin-top:16px;color:#444}.side-card{position:absolute;width:260px;padding:18px;background:#ffffffcb;border:2px solid rgb(255,255,255);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#100;border-radius:16px;font-size:15px;text-align:center;transition:.2s ease;pointer-events:auto;z-index:100;cursor:pointer;outline:none}.side-card:hover{transform:scale(1.05)}.side-card:focus-visible{outline:3px solid #2563eb}.side-left{left:5%;top:50%;transform:translateY(-50%)}.side-right{right:5%;top:50%;transform:translateY(-50%)}.side-up{top:-5%;left:50%;transform:translate(-50%)}.side-down{bottom:-5%;left:50%;transform:translate(-50%)}.side-card.highlight{transform:scale(1.12);font-weight:700;background:#ffffff40;border:3px solid #fff}.side-right.highlight{box-shadow:0 0 20px 6px #00ff00b3}.side-left.highlight{box-shadow:0 0 20px 6px #ff0000b3}.side-up.highlight{box-shadow:0 0 20px 6px #0096ffb3}.side-down.highlight{box-shadow:0 0 20px 6px #ffc800b3}.feedback-box{position:absolute;bottom:30px;left:50%;transform:translate(-50%);background:#fff;color:#222;padding:14px 22px;border-radius:14px;font-weight:600;border:2px solid #ddd;box-shadow:0 8px 25px #0006;animation:fadeInScale .4s ease forwards}@keyframes fadeInScale{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.final-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000c7;display:flex;justify-content:center;align-items:center;z-index:300}.final-box{width:500px;padding:30px;border-radius:22px;text-align:center;animation:dropIn .45s ease-out forwards;color:#fff}@keyframes dropIn{0%{opacity:0;transform:translateY(-40px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.final-box.success{background:linear-gradient(135deg,#22c55e,#15803d)}.final-box.medium{background:linear-gradient(135deg,#facc15,#d97706)}.final-box.fail{background:linear-gradient(135deg,#ef4444,#991b1b)}.score{margin-top:10px;font-size:20px;font-weight:700}.final-buttons{margin-top:20px;display:flex;gap:18px;justify-content:center}.retry-btn,.finish-btn{padding:12px 20px;border-radius:10px;cursor:pointer;border:none;font-size:16px;font-weight:600;transition:.2s ease}.retry-btn{background:#fff;color:#d32f2f}.retry-btn:hover{background:#ffe7e7}.finish-btn{background:#fff;color:#1e3a8a}.finish-btn:hover{background:#e0ebff}@media(max-width:900px){.final-loan-overlay{padding:16px 12px;align-items:flex-start;justify-content:center;overflow-y:auto}.loan-stage{width:100%;max-width:520px;height:auto;padding:10px 0 18px;display:flex;flex-direction:column;gap:12px}.side-card-layer{position:static;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.loan-card{width:100%!important;min-height:auto;height:auto;max-height:70vh;padding:18px;transform:none!important;overflow-y:auto}.loan-card h2{font-size:22px;margin-bottom:8px}.loan-card h3{font-size:16px;margin-top:12px}.loan-card p{font-size:13px}.loan-card ul{padding-left:15px;font-size:13px}.side-card{position:relative;width:100%;max-width:none;padding:10px 12px;font-size:12px;line-height:1.3;background:#fffffff5;z-index:250;transform:none!important}.side-left,.side-right,.side-up,.side-down{left:auto;right:auto;top:auto;bottom:auto;transform:none}.feedback-box{position:static;transform:none;width:100%;text-align:center;margin-top:10px}.final-box{width:90%;padding:20px}}.links-game-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a0ab3;display:flex;align-items:center;justify-content:center;z-index:999}.links-game-phone-shell{padding:8px}.links-game-phone-bezel{width:360px;max-width:90vw;min-height:480px;max-height:90vh;background:#222;border-radius:32px;padding:18px 16px 22px;box-shadow:0 0 0 4px #111,0 12px 24px #0009;display:flex;flex-direction:column;margin-left:auto;margin-right:auto}@media(min-width:1024px){.links-game-phone-bezel{width:380px;min-height:520px}}.links-game-phone-speaker{width:80px;height:6px;margin:0 auto 12px;border-radius:999px;background:#000}.links-game-phone-home-btn{width:70px;height:9px;margin:14px auto 0;border-radius:999px;background:#000}.links-game-card{background:#111;border-radius:22px;padding:14px 18px;border:2px solid #444;color:#f5f5f5;font-family:"Press Start 2P",VT323,monospace;display:flex;flex-direction:column;flex:1}.links-game-phone-header{display:flex;justify-content:space-between;font-size:11px;margin-bottom:8px;color:#9be15d}.links-game-title{font-size:13px;text-align:center;margin:4px 0 12px;letter-spacing:1px}.links-game-body{flex:1;display:flex;flex-direction:column}.links-game-subtitle{font-size:10px;line-height:1.5;margin-bottom:12px}.links-game-message{display:flex;justify-content:flex-start;margin-bottom:12px}.links-game-message-bubble{background:#222;border-radius:14px;padding:10px 12px;border:1px solid #555}.links-game-message-title{font-size:10px;display:block;margin-bottom:4px}.links-game-message-text{font-size:10px;margin-bottom:6px}.links-game-link{display:block;font-size:9px;background:#000;padding:4px 5px;border-radius:6px;margin-top:2px}.links-game-bottom{margin-top:auto;padding-top:8px}.links-game-buttons{display:flex;gap:8px;margin-bottom:8px}.links-game-btn{flex:1;border:1px solid #666;background:#111;font-size:9px;padding:8px 4px;cursor:pointer;text-transform:uppercase;color:#fff}.links-game-btn--safe{border-color:#65ff8f}.links-game-btn--danger{border-color:#ff6565}.links-game-btn:hover{background:#1e1e1e}.links-game-progress{font-size:9px;text-align:center;opacity:.9}.links-game-feedback{flex:1;display:flex;flex-direction:column;justify-content:center}.links-game-feedback-text{font-size:10px;line-height:1.6}.links-game-next-hint{display:block;margin-top:10px;font-size:9px;text-align:center;opacity:.85}.qr-fake-box{width:80px;height:80px;margin:6px auto 0;background:repeating-linear-gradient(45deg,#000,#000 4px,#222 4px,#222 8px);border-radius:6px;display:flex;align-items:center;justify-content:center;border:2px solid #888}.qr-fake-label{font-size:10px;background:#111;padding:2px 4px}.unit4-game-container{position:relative;display:flex;justify-content:center;align-items:flex-start;padding:16px 0 32px;overflow:hidden}.unit4-game-inner{transform-origin:top center}.unit4-game-inner .tile-map{image-rendering:pixelated}@media(max-width:1280px){.unit4-game-inner{transform:scale(.7)}}@media(max-width:1024px){.unit4-game-inner{transform:scale(.8)}}.td-overlay{position:relative;background:transparent;z-index:auto;display:flex;justify-content:center;align-items:flex-start;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.td-panel{width:100%;max-width:1200px;background:radial-gradient(circle at top left,#0b1220 0,#020617 45%,#020617);border-radius:24px;overflow:hidden;position:relative;box-shadow:0 20px 60px #0f172ae6,0 0 0 1px #94a3b859;border:1px solid rgba(148,163,184,.45)}.td-intro-content{text-align:center;padding:40px 32px 48px;color:#e2e8f0}.td-intro-title{font-size:32px;font-weight:800;color:#f9fafb;margin-bottom:10px}.td-intro-description{font-size:18px;color:#cbd5f5;margin-bottom:24px;max-width:640px;margin-inline:auto}.td-start-button{padding:12px 28px;background:linear-gradient(135deg,#4ade80,#22c55e);color:#022c22;border:none;font-size:18px;font-weight:700;border-radius:999px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,filter .15s ease;box-shadow:0 14px 30px #22c55e80}.td-start-button:hover{transform:translateY(-2px);filter:brightness(1.05);box-shadow:0 18px 40px #22c55eb3}.td-header{height:64px;background:linear-gradient(90deg,#020617,#020617 40%,#0b1120);display:flex;justify-content:space-between;align-items:center;padding:0 22px;color:#fff;font-size:15px;border-bottom:1px solid rgba(30,64,175,.8)}.td-header-left,.td-header-right{display:flex;gap:14px;align-items:center}.td-stat{padding:6px 12px;border-radius:999px;background:#0f172acc;font-size:13px;display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(148,163,184,.6)}.td-stat:first-child{border-color:#38bdf8e6}.td-stat:nth-child(2){border-color:#34d399e6}.td-close-button{background:#ef4444;color:#fff;border:none;padding:6px 14px;font-size:13px;border-radius:999px;cursor:pointer;transition:background .15s ease,transform .1s ease,box-shadow .15s ease;box-shadow:0 10px 22px #ef44448c}.td-close-button:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 16px 30px #ef4444b3}.td-battlefield{margin:22px auto 18px;border-radius:18px;background-size:cover;background-position:center;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #0f172acc,0 0 0 1px #94a3b8cc;border:2px solid rgba(30,64,175,.9)}.td-battlefield--mobile{touch-action:manipulation}.td-battlefield-blur{filter:blur(1.5px) brightness(.9)}.td-lane{position:absolute;left:0;right:0;border-bottom:1px dashed rgba(148,163,184,.3)}.td-player{width:120px;height:120px;position:absolute;transform:translate(-50%,-50%);filter:drop-shadow(0 10px 12px rgba(15,23,42,.8))}.td-player-img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.td-enemy{width:90px;height:90px;position:absolute;transform:translate(-50%,-50%);filter:drop-shadow(0 10px 12px rgba(15,23,42,.85))}.td-enemy-img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.td-question-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:auto}.td-question-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,#0f172a80,#0f172ae6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.td-question-panel{position:relative;width:80%;max-width:640px;background:#0b1120;border-radius:18px;padding:18px 20px 22px;border:1px solid rgba(129,140,248,.9);box-shadow:0 22px 50px #0f172ae6;color:#e5e7eb;z-index:1;display:flex;flex-direction:column;gap:12px}.td-question-panel--mobile{max-height:86vh}.td-question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.td-question-title{font-size:18px;font-weight:700;color:#e5e7eb}.td-question-timer{font-size:14px;padding:4px 10px;border-radius:999px;background:#e0f2fe;color:#0369a1;font-weight:600}.td-timer-warning{background:#fee2e2;color:#b91c1c}.td-question-text{font-size:16px;color:#e5e7eb;margin-bottom:12px}.td-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.td-question-body{display:flex;flex-direction:column;gap:12px}.td-question-body--mobile{max-height:58vh;overflow-y:auto;padding-right:6px}.td-option{padding:10px 12px;font-size:14px;border-radius:10px;border:1px solid #475569;cursor:pointer;background:#020617;text-align:left;color:#e2e8f0;transition:background .15s ease,border-color .15s ease,transform .05s ease,box-shadow .15s ease}.td-option:hover{background:#111827;transform:translateY(-1px);box-shadow:0 8px 18px #0f172acc}.td-option-selected{background:#1e293b;border-color:#60a5fa}.td-option-correct{background:#22c55e!important;border-color:#16a34a!important;color:#fff}.td-option-wrong{background:#ef4444!important;border-color:#b91c1c!important;color:#fff}.td-submit-button{margin-top:14px;padding:10px 18px;font-size:15px;background:#2563eb;color:#fff;border:none;border-radius:999px;cursor:pointer;float:right;box-shadow:0 12px 26px #2563ebb3}.td-submit-button:hover{background:#1d4ed8}.td-result-message{margin-top:14px;font-size:15px;font-weight:600;color:#e5e7eb}.td-end-screen{text-align:center;padding:60px 30px;color:#e5e7eb}.td-end-screen h2{font-size:30px;margin-bottom:10px;color:#f9fafb}.td-end-screen p{font-size:18px;margin-bottom:24px;color:#cbd5f5}.td-end-button{padding:10px 20px;background:#2563eb;color:#fff;border:none;border-radius:999px;font-size:16px;margin:0 6px;cursor:pointer;box-shadow:0 12px 24px #2563ebb3}.td-end-button:hover{background:#1d4ed8}.td-battlefield{cursor:pointer}.unit4-game-container .minigame-container{width:80%;max-width:1300px;background-color:#131b34;border:3px solid #4c6fbf;border-radius:14px;box-shadow:0 0 0 2px #192243,0 12px #0006;animation:minigame-appear .3s ease-out}@media(max-height:500px)and (orientation:landscape){.unit4-game-container .minigame-container{transform:scale(.8);transform-origin:center}}.td-lane,.td-player,.td-player-img,.td-enemy,.td-enemy-img{pointer-events:none}@media(max-width:900px){.td-panel{border-radius:18px}.td-header{padding:0 12px;font-size:13px}.td-stat{padding:4px 8px;font-size:11px}.td-battlefield{width:100%!important;max-width:100%;margin:12px auto 14px}.td-question-panel{width:90%;padding:14px 14px 18px}.td-question-panel--mobile{max-height:78vh}.td-question-text{font-size:14px}.td-question-body--mobile{max-height:52vh}.td-option{font-size:13px}.td-options{grid-template-columns:1fr}}@media(max-height:500px)and (orientation:landscape){.td-tower-defense-container .td-tower-defense-panel{transform:scale(.66);transform-origin:center}}@media(max-width:900px)and (orientation:landscape){.unit-progress-container{display:none}.td-overlay{align-items:stretch}.td-panel{max-width:100%;border-radius:0}.td-battlefield{width:100%!important;aspect-ratio:11 / 4.5}.td-question-panel{max-width:540px}}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;background-color:#f4f6f9;color:#0f172a;--color-primary: #3b82f6;--color-primary-light: rgba(59, 130, 246, .12);--color-primary-dark: #1d4ed8;--color-assessment: #d97706;--color-assessment-light: rgba(217, 119, 6, .12);--color-surface: #f4f6f9;--color-surface-alt: #ffffff;--color-text-primary: #0f172a;--color-text-secondary: #475569;--color-border: rgba(15, 23, 42, .1);--color-chip-bg: rgba(15, 23, 42, .05);--layout-max-width: 1100px;--shadow-sm: 0 10px 30px rgba(15, 23, 42, .08);--shadow-md: 0 18px 40px rgba(15, 23, 42, .12);--shadow-lg: 0 25px 60px rgba(15, 23, 42, .15)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--color-surface)}a{color:inherit}button{font-family:inherit}iframe{width:100%;border:none}@media(max-height:500px)and (orientation:landscape){.minigame-container{transform:scale(.9);transform-origin:center}.minigame-header{padding:1rem 1.25rem}.minigame-content{padding:1.5rem;gap:1rem}.item-emoji-big,.question-emoji{font-size:2.4rem}.item-card,.question-card{padding:1.5rem;margin-bottom:1rem}.choice-btn{padding:1rem}.choice-text{font-size:.9rem}.feedback-box{font-size:.9rem;padding:1.25rem}.tree-growth{font-size:3rem}}@media(max-width:380px){.minigame-content{padding:1.5rem 1rem}.item-emoji-big{font-size:2.6rem}.choice-btn{padding:1rem}.choice-text{font-size:.85rem}}@media(max-width:768px){.minigame-container{transform:scale(.9);transform-origin:top;max-height:90vh;overflow-y:auto}}.minigame-container{width:90%;max-width:600px;background-color:#131b34;border:3px solid #4c6fbf;border-radius:14px;box-shadow:0 0 0 2px #192243,0 12px #0006;animation:minigame-appear .3s ease-out}@keyframes minigame-appear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.minigame-header{background:linear-gradient(180deg,#1e2a47,#131b34);border-bottom:2px solid #4c6fbf;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;gap:.75rem}.minigame-header h2{margin:0;font-family:VCR OSD Mono,monospace;font-size:1.5rem;color:#9bb6ff;text-shadow:2px 2px 0 #000;letter-spacing:1px}.minigame-content{padding:2.5rem 2rem;min-height:400px;display:flex;flex-direction:column;gap:1.25rem;justify-content:flex-start;max-height:70vh;overflow-y:auto}.item-card,.question-card{background:#1e2a47;border:2px solid #2d4074;border-radius:10px;padding:2.5rem 2rem;margin-bottom:2rem;text-align:center}.item-emoji-big,.question-emoji{font-size:4rem;margin-bottom:1.25rem;filter:drop-shadow(2px 2px 0 rgba(0,0,0,.3))}.item-card h3,.question-card h3{margin:0;font-family:VCR OSD Mono,monospace;font-size:1.2rem;color:#e5f0ff;line-height:1.5;text-shadow:1px 1px 0 #000}.choice-buttons{display:flex;flex-direction:column;gap:1rem}.choice-btn{background:#1e2a47;border:2px solid #4c6fbf;border-radius:8px;padding:1.5rem 1.25rem;cursor:pointer;transition:all .2s;text-align:center;position:relative}.choice-btn:hover{background:#253354;border-color:#7a92d4;transform:translateY(-2px)}.choice-btn:active{transform:translateY(0)}.choice-emoji{font-size:2rem;margin-bottom:.75rem;display:block;filter:drop-shadow(1px 1px 0 rgba(0,0,0,.3))}.choice-text{font-family:VCR OSD Mono,monospace;font-size:1.1rem;color:#e5f0ff;margin-bottom:.25rem;text-shadow:1px 1px 0 #000}.choice-hint{font-family:VCR OSD Mono,monospace;font-size:.8rem;color:#7a92d4;margin-top:.5rem}.choice-btn--yes:hover,.choice-btn--need:hover{border-color:#5fb85f}.choice-btn--no:hover,.choice-btn--want:hover{border-color:#6f9bd4}.choice-btn--savings:hover{border-color:#8fb8a8}.feedback-box{background:#1e2a47;border:2px solid #7a92d4;border-radius:10px;padding:1.75rem;font-family:VCR OSD Mono,monospace;font-size:1rem;line-height:1.6;color:#e5f0ff;text-shadow:1px 1px 0 #000;animation:feedback-pop .3s ease-out}@keyframes feedback-pop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.tree-growth{font-size:5rem;margin-bottom:.75rem;filter:drop-shadow(2px 2px 0 rgba(0,0,0,.3));animation:tree-grow .5s ease-out}@keyframes tree-grow{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.minigame-options-scroll,.minigame-scroll-area{max-height:50vh;overflow-y:auto;padding-right:.5rem}
