*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.-right-2{right:-.5rem}.-top-2{top:-.5rem}.bottom-2{bottom:.5rem}.right-2{right:.5rem}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.col-span-2{grid-column:span 2/span 2}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-3{margin-bottom:.75rem;margin-top:.75rem}.-mb-px{margin-bottom:-1px}.-ml-1{margin-left:-.25rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-12{margin-bottom:3rem}.mb-14{margin-bottom:3.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.mr-2{margin-right:.5rem}.mr-4{margin-right:1rem}.ms-auto{margin-inline-start:auto}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-16{margin-top:4rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.\!table{display:table!important}.table{display:table}.\!grid{display:grid!important}.grid{display:grid}.hidden{display:none}.h-0\.5{height:.125rem}.h-1{height:.25rem}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-full{height:100%}.h-px{height:1px}.max-h-\[90vh\]{max-height:90vh}.min-h-screen{min-height:100vh}.w-12{width:3rem}.w-16{width:4rem}.w-2{width:.5rem}.w-3\/4{width:75%}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-full{width:100%}.min-w-0{min-width:0}.min-w-full{min-width:100%}.min-w-max{min-width:max-content}.max-w-2xl{max-width:42rem}.max-w-7xl{max-width:80rem}.max-w-md{max-width:28rem}.flex-1{flex:1 1}.flex-shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.-translate-y-1\.5{--tw-translate-y:-0.375rem}.-translate-y-1\.5,.translate-y-1\.5{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-1\.5{--tw-translate-y:0.375rem}.-rotate-45{--tw-rotate:-45deg}.-rotate-45,.rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate:45deg}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-spin{animation:spin 1s linear infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.-space-x-px>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(-1px*(1 - var(--tw-space-x-reverse)));margin-right:calc(-1px*var(--tw-space-x-reverse))}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.25rem*var(--tw-space-x-reverse))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.75rem*var(--tw-space-x-reverse))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1.5rem*var(--tw-space-x-reverse))}.space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(2rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(2rem*var(--tw-space-x-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(2rem*var(--tw-space-y-reverse));margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.divide-gray-200>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:#e5e7eb;border-color:rgb(229 231 235/var(--tw-divide-opacity,1))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.text-nowrap{text-wrap:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-l-md{border-bottom-left-radius:.375rem;border-top-left-radius:.375rem}.rounded-r-md{border-bottom-right-radius:.375rem;border-top-right-radius:.375rem}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-4{border-width:4px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-t{border-top-width:1px}.border-blue-200{--tw-border-opacity:1;border-color:#bfdbfe;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.border-blue-500{--tw-border-opacity:1;border-color:#3b82f6;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.border-blue-600{--tw-border-opacity:1;border-color:#2563eb;border-color:rgb(37 99 235/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:#e5e7eb;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:#d1d5db;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-green-200{--tw-border-opacity:1;border-color:#bbf7d0;border-color:rgb(187 247 208/var(--tw-border-opacity,1))}.border-purple-500{--tw-border-opacity:1;border-color:#a855f7;border-color:rgb(168 85 247/var(--tw-border-opacity,1))}.border-red-200{--tw-border-opacity:1;border-color:#fecaca;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.border-transparent{border-color:#0000}.border-white{--tw-border-opacity:1;border-color:#fff;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-yellow-200{--tw-border-opacity:1;border-color:#fef08a;border-color:rgb(254 240 138/var(--tw-border-opacity,1))}.border-t-transparent{border-top-color:#0000}.bg-black{--tw-bg-opacity:1;background-color:#000;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-blue-100{--tw-bg-opacity:1;background-color:#dbeafe;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:#eff6ff;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-blue-500{--tw-bg-opacity:1;background-color:#3b82f6;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-blue-600{--tw-bg-opacity:1;background-color:#2563eb;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-current{background-color:currentColor}.bg-gray-100{--tw-bg-opacity:1;background-color:#f3f4f6;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:#e5e7eb;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:#f9fafb;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-gray-500{--tw-bg-opacity:1;background-color:#6b7280;background-color:rgb(107 114 128/var(--tw-bg-opacity,1))}.bg-green-100{--tw-bg-opacity:1;background-color:#dcfce7;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.bg-green-200{--tw-bg-opacity:1;background-color:#bbf7d0;background-color:rgb(187 247 208/var(--tw-bg-opacity,1))}.bg-green-400{--tw-bg-opacity:1;background-color:#4ade80;background-color:rgb(74 222 128/var(--tw-bg-opacity,1))}.bg-green-50{--tw-bg-opacity:1;background-color:#f0fdf4;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.bg-green-500{--tw-bg-opacity:1;background-color:#22c55e;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-green-600{--tw-bg-opacity:1;background-color:#16a34a;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.bg-green-800{--tw-bg-opacity:1;background-color:#166534;background-color:rgb(22 101 52/var(--tw-bg-opacity,1))}.bg-orange-50{--tw-bg-opacity:1;background-color:#fff7ed;background-color:rgb(255 247 237/var(--tw-bg-opacity,1))}.bg-orange-500{--tw-bg-opacity:1;background-color:#f97316;background-color:rgb(249 115 22/var(--tw-bg-opacity,1))}.bg-purple-50{--tw-bg-opacity:1;background-color:#faf5ff;background-color:rgb(250 245 255/var(--tw-bg-opacity,1))}.bg-purple-600{--tw-bg-opacity:1;background-color:#9333ea;background-color:rgb(147 51 234/var(--tw-bg-opacity,1))}.bg-red-100{--tw-bg-opacity:1;background-color:#fee2e2;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:#fef2f2;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-red-600{--tw-bg-opacity:1;background-color:#dc2626;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.bg-transparent{background-color:initial}.bg-white{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-yellow-100{--tw-bg-opacity:1;background-color:#fef9c3;background-color:rgb(254 249 195/var(--tw-bg-opacity,1))}.bg-yellow-50{--tw-bg-opacity:1;background-color:#fefce8;background-color:rgb(254 252 232/var(--tw-bg-opacity,1))}.bg-yellow-500{--tw-bg-opacity:1;background-color:#eab308;background-color:rgb(234 179 8/var(--tw-bg-opacity,1))}.bg-opacity-50{--tw-bg-opacity:0.5}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-l{background-image:linear-gradient(to left,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-blue-50{--tw-gradient-from:#eff6ff var(--tw-gradient-from-position);--tw-gradient-to:#eff6ff00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-50{--tw-gradient-from:#faf5ff var(--tw-gradient-from-position);--tw-gradient-to:#faf5ff00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-transparent{--tw-gradient-from:#0000 var(--tw-gradient-from-position);--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-blue-300{--tw-gradient-to:#93c5fd00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#93c5fd var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-green-300{--tw-gradient-to:#86efac00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#86efac var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-blue-100{--tw-gradient-to:#dbeafe var(--tw-gradient-to-position)}.to-indigo-100{--tw-gradient-to:#e0e7ff var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:#0000 var(--tw-gradient-to-position)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:0}.p-11{padding:2.75rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-12{padding-bottom:3rem;padding-top:3rem}.py-16{padding-bottom:4rem;padding-top:4rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-8{padding-bottom:2rem;padding-top:2rem}.pb-1{padding-bottom:.25rem}.pb-14{padding-bottom:3.5rem}.pb-2{padding-bottom:.5rem}.pb-20{padding-bottom:5rem}.pt-4{padding-top:1rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-start{text-align:start}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.tracking-wider{letter-spacing:.05em}.text-blue-600{--tw-text-opacity:1;color:#2563eb;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-blue-800{--tw-text-opacity:1;color:#1e40af;color:rgb(30 64 175/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:#9ca3af;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:#6b7280;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:#4b5563;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:#374151;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:#1f2937;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:#111827;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-green-400{--tw-text-opacity:1;color:#4ade80;color:rgb(74 222 128/var(--tw-text-opacity,1))}.text-green-500{--tw-text-opacity:1;color:#22c55e;color:rgb(34 197 94/var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:#16a34a;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-green-800{--tw-text-opacity:1;color:#166534;color:rgb(22 101 52/var(--tw-text-opacity,1))}.text-orange-600{--tw-text-opacity:1;color:#ea580c;color:rgb(234 88 12/var(--tw-text-opacity,1))}.text-purple-600{--tw-text-opacity:1;color:#9333ea;color:rgb(147 51 234/var(--tw-text-opacity,1))}.text-red-400{--tw-text-opacity:1;color:#f87171;color:rgb(248 113 113/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:#ef4444;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:#dc2626;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-red-800{--tw-text-opacity:1;color:#991b1b;color:rgb(153 27 27/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-yellow-400{--tw-text-opacity:1;color:#facc15;color:rgb(250 204 21/var(--tw-text-opacity,1))}.text-yellow-500{--tw-text-opacity:1;color:#eab308;color:rgb(234 179 8/var(--tw-text-opacity,1))}.text-yellow-600{--tw-text-opacity:1;color:#ca8a04;color:rgb(202 138 4/var(--tw-text-opacity,1))}.text-yellow-800{--tw-text-opacity:1;color:#854d0e;color:rgb(133 77 14/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-75{opacity:.75}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-md{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-sm,.shadow-xl{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.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-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}body,html{margin:0;padding:0}@media (max-width:480px){#root,body,html{height:auto!important;min-height:auto!important}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05}.hover\:scale-105:hover,.hover\:scale-125:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-125:hover{--tw-scale-x:1.25;--tw-scale-y:1.25}.hover\:border-blue-300:hover{--tw-border-opacity:1;border-color:#93c5fd;border-color:rgb(147 197 253/var(--tw-border-opacity,1))}.hover\:border-gray-300:hover{--tw-border-opacity:1;border-color:#d1d5db;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.hover\:bg-blue-50:hover{--tw-bg-opacity:1;background-color:#eff6ff;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:#1d4ed8;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:#f3f4f6;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:#e5e7eb;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:#f9fafb;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.hover\:bg-green-100:hover{--tw-bg-opacity:1;background-color:#dcfce7;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.hover\:bg-green-700:hover{--tw-bg-opacity:1;background-color:#15803d;background-color:rgb(21 128 61/var(--tw-bg-opacity,1))}.hover\:bg-purple-700:hover{--tw-bg-opacity:1;background-color:#7e22ce;background-color:rgb(126 34 206/var(--tw-bg-opacity,1))}.hover\:bg-red-50:hover{--tw-bg-opacity:1;background-color:#fef2f2;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.hover\:bg-red-700:hover{--tw-bg-opacity:1;background-color:#b91c1c;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.hover\:text-blue-600:hover{--tw-text-opacity:1;color:#2563eb;color:rgb(37 99 235/var(--tw-text-opacity,1))}.hover\:text-blue-800:hover{--tw-text-opacity:1;color:#1e40af;color:rgb(30 64 175/var(--tw-text-opacity,1))}.hover\:text-gray-600:hover{--tw-text-opacity:1;color:#4b5563;color:rgb(75 85 99/var(--tw-text-opacity,1))}.hover\:text-gray-700:hover{--tw-text-opacity:1;color:#374151;color:rgb(55 65 81/var(--tw-text-opacity,1))}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.hover\:shadow-lg:hover,.hover\:shadow-xl:hover{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.focus\:border-transparent:focus{border-color:#0000}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-1:focus,.focus\:ring-2:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.focus\:ring-green-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(34 197 94/var(--tw-ring-opacity,1))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:640px){.sm\:block{display:block}.sm\:inline{display:inline}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:flex-1{flex:1 1}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:768px){.md\:col-span-1{grid-column:span 1/span 1}.md\:mb-12{margin-bottom:3rem}.md\:mb-4{margin-bottom:1rem}.md\:mb-8{margin-bottom:2rem}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-end{justify-content:flex-end}.md\:gap-4{gap:1rem}.md\:space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(2rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(2rem*var(--tw-space-x-reverse))}.md\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px*var(--tw-space-y-reverse));margin-top:calc(0px*(1 - var(--tw-space-y-reverse)))}.md\:p-4{padding:1rem}.md\:p-6{padding:1.5rem}.md\:px-4{padding-left:1rem;padding-right:1rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:py-2{padding-bottom:.5rem;padding-top:.5rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}:root{--bs-primary:#605dba;--bs-primary-rgb:96,93,186;--bs-secondary:#74788d;--bs-success:#34c38f;--bs-info:#50a5f1;--bs-warning:#f1b44c;--bs-danger:#f46a6a;--bs-light:#f8f9fa;--bs-dark:#343a40;--bs-soft-primary:#605dba1a}.content-wrapper{overflow:hidden}.content-wrapper,.wrapper{position:relative}.bg-soft-primary{background-color:#605dba1a!important;background-color:var(--bs-soft-primary)!important}.hero-section{min-height:100vh}.bg-light{background-color:#f8f9fa!important;background-color:var(--bs-light)!important}.bg-primary{background-color:#605dba!important;background-color:var(--bs-primary)!important}.navbar{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;padding:.5rem 1rem;position:relative}.navbar-light{--bs-navbar-color:#0000008c;--bs-navbar-hover-color:#000000b3;--bs-navbar-disabled-color:#0000004d;--bs-navbar-active-color:#000000e6}.navbar-brand{font-size:1.25rem;margin-right:1rem;padding-bottom:.3125rem;padding-top:.3125rem;text-decoration:none;white-space:nowrap}.container{margin-left:auto;margin-right:auto;padding-left:.75rem;padding-right:.75rem;width:100%}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}@media (min-width:1400px){.container{max-width:1320px}}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-left:calc(var(--bs-gutter-x)*-.5);margin-right:calc(var(--bs-gutter-x)*-.5);margin-top:calc(var(--bs-gutter-y)*-1)}.col-lg-11,.col-lg-6,.col-lg-8,.col-xl-10,.col-xl-6,.col-xl-7,.col-xxl-8{flex:0 0 auto;margin-top:var(--bs-gutter-y);padding-left:calc(var(--bs-gutter-x)*.5);padding-right:calc(var(--bs-gutter-x)*.5);width:100%}@media (min-width:992px){.col-lg-6{flex:0 0 auto;width:50%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-11{flex:0 0 auto;width:91.66666667%}}@media (min-width:1200px){.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-10{flex:0 0 auto;width:83.33333333%}}@media (min-width:1400px){.col-xxl-8{flex:0 0 auto;width:66.66666667%}}.text-primary{color:#605dba!important;color:var(--bs-primary)!important}.text-white{color:#fff!important}.text-uppercase{text-transform:uppercase!important}.text-center{text-align:center!important}.display-1{font-size:calc(1.375rem + 1.5vw);font-weight:700;line-height:1.2}.display-4{font-size:calc(1.275rem + 1.8vw)}.display-4,.display-6{font-weight:300;line-height:1.2}.display-6{font-size:calc(1.375rem + 1.5vw)}.lead{font-size:1.25rem;font-weight:300}.fs-16{font-size:1rem!important}.fs-25{font-size:1.125rem!important}.fs-66{font-size:3rem!important}.lh-xxs{line-height:1.1!important}.mb-0{margin-bottom:0!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-6{margin-bottom:3.5rem!important}.mb-8{margin-bottom:5rem!important}.mb-13{margin-bottom:8rem!important}.mb-14{margin-bottom:8.5rem!important}.mb-17{margin-bottom:10.5rem!important}.my-3{margin-bottom:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.pt-4{padding-top:1.5rem!important}.pt-8{padding-top:5rem!important}.pt-10{padding-top:6rem!important}.pt-14{padding-top:8.5rem!important}.pb-2{padding-bottom:.5rem!important}.pb-6{padding-bottom:3.5rem!important}.pb-14{padding-bottom:8.5rem!important}.pb-17{padding-bottom:10.5rem!important}.py-18{padding-bottom:11rem!important;padding-top:11rem!important}@media (min-width:768px){.pt-md-6{padding-top:3.5rem!important}.pt-md-10{padding-top:6rem!important}.pt-md-12{padding-top:7.5rem!important}.pt-md-14{padding-top:8.5rem!important}.pt-md-23{padding-top:14.5rem!important}.pb-md-0{padding-bottom:0!important}.pb-md-n5{padding-bottom:-15rem!important}.pb-md-17{padding-bottom:10.5rem!important}.mb-md-17{margin-bottom:10.5rem!important}.mb-md-n20{margin-bottom:-35rem!important}}.gx-lg-8,.gx-md-8{--bs-gutter-x:3rem}.gx-lg-12,.gx-xl-12{--bs-gutter-x:4.5rem}.gy-3{--bs-gutter-y:1rem}.gy-10{--bs-gutter-y:6rem}@media (min-width:992px){.gy-lg-0{--bs-gutter-y:0}}.btn{border:1px solid #0000;border-radius:.25rem;cursor:pointer;display:inline-block;font-size:.875rem;font-weight:400;line-height:1.5;margin-bottom:0;padding:.5rem 1.25rem;text-align:center;text-decoration:none;transition:all .15s ease-in-out;vertical-align:middle}.btn-primary{background-color:#605dba;background-color:var(--bs-primary);border-color:#605dba;border-color:var(--bs-primary);color:#fff}.btn-primary:hover{background-color:#4e4a9c;border-color:#4e4a9c;color:#fff}.btn-white{background-color:#fff;border-color:#fff}.btn-white,.btn-white:hover{color:#605dba;color:var(--bs-primary)}.btn-white:hover{background-color:#f8f9fa;border-color:#f8f9fa}.rounded-pill{border-radius:50rem!important}.navbar-nav{display:flex;flex-direction:column;list-style:none;margin-bottom:0;padding-left:0}.nav-item{position:relative}.nav-link{color:var(--bs-navbar-color);display:block;padding:.5rem 1rem;text-decoration:none;transition:all .15s ease-in-out}.dropdown{position:relative}.dropdown-menu{background-clip:padding-box;background-color:#fff;border:1px solid #00000026;border-radius:.25rem;box-shadow:0 .5rem 1rem rgba(0,0,0,.175);color:#212529;display:none;font-size:.875rem;left:0;list-style:none;margin:0;min-width:10rem;padding:.5rem 0;position:absolute;text-align:left;top:100%;z-index:1000}.dropdown-item{background-color:initial;border:0;clear:both;color:#212529;display:block;font-weight:400;padding:.25rem 1rem;text-align:inherit;text-decoration:none;white-space:nowrap;width:100%}.dropdown-item:hover{background-color:#e9ecef;color:#1e2125}.position-relative{position:relative!important}.d-flex{display:flex!important}.flex-row{flex-direction:row!important}.align-items-center{align-items:center!important}.ms-auto{margin-left:auto!important}.w-100{width:100%!important}.hero-placeholder{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:1rem;box-shadow:0 10px 40px #0000001a;display:flex;height:500px;justify-content:center;overflow:hidden;position:relative}.math-symbols{animation:float 6s ease-in-out infinite;display:flex;font-size:4rem;gap:3rem}.math-symbols .symbol:nth-child(2n){animation:float 6s ease-in-out infinite reverse}.feature-placeholder{align-items:center;background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:1rem;color:#fff;display:flex;flex-direction:column;height:300px;justify-content:center;text-align:center}.feature-icon{font-size:4rem;margin-bottom:1rem}.shape{position:absolute;z-index:1}.bg-dot{background-image:radial-gradient(circle,currentColor 1px,#0000 0);background-size:15px 15px;opacity:.1}.bg-dot.primary{color:#605dba;color:var(--bs-primary)}.w-17{width:17rem!important}.h-18{height:18rem!important}.h-21{height:21rem!important}.rounded-circle{border-radius:50%!important}.rounded{border-radius:.25rem!important}figure{margin:0 0 1rem}.icon-list{list-style:none;padding-left:0}.icon-list li{padding-left:1.75rem;position:relative}.icon-list li>span:first-child{align-items:center;background-color:#34c38f1a;border-radius:50%;color:#34c38f;display:flex;font-size:.75rem;height:1.25rem;justify-content:center;left:0;position:absolute;top:0;width:1.25rem}.list-unstyled{list-style:none;padding-left:0}.uil-check:before{content:"✓"}@media (min-width:576px){.navbar-nav{flex-direction:row}.nav-item{margin-left:.5rem}}@media (max-width:767.98px){.display-1{font-size:2rem}.fs-66{font-size:2rem!important}.fs-25{font-size:1rem!important}.hero-placeholder{height:300px}.math-symbols{font-size:2.5rem;gap:1.5rem}.feature-placeholder{height:200px}.feature-icon{font-size:3rem}}@media (min-width:992px){.order-lg-2{order:2!important}}.flex-lg-row{flex-direction:row!important}.flex-nowrap{flex-wrap:nowrap!important}.center-nav{justify-content:center}.transparent{background-color:initial!important}.text-nowrap{white-space:nowrap!important}.px-lg-5{padding-left:3rem!important;padding-right:3rem!important}.px-xxl-0{padding-left:0!important;padding-right:0!important}.btn-soft-leaf{background-color:#34c38f1a;border-color:#0000;color:#34c38f}.btn-soft-leaf:hover{background-color:#34c38f;border-color:#34c38f;color:#fff}.btn-sm{border-radius:.2rem;font-size:.75rem;padding:.25rem .75rem}.bg-image{background-position:50%;background-repeat:no-repeat;background-size:cover}.bg-overlay>.container{position:relative;z-index:2}.image-wrapper{position:relative}.mt-6{margin-top:3.5rem!important}@media (min-width:992px){.px-lg-5{padding-left:3rem!important;padding-right:3rem!important}}@media (min-width:1400px){.px-xxl-0{padding-left:0!important;padding-right:0!important}}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.fw-bold{font-weight:700!important}.nav-link.active{font-weight:600}.nav-link.active,.nav-link:hover{color:var(--bs-primary)!important}.navbar-nav .nav-link{padding:.5rem 1rem}.navbar-nav.flex-row .nav-item{margin-left:.5rem}@media (max-width:991.98px){.navbar-nav{align-items:flex-start;flex-direction:column}.navbar-nav.flex-row{align-items:center;flex-direction:row}}.dragon-lair-screen{background:linear-gradient(135deg,#2c1810,#8b4513 30%,#654321 70%,#3d2f2a);color:#fff;isolation:isolate;min-height:100vh;position:relative}.loading{color:gold;font-size:1.5rem;height:calc(100vh - 70px)}.lair-background{height:100vh;margin-bottom:0;overflow:hidden;position:relative}.background-cave{align-items:center;background-color:#000;background-position:bottom;background-repeat:no-repeat;background-size:contain;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}@media (min-width:769px) and (max-width:1024px){.background-cave{background-position:50%;background-size:cover}.lair-background{height:80vh;max-height:700px;min-height:600px}.dragon-stats{margin:1rem 2rem;padding:2rem}.collectibles-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width:768px){.background-cave{background-position:50%;background-size:cover}}.cave-placeholder{color:#8b4513;font-size:4rem;opacity:.3;text-align:center}.dragon-container{height:100%;position:relative;width:100%;z-index:10}.dragon-image{position:relative;text-align:center}.dragon-placeholder{animation:dragonBreathe 4s ease-in-out infinite;filter:drop-shadow(0 8px 16px rgba(0,0,0,.5));font-size:8rem}@keyframes dragonBreathe{0%,to{transform:scale(1) rotate(-2deg)}50%{transform:scale(1.05) rotate(2deg)}}.dragon-egg{animation:dragonBreathe 4s ease-in-out infinite;filter:drop-shadow(0 8px 16px rgba(0,0,0,.5));height:auto;max-width:300px}@media (max-width:768px){.dragon-egg{max-width:80px}.dragon-image{opacity:1!important;z-index:30!important}}.dragon-level{background:linear-gradient(45deg,gold,#ffed4e);border:2px solid #daa520;border-radius:20px;box-shadow:0 4px 12px #ffd70066;color:#333;display:inline-block;font-size:1.2rem;font-weight:700;margin-top:1rem;padding:.5rem 1rem}.dragon-stats{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffd7004d;border-radius:20px;margin:2rem;padding:2rem}.dragon-name{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,gold,#ff6b35);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin-bottom:1.5rem;text-align:center;text-shadow:2px 2px 4px #0000004d}.level-section{align-items:center;display:flex;gap:.8rem;justify-content:center;margin:1.5rem 0}.level-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));height:64px;width:64px}.level-text{color:gold;font-size:1.3rem;font-weight:600}.stats-row{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin:2rem 0}.stat-column{align-items:center;display:flex;flex-direction:column;gap:.5rem;min-width:80px}.stat-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));height:80px;width:80px}.stat-value{color:#fff;font-size:1.4rem;font-weight:700;text-shadow:1px 1px 2px #00000080}.stat-name{color:gold;font-size:.8rem;font-weight:500;text-align:center}.treasure-section{align-items:center;border-top:1px solid #ffd7004d;display:flex;gap:.8rem;justify-content:center;margin-top:2rem;padding-top:1rem}.treasure-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));height:72px;width:72px}.treasure-count{color:gold;font-size:1.3rem;font-weight:700;text-shadow:1px 1px 2px #00000080}.collectibles-section{padding:0 2rem 2rem}.section-title{color:gold;font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center;text-shadow:2px 2px 4px #00000080}.collectibles-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin:0 auto;max-width:1200px}.collectible-item{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:2px solid #fff3;border-radius:15px;cursor:pointer;padding:1.5rem;text-align:center;transition:all .3s ease}.collectible-item:hover{background:#ffffff26;box-shadow:0 12px 25px #0000004d;transform:translateY(-8px)}.collectible-image{margin-bottom:1rem}.image-placeholder{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:3rem;margin-bottom:.5rem}.collectible-name{color:#fff;font-size:1rem;font-weight:600;line-height:1.2;margin-bottom:.5rem}.collectible-tier{font-size:.9rem;font-weight:500;letter-spacing:.5px;margin-bottom:1rem;text-transform:uppercase}.collectible-stats{background:#0000004d;border-radius:10px;display:flex;gap:.5rem;justify-content:center;padding:.5rem}.collectible-stats .stat{color:#ccc;font-size:.8rem;font-weight:700}.dragon-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.dragon-modal-content{background:linear-gradient(135deg,#2c1810,#8b4513);border:2px solid gold;border-radius:20px;box-shadow:0 20px 40px #00000080;max-height:80vh;max-width:500px;overflow-y:auto;padding:2rem;position:relative;width:90%}.dragon-modal-close{align-items:center;background:#0000;border:none;color:#ffffffb3;cursor:pointer;display:flex;font-size:1.8rem;font-weight:300;height:32px;justify-content:center;line-height:1;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:32px}.dragon-modal-close:hover{color:#fff;transform:scale(1.2)}.dragon-modal-header{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;text-align:center}.dragon-modal-image{flex-shrink:0}.dragon-modal-image img{border-radius:10px;max-height:150px;max-width:150px;object-fit:contain}.dragon-modal-image .image-placeholder{font-size:4rem}.dragon-modal-title h3{color:#fff;font-size:1.5rem;margin-bottom:.5rem}.dragon-modal-tier{font-size:1rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.dragon-modal-stats{background:#ffffff1a;border-radius:10px;margin-bottom:1.5rem;padding:1rem}.dragon-modal-stats .stat-row{display:flex;justify-content:space-between;margin-bottom:.5rem}.dragon-modal-stats .stat-row:last-child{margin-bottom:0}.dragon-modal-stats .stat-row span{color:gold;font-weight:600}.dragon-modal-story{background:#ffffff0d;border-radius:10px;padding:1rem}.dragon-modal-story h4{color:gold;font-size:1.1rem;margin-bottom:.5rem}.dragon-modal-story p{color:#ccc;line-height:1.6}@media (max-width:768px){.dragon-lair-screen{padding:0}.lair-background{height:60vh;max-height:500px;min-height:350px}.cave-placeholder{font-size:2.5rem}.dragon-placeholder{font-size:5rem}.dragon-stats{margin:1rem;padding:1.5rem}.level-icon{height:40px;width:40px}.level-text{font-size:1rem}.stat-icon{height:45px;width:45px}.treasure-icon{height:40px;width:40px}.dragon-name{font-size:2rem}.stats-row{gap:.5rem}.stat-column{min-width:45px}.collectibles-section{padding:0 1rem 1rem}.collectibles-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.collectible-item{padding:1rem}.collectible-stats{flex-wrap:wrap;gap:.25rem}.collectible-stats .stat{flex-basis:calc(50% - 0.125rem);text-align:center}.dragon-modal-content{margin:1rem;padding:1.5rem;width:95%}}@media (max-width:480px){.section-title{font-size:1.5rem}.collectibles-grid{gap:.8rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.stat-row{flex-direction:column;gap:.5rem}}.dragon-selection-screen{justify-content:center}.selection-content{max-width:1200px;text-align:center;width:100%}.selection-title{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.selection-subtitle{color:#666;font-size:1.2rem;margin-bottom:3rem}.dragon-grid{justify-content:center;margin-left:auto;margin-right:auto}.dragon-option{background:#f9f9f9;border:3px solid #0000;border-radius:12px;cursor:pointer;padding:1.5rem;transition:all .3s ease}.dragon-option:hover{border-color:var(--dragon-color);box-shadow:0 10px 30px #00000026;transform:translateY(-5px)}.dragon-option.selected{background:linear-gradient(135deg,#ffffffe6,color-mix(in srgb,var(--dragon-color) 10%,#fff));border-color:var(--dragon-color);box-shadow:0 5px 20px #0000001a}.egg-container{height:150px;margin:0 auto 1rem;position:relative;width:150px}.dragon-egg-image{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));max-height:100%;max-width:100%;object-fit:contain;transition:transform .3s ease}.dragon-option:hover .dragon-egg-image{transform:scale(1.1) rotate(5deg)}.dragon-option.selected .dragon-egg-image{animation:wiggle .5s ease-in-out infinite alternate}@keyframes wiggle{0%{transform:rotate(-3deg)}to{transform:rotate(3deg)}}.dragon-name{color:#333;font-size:1.1rem;font-weight:600}.confirm-button{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50px;box-shadow:0 4px 15px #667eea4d;color:#fff;font-size:1.2rem;font-weight:600;padding:1rem 3rem}.confirm-button:hover:not(:disabled){box-shadow:0 6px 20px #667eea66}.confirm-button:disabled{opacity:.5}.error-message{color:#f44336;font-size:1rem;margin:1rem 0}@media (max-width:1024px){.dragon-grid{grid-template-columns:repeat(3,1fr);max-width:700px}}@media (max-width:768px){.selection-title{font-size:1.8rem}.selection-subtitle{font-size:1rem}.dragon-grid{gap:1rem;grid-template-columns:repeat(2,1fr);max-width:100%}.egg-container{height:120px;width:120px}.dragon-option{padding:1rem}}.admin-screen{background:#fff;display:flex;flex-direction:column;min-height:100vh;padding:20px}.admin-header{margin-bottom:30px}.admin-title{color:#1f2937;font-size:2rem;font-weight:700;margin:0}.admin-main{display:flex;flex:1 1;flex-direction:column}.tab-navigation{margin-bottom:30px}.tab-navigation nav{border-bottom:1px solid #e5e7eb;display:flex;gap:2rem}.tab-navigation button{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all .2s}.tab-navigation button:hover{border-bottom-color:#d1d5db;color:#374151}.tab-navigation button.border-blue-500{border-bottom-color:#2563eb;color:#2563eb}.tab-icon{font-size:1rem}.tab-content{flex:1 1}.admin-content{background:#f9fafb;border-radius:8px;contain:layout style;min-height:400px;padding:2rem}.placeholder-content h3{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0 0 1rem}.placeholder-content p{color:#6b7280;font-size:1rem;margin-bottom:2rem}.placeholder-box{background:#fff;border:2px dashed #d1d5db;border-radius:8px;padding:2rem;text-align:center}.placeholder-text{color:#6b7280;font-size:.95rem;line-height:1.6;margin:0 auto;max-width:400px;text-align:left}.admin-table-container{contain:layout style;will-change:contents}.admin-table-container table{table-layout:fixed;width:100%}.admin-table-row{transition:opacity .2s ease-in-out,background-color .15s ease}.admin-table-row.filtering,.skeleton-overlay{will-change:opacity}.skeleton-overlay{pointer-events:none}@media (max-width:768px){.admin-screen{padding:15px}.admin-title{font-size:1.5rem}.tab-navigation nav{gap:1rem}.tab-navigation button{font-size:.8rem;padding:.5rem .75rem}.admin-content{padding:1.5rem}.placeholder-content h3{font-size:1.25rem}}@media (max-width:480px){.tab-navigation nav{flex-direction:column;gap:0}.tab-navigation button{border-bottom:none;border-left:3px solid #0000;justify-content:flex-start;padding-left:1rem}.tab-navigation button:hover{border-bottom-color:#0000;border-left-color:#d1d5db}.tab-navigation button.border-blue-500{border-bottom-color:#0000;border-left-color:#2563eb}}.modal-overlay{align-items:center;background:#fff!important;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.form-group input,.form-group label,.form-group select,.form-group>:not(.avatar-selector),.modal-container,.modal-content,.modal-content>:not(.player-form),.modal-header,.modal-overlay,.player-form>:not(.form-group){background:#fff!important;background-image:none!important}.modal-content{background-image:none!important}.modal-container{background:#fff!important;border:1px solid #e0e0e0;border-radius:8px;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;background:#fff!important;display:flex;flex-shrink:0;justify-content:space-between;padding:2rem 2rem 1rem;width:100%}.modal-header h2{color:#333;font-size:1.8rem;font-weight:700;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:2rem;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.close-button:hover{background:#f0f0f0;color:#333}.modal-content{background:#fff!important;box-sizing:border-box;flex:1 1;max-width:none!important;overflow:visible;padding:2rem;width:100%!important}.welcome-message{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;margin-bottom:2rem;padding:1.5rem;text-align:center}.welcome-message p{font-size:1.1rem;font-weight:500;margin:0}.modal-subtitle{color:#666;font-size:1rem;margin-bottom:2rem;text-align:center}.message{border-radius:8px;font-weight:500;margin-bottom:1.5rem;padding:1rem;text-align:center}.message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.player-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column}.form-group label{color:#333;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.optional-label{color:#999;font-size:.85rem;font-style:italic;font-weight:400}.form-group input,.form-group select{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:.75rem;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:#667eea;outline:none}.form-group input.error,.form-group select.error{border-color:#dc3545}.error-text{color:#dc3545;font-size:.8rem;margin-top:.25rem}.avatar-selector{border:1px solid #e0e0e0;border-radius:8px;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-start;margin-top:.5rem;max-height:320px;overflow-y:auto;padding:1rem}.avatar-option{align-items:center;border:3px solid #0000;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:60px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:60px}.avatar-option:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea4d;transform:scale(1.05)}.avatar-option.selected{border-color:#667eea;border-width:4px;box-shadow:0 6px 16px #667eea66;transform:scale(1.1)}.avatar-image{border-radius:0;flex-shrink:0;height:70%;object-fit:contain;width:70%}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.save-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;min-width:140px;padding:1rem 2rem;transition:all .3s ease}.save-button:hover:not(:disabled){box-shadow:0 8px 16px #667eea4d;transform:translateY(-2px)}.save-button:disabled{cursor:not-allowed;opacity:.6}.cancel-button{background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.cancel-button:hover{background:#5a6268;transform:translateY(-2px)}@media (max-width:768px){.modal-overlay{padding:10px}.modal-container{margin:0;max-height:calc(100vh - 20px);max-width:100%}.modal-header{padding:1rem 1rem .5rem}.modal-header h2{font-size:1.3rem}.modal-content{padding:1rem}.form-row{gap:1rem;grid-template-columns:1fr}.form-group{width:100%}.form-group input,.form-group select{box-sizing:border-box;font-size:.95rem;padding:.6rem;width:100%}.avatar-selector{gap:.5rem;max-height:250px;padding:.75rem}.avatar-option{height:50px;width:50px}.form-actions{flex-direction:column;margin-top:1rem}.cancel-button,.save-button{padding:.85rem 1.5rem;width:100%}.welcome-message{margin-bottom:1.5rem;padding:1rem}.welcome-message p{font-size:1rem}}.dragon-selection-screen{align-items:center;background:#fff;color:#333;display:flex;flex-direction:column;min-height:100vh;padding:2rem}.selection-header{margin-bottom:3rem;text-align:center}.selection-header h1{color:#4a90e2;font-size:2.5rem;margin-bottom:1rem;text-shadow:2px 2px 4px #0000001a}.selection-header p{color:#666;font-size:1.2rem;line-height:1.6;max-width:600px}.dragon-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin-bottom:3rem;max-width:900px;width:100%}@media (max-width:768px){.dragon-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:600px){.dragon-selection-screen{min-height:100vh;padding:.75rem!important}.selection-header{margin-bottom:1rem!important}.selection-header h1{font-size:1.5rem!important;margin-bottom:.5rem!important}.selection-header p{font-size:.85rem!important;line-height:1.3!important;padding:0 1rem}.dragon-grid{gap:1rem!important;grid-template-columns:repeat(2,1fr)!important;margin-bottom:1rem!important;padding:0 .5rem;row-gap:1.5rem!important}.dragon-egg-card{border-radius:15px;display:flex;flex-direction:column;justify-content:space-between;min-height:140px;padding:.75rem .75rem 1rem!important}.dragon-egg-card:hover{transform:translateY(-5px)}.dragon-egg-image{height:80px!important;margin:0 auto .25rem!important;width:80px!important}.dragon-egg-image img{height:60px!important;width:60px!important}.dragon-name{word-wrap:break-word;font-size:.85rem!important;-webkit-hyphens:auto;hyphens:auto;line-height:1.2!important;margin:0!important;padding:0 .25rem!important}}@media screen and (max-width:400px){.dragon-grid{gap:.75rem!important;grid-template-columns:repeat(2,1fr)!important;row-gap:1.25rem!important}.dragon-egg-card{min-height:120px;padding:.5rem .5rem .75rem!important}.dragon-egg-image{height:70px!important;width:70px!important}.dragon-egg-image img{height:50px!important;width:50px!important}.dragon-name{font-size:.75rem!important}}.dragon-egg-card{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:20px;box-shadow:0 2px 8px #0000001a;cursor:pointer;padding:1.5rem;text-align:center;transition:all .3s ease}.dragon-egg-card:hover{border-color:#ffd70080;box-shadow:0 10px 30px #ffd70033;transform:translateY(-10px)}.dragon-egg-card.selected{background:#ffd7001a;border-color:gold;box-shadow:0 0 30px #ffd7004d}.dragon-egg-image{align-items:center;background:radial-gradient(circle,#ffffff1a,#0000);border-radius:50%;display:flex;height:150px;justify-content:center;margin:0 auto 1rem;overflow:hidden;width:150px}.dragon-egg-image img{filter:drop-shadow(0 0 10px rgba(255,255,255,.2));height:120px;object-fit:contain;width:120px}.dragon-name{color:gold;font-size:1.3rem;font-weight:700;text-transform:capitalize}.selection-confirmation{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffd7004d;border-radius:15px;padding:2rem;text-align:center}.selected-dragon-info h3{color:gold;font-size:1.5rem;margin-bottom:1rem}.selected-dragon-info p{color:#b8d4f0;line-height:1.6;margin-bottom:1.5rem}.confirm-button{background:linear-gradient(45deg,gold,#ffed4a);border:none;border-radius:10px;color:#1a1a2e;cursor:pointer;font-size:1.1rem;font-weight:700;letter-spacing:1px;padding:1rem 2rem;text-transform:uppercase;transition:all .3s ease}.confirm-button:hover:not(:disabled){box-shadow:0 10px 25px #ffd7004d;transform:translateY(-2px)}.confirm-button:disabled{cursor:not-allowed;opacity:.6}.loading{align-items:center;display:flex;flex-direction:column;height:50vh;justify-content:center}.loading-spinner{border:4px solid #ffd7004d;border-top-color:gold}.error-container{background:#ff00001a;border:1px solid #ff00004d;border-radius:15px;padding:2rem;text-align:center}.error-container h2{color:#ff6b6b;margin-bottom:1rem}.error-container p{color:#ffb3b3;margin-bottom:1.5rem}.error-container button{background:#ff6b6b;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:.8rem 1.5rem;transition:background .3s ease}.error-container button:hover{background:#ff5252}@media (max-width:768px){.dragon-selection-screen{padding:1rem}.selection-header h1{font-size:2rem}.dragon-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.dragon-egg-card{padding:1rem}.dragon-egg-image{height:120px;width:120px}.dragon-egg-image img{height:100px;width:100px}}.card-screen{background:#fff;box-sizing:border-box;display:block;min-height:100vh;outline:none;padding:20px 20px 0}.choice-modal-overlay{align-items:center;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.choice-modal{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-height:90vh;max-width:90vw;overflow:auto}.card-header{justify-content:center;margin-bottom:30px}.card-header,.card-meta{align-items:center;display:flex}.card-meta{gap:15px}.card-type{background:#fff3;border-radius:20px;color:#fff;font-size:14px;padding:5px 15px;text-transform:capitalize}.card-points{color:#333;font-size:14px;font-weight:700}.card-content{background:#0000;box-sizing:border-box;margin:0 auto;max-width:800px;padding:40px 40px 0;width:100%}.card-images{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:30px;text-align:center}.card-image{border-radius:10px;box-shadow:0 10px 20px #0000001a;display:block;margin:0 auto;max-height:400px;max-width:100%}.card-image.top{margin-bottom:20px}.question-text{margin-bottom:30px;text-align:center}.question p{color:#333;font-size:18px;line-height:1.6;margin-bottom:15px}.lesson-content{color:#333;font-size:16px;line-height:1.7;margin:0 auto;max-width:600px;text-align:left}.lesson-paragraph{margin-bottom:25px}.lesson-paragraph p{margin-bottom:15px}.lesson-image{border-radius:10px;box-shadow:0 5px 15px #0000001a;display:block;margin:15px auto;max-height:300px;max-width:100%;text-align:center}.answer-form{display:flex;flex-direction:column;gap:20px;margin-bottom:0}.multiple-choice{flex-direction:row;flex-wrap:wrap}.choice-button,.multiple-choice{display:flex;gap:15px;justify-content:center}.choice-button{-webkit-tap-highlight-color:transparent;align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;font-size:16px;outline:none;padding:15px 20px;text-align:center;transition:all .3s ease}.choice-button:hover{background:#f8f9ff;border-color:#667eea}.choice-button.selected{background:#667eea;border-color:#667eea;color:#fff}.choice-button:active:not(.selected),.choice-button:focus:not(.selected){background:#fff;border-color:#e0e0e0}@media (max-width:600px){.choice-button:not(.selected){background:#fff!important;border-color:#e0e0e0!important;color:inherit!important}.choice-button.selected{background:#667eea!important;border-color:#667eea!important;color:#fff!important}.choice-button:active:not(.selected){background:#f8f9ff!important;border-color:#667eea!important}}.choice-key{font-weight:700;min-width:30px}.choice-key-only{font-weight:700;text-align:center}.choice-value{flex:1 1}.text-input{align-items:center;display:flex;gap:15px;justify-content:center}.answer-input{border:2px solid #e0e0e0;border-radius:10px;font-size:18px;padding:15px 20px;transition:border-color .3s ease;width:250px}.answer-input[type=number],input[type=number]{-moz-appearance:textfield!important;-webkit-appearance:none!important}.answer-input[type=number]::-webkit-inner-spin-button,.answer-input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{appearance:none!important;display:none!important;height:0!important;margin:0!important;width:0!important}input[type=number]::-webkit-textfield-decoration-container{display:none!important}.answer-input:focus{border-color:#667eea;outline:none}.next-button,.submit-button{align-self:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:15px 40px;transition:all .3s ease}.next-button:hover,.submit-button:hover{box-shadow:0 10px 20px #667eea4d;transform:translateY(-2px)}.next-button:disabled,.submit-button:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.time-indicator{display:none}.error,.loading{color:#333;flex:1 1}.spinner{animation:spin 1s linear infinite;border:3px solid #667eea4d;border-top-color:#667eea;height:50px;margin-bottom:20px;width:50px}.error h2{font-size:24px;margin-bottom:15px}.error p{font-size:16px;margin-bottom:25px;opacity:.9}@media (max-width:768px){.card-screen{padding:15px 15px 0}.card-content{padding:25px 25px 0}.card-header{margin-bottom:20px}.card-meta{gap:10px}.card-images{flex-direction:column;gap:15px}.card-image{max-height:300px}.lesson-image{max-height:250px}.text-input{align-items:center;flex-direction:column}.choice-button{font-size:14px;padding:12px 15px}.answer-input,.question p{font-size:16px}.answer-input{padding:12px 15px;width:250px}.next-button,.submit-button{font-size:16px;padding:12px 30px}}@media (max-width:480px){.card-screen{height:auto!important;max-height:none!important;min-height:auto!important;overflow:visible!important;padding:10px}.card-header{align-items:stretch;flex-direction:column;gap:10px;margin-bottom:10px}.card-meta{justify-content:center}.card-content{margin-bottom:0!important;padding:10px;padding-bottom:0!important}.card-images{margin-bottom:10px}.card-image{max-height:280px;max-width:100%;width:auto}.lesson-image{max-height:200px}.question-text{margin-bottom:20px}.question p{font-size:16px;margin-bottom:5px}.answer-form{gap:12px;margin:0!important}.answer-form,.text-input{padding-bottom:0!important}.text-input{gap:10px;margin-bottom:0!important}.answer-input{max-width:250px;padding:10px 15px;width:100%}.next-button,.submit-button{font-size:16px;margin-bottom:0!important;padding:10px 25px}}.levelup-animation{align-items:center;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity 1s ease;z-index:1000}.levelup-animation.animating,.levelup-animation.complete{opacity:1}.levelup-container{animation:pulse 2s ease-in-out;color:#fff;text-align:center}.level-icon{animation:rotate 2s linear;font-size:80px;margin-bottom:20px}.levelup-title{animation:glow 2s ease-in-out;font-size:48px;margin-bottom:30px;text-shadow:2px 2px 4px #00000080}.level-transition{align-items:center;display:flex;font-size:64px;font-weight:700;gap:30px;justify-content:center}.level-number{transition:all 2s ease}.level-number.old{color:#ccc}.level-number.old.fade-out{opacity:0;transform:scale(.5)}.level-number.new{color:gold;opacity:0;transform:scale(1.5)}.level-number.new.fade-in{opacity:1;transform:scale(1)}.level-arrow{color:#fff;opacity:.7}.evolution-container{color:#fff;max-width:600px;text-align:center}.evolution-title{-webkit-text-fill-color:#0000;animation:shimmer 3s ease-in-out infinite,fadeInTitle 2s ease-out;background:linear-gradient(45deg,#ff6b6b,gold,#4ecdc4);-webkit-background-clip:text;font-size:48px;margin-bottom:30px;text-shadow:2px 2px 4px #00000080}@keyframes fadeInTitle{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.dragon-transition{height:400px;margin:0 auto;position:relative;width:400px}.dragon-image{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.dragon-image img{max-height:100%;max-width:100%;object-fit:contain}.dragon-image.fade-out{animation:fadeOut 4s ease-out forwards}.dragon-image.fade-in{animation:fadeIn 4s ease-in forwards}.evolution-sparkles{animation:sparkle 2s ease-in-out infinite;font-size:100px;margin-top:20px}.egg-container{align-items:center;display:flex;height:100%;justify-content:center}.egg-image{animation:wobble 2s ease-in-out;font-size:200px}.dragon-emoji{animation:bounce 1s ease-in-out;font-size:200px}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes glow{0%,to{text-shadow:2px 2px 4px #00000080}50%{text-shadow:0 0 20px #ffd700cc}}@keyframes shimmer{0%,to{opacity:1}50%{opacity:.8}}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}25%{opacity:.75;transform:scale(.98)}50%{opacity:.5;transform:scale(.95)}75%{opacity:.25;transform:scale(.9)}to{opacity:0;transform:scale(.85)}}@keyframes fadeIn{0%{opacity:0;transform:scale(1.15)}25%{opacity:.25;transform:scale(1.11)}50%{opacity:.5;transform:scale(1.08)}75%{opacity:.75;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes sparkle{0%,to{opacity:1;transform:scale(1) rotate(0deg)}50%{opacity:.7;transform:scale(1.2) rotate(180deg)}}@keyframes wobble{0%,to{transform:rotate(0deg)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.loading-dragon{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:20px}.loading-dragon .spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:50px;width:50px}.loading-dragon p{font-size:18px;margin-top:15px}.result-screen{align-items:center;display:flex;justify-content:center;min-height:100vh;opacity:0;outline:none;overflow:hidden;padding:20px;position:relative;transform:scale(.9);transition:all .5s ease}.result-screen.show{opacity:1;transform:scale(1)}.result-screen.correct,.result-screen.incorrect{background:#fff}.result-content{animation:slideIn .6s ease-out;background:#fff;border-radius:25px;box-shadow:0 30px 60px #0003;max-width:600px;padding:50px;position:relative;text-align:center;width:100%;z-index:10}@keyframes slideIn{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.result-icon{margin-bottom:30px}.error-icon,.success-icon{animation:bounce 1s ease-in-out;font-size:80px}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}.result-message{margin-bottom:30px}.result-message h2{color:#333;font-size:28px;line-height:1.4;margin:0}.rewards-section{margin:40px 0}.reward-item{align-items:center;display:flex;gap:15px;justify-content:center;margin:20px 0}.reward-item.coins{color:#f39c12;font-size:20px;font-weight:700}.coin-icon{animation:spin 2s linear infinite;font-size:30px}.reward-item.badge{flex-direction:column;text-align:center}.badge-icon{animation:pulse 2s ease-in-out infinite;font-size:50px;margin-bottom:10px}.badge-info h3{color:#333;font-size:22px;margin:0 0 5px}.badge-info p{color:#666;font-size:16px;margin:0}.reward-item.special-image{padding:20px}.reward-image{border-radius:10px;box-shadow:0 10px 20px #00000026;max-height:200px;max-width:200px}.rich-feedback-section{background:#f8f9fa;border:2px solid #e9ecef;border-radius:15px;margin:30px 0;padding:20px}.feedback-text{margin-bottom:20px}.feedback-text h3{color:#495057;font-size:20px;font-weight:600;margin:0 0 15px;text-align:center}.feedback-text p{color:#6c757d;font-size:16px;line-height:1.6;margin:0;text-align:left}.feedback-image{align-items:center;display:flex;justify-content:center}.explanation-image{border-radius:10px;box-shadow:0 5px 15px #0000001a;max-height:300px;max-width:100%}.animation-area{align-items:center;display:flex;justify-content:center;margin:30px 0;min-height:100px}.animation-placeholder{animation:rainbow 3s ease-in-out infinite;color:#667eea;font-size:24px}@keyframes rainbow{0%{color:#667eea}25%{color:#764ba2}50%{color:#f093fb}75%{color:#f5576c}to{color:#667eea}}.action-section{margin-top:40px}.quick-result-actions{align-items:center;display:flex;flex-direction:column;gap:20px}.auto-advance{animation:fadeInOut 1s ease-in-out infinite;color:#666;font-size:16px;margin:0}@keyframes fadeInOut{0%,to{opacity:.7}50%{opacity:1}}.long-result-actions{align-items:center;display:flex;flex-direction:column;gap:20px}.continue-instruction{color:#667eea;font-size:18px;font-weight:500;margin:0}.continue-button,.next-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:15px 40px;transition:all .3s ease}.continue-button:hover,.next-button:hover{box-shadow:0 10px 20px #667eea4d;transform:translateY(-2px)}.skip-button{background:#0000001a;border:2px solid #0003;border-radius:10px;bottom:20px;color:#333;cursor:pointer;font-size:14px;padding:10px 20px;position:absolute;right:20px;transition:all .3s ease}.skip-button:hover{background:#0003}.particle-effects{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:5}.particle{animation:float linear;font-size:20px;opacity:0;position:absolute}@keyframes float{0%{opacity:0;transform:translateY(100vh) rotate(0deg)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100px) rotate(1turn)}}.multiple-choice-review{background:#f8f9fa;border-radius:8px;margin:20px 0;padding:15px}.options-label{color:#2c3e50;font-weight:600;margin-bottom:10px}.option-review{align-items:center;background:#fff;border:2px solid #0000;border-radius:4px;display:flex;gap:10px;margin:8px 0;padding:10px 15px;transition:all .2s ease}.option-review.user-selected{background:#fff3cd;border:2px solid #ffc107}.option-review.correct-option{background:#d4edda;border:2px solid #28a745}.option-review.user-selected.correct-option{background:linear-gradient(135deg,#d4edda,#fff3cd);border:2px solid #28a745}.option-key{color:#495057;font-weight:600;min-width:25px}.option-value{color:#212529;flex:1 1}.option-indicator{border-radius:3px;font-size:.9em;font-weight:500;margin-left:auto;padding:2px 8px}.option-indicator.user{background:#ffc10733;color:#856404}.option-indicator.correct{background:#28a74533;color:#155724}.answers-comparison{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin:20px 0}.correct-answer-box,.user-answer-box{border-radius:8px;padding:15px;text-align:center}.user-answer-box{background:#fff3cd;border:2px solid #ffc107}.correct-answer-box{background:#d4edda;border:2px solid #28a745}.correct-answer-box p,.user-answer-box p{color:#6c757d;font-size:.9em;margin:0 0 10px}.correct-answer-box strong,.user-answer-box strong{color:#212529;font-size:1.2em}.review-mode-actions{margin-top:20px;text-align:center}.review-mode-actions .back-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:15px 40px;transition:all .3s ease}.review-mode-actions .back-button:hover{box-shadow:0 10px 20px #667eea4d;transform:translateY(-2px)}@media (max-width:768px){.result-content{margin:10px;padding:30px}.result-message h2{font-size:22px}.error-icon,.success-icon{font-size:60px}.rewards-section{margin:30px 0;padding:20px}.reward-item{margin:15px 0;padding:12px}.coin-icon{font-size:25px}.badge-icon{font-size:40px}.badge-info h3{font-size:18px}.answers-comparison{gap:15px;grid-template-columns:1fr}.option-review{flex-wrap:wrap}.option-indicator{margin-top:5px;text-align:center;width:100%}.badge-info p{font-size:14px}.continue-button,.next-button{font-size:16px;padding:12px 30px}.skip-button{bottom:15px;font-size:12px;padding:8px 15px;right:15px}}@media (max-width:480px){.result-screen{padding:10px}.result-content{box-shadow:0 10px 30px #00000026;padding:15px}.result-icon,.result-message{margin-bottom:15px}.result-message h2{font-size:18px}.error-icon,.success-icon{font-size:45px}.rewards-section{margin:20px 0;padding:10px}.reward-item{flex-direction:column;gap:8px;margin:10px 0;text-align:center}.reward-item.coins{font-size:16px}.animation-area{margin:15px 0;min-height:60px}.action-section{margin-top:20px}.long-result-actions,.quick-result-actions{gap:10px}.auto-advance{font-size:14px}.continue-instruction{font-size:16px}.continue-button,.next-button{font-size:16px;padding:10px 25px}.rich-feedback-section{margin:15px 0;padding:10px}.feedback-text h3{font-size:16px;margin-bottom:10px}.feedback-text p{font-size:14px}.explanation-image{max-height:200px}}.incorrect-answer-review{background:#f8f9fa;border:2px solid #ffc107;border-radius:15px;margin:20px 0;padding:25px;text-align:left}.incorrect-answer-review .card-images{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:20px}.incorrect-answer-review .card-image{border-radius:10px;box-shadow:0 4px 12px #0000001a;max-height:350px;max-width:350px}.incorrect-answer-review .question-text{margin-bottom:20px}.incorrect-answer-review .question p{color:#343a40;font-size:18px;font-weight:500;line-height:1.5;margin:8px 0;text-align:center}.incorrect-answer-review .lesson-content{text-align:left}.incorrect-answer-review .lesson-paragraph p{color:#495057;font-size:16px;line-height:1.6;margin:10px 0}.incorrect-answer-review .lesson-image{border-radius:8px;box-shadow:0 4px 12px #0000001a;display:block;margin:15px auto;max-height:300px;max-width:100%}.correct-answer-display{background:#d4edda;border:2px solid #c3e6cb;border-radius:10px;margin-top:20px;padding:15px;text-align:center}.correct-answer-label{color:#155724;font-size:18px;font-weight:600;margin:0}.correct-answer-label strong{color:#0d4e20;font-size:20px}.incorrect-result-actions{align-items:center;display:flex;flex-direction:column;gap:20px}.incorrect-result-actions .continue-instruction{animation:pulse 2s ease-in-out infinite;color:#dc3545;font-size:18px;font-weight:600;margin:0}@keyframes pulse{0%,to{opacity:.8}50%{opacity:1}}@media (max-width:768px){.incorrect-answer-review{margin:15px 0;padding:15px}.incorrect-answer-review .question p{font-size:16px}.incorrect-answer-review .card-image{max-height:250px;max-width:250px}.correct-answer-label{font-size:16px}.correct-answer-label strong{font-size:18px}}@media (max-width:480px){.incorrect-answer-review .card-images{gap:10px}.incorrect-answer-review .card-image{max-height:180px;max-width:180px}.incorrect-answer-review .question p{font-size:15px}.correct-answer-display{padding:12px}.correct-answer-label{font-size:15px}.correct-answer-label strong{font-size:16px}}.error-page{align-items:center;background:#fff;display:flex;justify-content:center;min-height:100vh;padding:2rem}.error-content{max-width:600px;text-align:center;width:100%}.error-image-container{margin-bottom:2rem}.error-image{height:auto;max-height:400px;max-width:100%}.error-text{color:#333}.error-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-shadow:0 2px 4px #0000004d}.error-message{color:#000;font-size:1.2rem;line-height:1.6;margin-bottom:2rem}.error-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.error-actions .btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;min-width:120px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.error-actions .btn-primary{background-color:#4caf50;color:#fff}.error-actions .btn-primary:hover{background-color:#45a049;box-shadow:0 4px 12px #4caf504d;transform:translateY(-2px)}.error-actions .btn-secondary{background-color:initial;border:2px solid #333;color:#333}.error-actions .btn-secondary:hover{background-color:#333;box-shadow:0 4px 12px #3333334d;color:#fff;transform:translateY(-2px)}@media (max-width:768px){.error-page{padding:1rem}.error-title{font-size:2rem}.error-message{font-size:1rem}.error-image{max-height:250px}.error-actions{align-items:center;flex-direction:column}.error-actions .btn{width:200px}}@media (max-width:480px){.error-title{font-size:1.5rem}.error-message{font-size:.9rem}.error-image{max-height:200px}}.domino-generator{margin:0 auto;max-width:1200px;padding:20px;width:100%}.domino-generator h2{color:#333;margin-bottom:20px;text-align:center}.controls{align-items:center;flex-direction:column;gap:15px}.domino-input{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;gap:10px;padding:15px}.domino-input label{color:#333;font-weight:700}.dots-input{border:2px solid #ccc;border-radius:4px;font-size:16px;padding:8px 12px;text-align:center;width:80px}.dots-input:focus{border-color:#007bff;outline:none}.domino-input span{color:#333;font-size:18px;font-weight:700}.add-btn{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:10px 20px;transition:background-color .2s}.add-btn:hover{background:#0056b3}.action-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.main-layout{display:flex;flex-direction:column;gap:20px}.domino-palette{background:#f8f9fa;border:2px solid #333;border-radius:8px;padding:15px}.domino-palette h3{color:#333;font-size:16px;margin:0 0 15px;text-align:center}.palette-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.domino-group{flex-direction:column;gap:8px}.domino-group,.group-header{align-items:center;display:flex}.group-header{background:#007bff;border-radius:50%;color:#333;color:#fff;font-size:18px;font-weight:700;height:30px;justify-content:center;margin-bottom:5px;width:30px}.group-dominoes{align-items:center;display:flex;flex-direction:column;gap:4px}.palette-domino{background:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;padding:2px;position:relative;transition:all .2s}.palette-domino:hover{border-color:#007bff;box-shadow:0 2px 4px #007bff33;transform:scale(1.05)}.palette-domino:active{transform:scale(.95)}.domino-label{background:#ffffffe6;border-radius:2px;bottom:1px;color:#666;font-size:7px;line-height:1;padding:1px 2px;pointer-events:none;position:absolute;right:2px}.drawing-surface{cursor:default}@media (max-width:900px){.domino-generator{padding:10px}.main-layout{gap:15px}.drawing-area{overflow-x:auto}.palette-container{gap:15px}.domino-palette h3,.group-header{font-size:14px}.group-header{height:25px;width:25px}.controls{align-items:stretch}.domino-input{flex-direction:column;text-align:center}.domino-input>div{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.action-buttons{justify-content:flex-start;overflow-x:auto;padding-bottom:5px}.add-btn,.control-btn,.export-btn{flex-shrink:0;font-size:12px;padding:6px 12px}}@media (max-width:600px){.instructions{font-size:12px;padding:10px}.domino-generator h2{font-size:1.5em}.dots-input{font-size:14px;width:60px}.palette-container{gap:10px}.group-header{height:20px;width:20px}.domino-palette h3,.group-header{font-size:12px}}.domino-generator-tile{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.domino-generator-tile .game-content h3{color:#fff}.domino-generator-tile .game-content p{color:#ffffffe6}.domino-generator-tile .game-difficulty{color:#fffc}.pattern-generator{margin:0 auto;max-width:1400px;padding:20px;width:100%}.pattern-generator h2{color:#333;margin-bottom:20px;text-align:center}.element-selector{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:30px}.element-selector span{color:#333;font-weight:700}.element-btn{align-items:center;background:#fff;border:2px solid #333;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;transition:all .2s;width:40px}.element-btn:hover{background:#f0f0f0}.element-btn.active{background:#007bff;border-color:#007bff;color:#fff}.pattern-section{background-image:radial-gradient(circle at center,#a8d8ea 2px,#0000 0);background-position:10px 10px;background-size:20px 20px;border:2px solid #333;cursor:crosshair}@media (max-width:1400px){.pattern-section{height:250px;width:250px}.pattern-sections{gap:10px}}@media (max-width:1100px){.pattern-section{height:200px;width:200px}.pattern-sections{gap:8px}}@media (max-width:900px){.pattern-section{height:180px;width:180px}.pattern-sections{gap:5px;padding:0 5px}.element-selector{flex-wrap:wrap}}@media (max-width:768px){.pattern-section{height:160px;width:160px}.section-controls button{font-size:10px;padding:3px 6px}}.pattern-generator-tile{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.pattern-generator-tile .game-content h3{color:#fff}.pattern-generator-tile .game-content p{color:#ffffffe6}.pattern-generator-tile .game-difficulty{color:#fffc}.pattern-generator-text{margin:0 auto;max-width:1400px;padding:20px;width:100%}.pattern-generator-text h2{color:#333;margin-bottom:20px;text-align:center}.pattern-sections{display:flex;flex-wrap:nowrap;gap:15px;justify-content:center;margin-bottom:30px;min-width:min-content;overflow-x:auto;padding:0 20px}.section-container{align-items:center;display:flex;flex-direction:column;flex-shrink:0}.pattern-section{flex-shrink:0;height:300px;margin-bottom:10px;position:relative;width:300px}.pattern-section:hover{border-color:#007bff}.section-controls{display:flex;gap:5px;margin-bottom:10px}.section-controls button{background:#fff;border:1px solid #ccc;border-radius:3px;cursor:pointer;font-size:12px;padding:5px 10px;transition:all .2s}.section-controls button:hover{background:#f0f0f0;border-color:#007bff}.text-input-container{max-width:300px;width:100%}.pattern-text-input{border:2px solid #ccc;border-radius:4px;box-sizing:border-box;font-family:Courier New,monospace;font-size:14px;min-height:80px;padding:8px;resize:vertical;width:100%}.pattern-text-input:focus{border-color:#007bff;outline:none}.pattern-text-input::placeholder{color:#999;font-family:Courier New,monospace}.export-controls{margin-top:20px;text-align:center}.export-btn{border-radius:5px;font-size:16px;padding:12px 24px}@media (max-width:1400px){.pattern-section{height:250px;width:250px}.pattern-sections{gap:10px}.text-input-container{max-width:250px}}@media (max-width:1100px){.pattern-section{height:200px;width:200px}.pattern-sections{gap:8px}.text-input-container{max-width:200px}}@media (max-width:900px){.pattern-section{height:180px;width:180px}.pattern-sections{gap:5px;padding:0 5px}.text-input-container{max-width:180px}}@media (max-width:768px){.pattern-section{height:160px;width:160px}.section-controls button{font-size:10px;padding:3px 6px}.text-input-container{max-width:160px}.pattern-text-input{font-size:12px;min-height:60px}}.pattern-section>div{z-index:10}.pattern-generator-text-tile{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.pattern-generator-text-tile .game-content h3{color:#fff}.pattern-generator-text-tile .game-content p{color:#ffffffe6}.pattern-generator-text-tile .game-difficulty{color:#fffc}.cube-renderer{align-items:center;display:flex;justify-content:center;margin:1rem 0}.cube-renderer svg{background:#f9f9f9;border:2px solid #ddd;border-radius:8px;box-shadow:0 2px 8px #0000001a}.cube-face{transition:fill .3s ease}.cube-face:hover{fill:#ffeb3b!important}.cube-top{fill:#e8e8e8}.cube-left{fill:#c8c8c8}.cube-right{fill:#a8a8a8}.cube-face{animation:cubeAppear .5s ease-out}@keyframes cubeAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.rectangle-drawer{margin:0 auto;max-width:1200px;padding:20px;width:100%}.rectangle-drawer h2{color:#333;margin-bottom:20px;text-align:center}.controls{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:15px}.control-btn{background:#fff;border:2px solid #333;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.control-btn:hover{background:#f0f0f0;border-color:#007bff}.control-btn.active{background:#007bff;border-color:#007bff;color:#fff}.control-btn:disabled{color:#6c757d;cursor:not-allowed}.control-btn:disabled,.control-btn:disabled:hover{background:#f8f9fa;border-color:#dee2e6}.export-btn{background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.export-btn:hover{background:#218838}.instructions{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;font-size:14px;margin-bottom:20px;padding:15px}.instructions p{margin:5px 0}.instructions p:first-child{font-weight:700;margin-top:0}.drawing-area{background:#fff;border:2px solid #333;border-radius:8px;display:flex;justify-content:center;padding:10px}.drawing-surface{background:#fff;border:1px solid #ccc;border-radius:4px;cursor:crosshair}.drawing-surface:hover{border-color:#007bff}@media (max-width:900px){.rectangle-drawer{padding:10px}.controls,.drawing-area{overflow-x:auto}.controls{justify-content:flex-start;padding-bottom:5px}.control-btn,.export-btn{flex-shrink:0;font-size:12px;padding:6px 12px}}@media (max-width:600px){.instructions{font-size:12px;padding:10px}.rectangle-drawer h2{font-size:1.5em}}.rectangle-drawer-tile{background:linear-gradient(135deg,#ffecd2,#fcb69f);color:#333}.rectangle-drawer-tile .game-content h3{color:#333}.rectangle-drawer-tile .game-content p{color:#333c}.rectangle-drawer-tile .game-difficulty{color:#333333b3}.knights-generator{margin:0 auto;max-width:1200px;padding:20px}.role-set-selection{display:flex;flex-direction:column;gap:12px}.role-set-option{align-items:center;border-radius:6px;color:#495057;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:8px;transition:background-color .2s}.role-set-option:hover{background-color:#f8f9fa}.knights-radio{appearance:radio!important;-webkit-appearance:radio!important;-moz-appearance:radio!important;cursor:pointer!important;height:18px!important;width:18px!important}.statement-types{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.statement-types label{align-items:center;color:#495057;cursor:pointer;display:flex;font-size:14px;gap:8px}.control-section>label input[type=checkbox],.statement-types input[type=checkbox]{cursor:pointer;margin:0!important;vertical-align:middle}.control-section>label input[type=checkbox],.knights-checkbox,.statement-types input[type=checkbox]{appearance:checkbox!important;-webkit-appearance:checkbox!important;-moz-appearance:checkbox!important;display:inline-block!important;height:18px!important;width:18px!important}.knights-checkbox{background:#fff!important;border:2px solid #ccc!important;border-radius:3px!important;cursor:pointer!important;margin:0 8px 0 0!important;position:relative!important;vertical-align:middle!important}.knights-checkbox:checked{background:#667eea!important;border-color:#667eea!important}.generate-button:hover{background:#5a67d8}.generate-button:active{background:#4c51bf}.generate-button.secondary:hover{background:#5a6268}.generate-button.secondary:active{background:#495057}.puzzle-meta{gap:20px}.statements{display:flex;flex-direction:column;gap:12px}.statement strong{color:#2c3e50;margin-right:8px}.solution-number{color:#475569;font-weight:600;min-width:20px}.solutions-count{color:#475569;margin-bottom:12px}@media (max-width:768px){.role-set-selection{gap:8px}.statement-types{grid-template-columns:1fr}.generate-buttons{flex-direction:column}.generate-button{min-width:0;min-width:auto}.puzzle-header{align-items:flex-start;flex-direction:column;gap:10px}.puzzle-meta{flex-wrap:wrap;gap:10px}}.zebra-generator{margin:0 auto;max-width:1200px;padding:20px}.generator-controls{background:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:20px}.control-section{margin-bottom:30px}.control-section:last-child{margin-bottom:20px}.control-section h3{color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 15px}.person-count-selection{display:flex;flex-direction:column;gap:12px}.person-count-option{align-items:center;border-radius:6px;color:#495057;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:8px;transition:background-color .2s}.person-count-option:hover{background-color:#f8f9fa}.zebra-radio{appearance:radio!important;-webkit-appearance:radio!important;-moz-appearance:radio!important;cursor:pointer!important;height:18px!important;width:18px!important}.control-section>label{align-items:center;color:#495057;cursor:pointer;display:flex;font-size:14px;gap:8px}.zebra-checkbox{appearance:checkbox!important;-webkit-appearance:checkbox!important;-moz-appearance:checkbox!important;background:#fff!important;border:2px solid #ccc!important;border-radius:3px!important;cursor:pointer!important;display:inline-block!important;height:18px!important;margin:0 8px 0 0!important;position:relative!important;vertical-align:middle!important;width:18px!important}.zebra-checkbox:checked{background:#667eea!important;border-color:#667eea!important}.seed-input{border:2px solid #dee2e6;border-radius:6px;font-size:14px;padding:8px 12px;transition:border-color .2s;width:120px}.seed-input:focus{border-color:#667eea;outline:none}.generate-buttons{display:flex;flex-wrap:wrap;gap:12px}.generate-button{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;min-width:160px;padding:12px 24px;transition:background-color .2s}.generate-button:hover:not(:disabled){background:#5a67d8}.generate-button:active:not(:disabled){background:#4c51bf}.generate-button:disabled{background:#9ca3af;cursor:not-allowed}.generate-button.secondary{background:#6c757d}.generate-button.secondary:hover:not(:disabled){background:#5a6268}.generate-button.secondary:active:not(:disabled){background:#495057}.generated-puzzle{background:#fff;border:2px solid #e2e8f0;border-radius:8px;margin-top:20px;padding:20px}.puzzle-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.puzzle-header h3{color:#2c3e50;font-size:20px;margin:0}.puzzle-meta{color:#6c757d;display:flex;flex-wrap:wrap;font-size:14px;gap:15px}.puzzle-meta span{background:#f8f9fa;border-radius:4px;padding:4px 8px}.puzzle-meta .minimized{background:#dcfce7;color:#15803d}.puzzle-description{background:#f1f5f9;border-left:4px solid #3b82f6;border-radius:6px;margin-bottom:20px;padding:15px}.puzzle-description p{color:#475569;margin:8px 0}.puzzle-description em{color:#64748b;font-style:italic}.statements{margin-bottom:20px}.statements h4{color:#2c3e50;font-size:18px;margin:0 0 15px}.statement{align-items:flex-start;background:#f8f9fa;border-left:4px solid #667eea;border-radius:6px;display:flex;gap:12px;margin:8px 0;padding:12px 16px}.statement-number{color:#475569;flex-shrink:0;font-weight:600;min-width:20px}.statement-text{color:#334155;flex:1 1}.solutions{border-top:1px solid #e2e8f0;margin-top:20px;padding-top:20px}.solutions h4{color:#2c3e50;font-size:18px;margin:0 0 15px}.solution{align-items:center;background:#f1f5f9;border-radius:6px;display:flex;gap:8px;margin:8px 0;padding:8px 12px}.unique-solution{background:#dcfce7;border-left:4px solid #22c55e}.world{color:#334155;font-family:Courier New,monospace;font-size:14px}@media (max-width:768px){.person-count-selection{gap:8px}.generate-buttons{flex-direction:column}.generate-button{min-width:0;min-width:auto}.puzzle-header{align-items:flex-start;flex-direction:column;gap:10px}.puzzle-meta{flex-wrap:wrap;gap:10px}.statement{align-items:flex-start;flex-direction:column;gap:8px}}.dot-split-generator{margin:0 auto;max-width:1200px;padding:20px}.dot-split-generator h1{color:#222;font-size:28px;margin-bottom:8px}.dot-split-generator .subtitle{color:#555;margin-bottom:16px}.dot-split-generator .controls{background:#f7f9fc;border-radius:10px;margin-bottom:18px;padding:16px}.dot-split-generator .control-group{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.dot-split-generator .control-item label{color:#555;display:block;font-size:13px;font-weight:700;margin-bottom:6px}.dot-split-generator .control-item input{border:2px solid #dfe5ef;border-radius:8px;font-size:14px;padding:9px 12px;width:100%}.dot-split-generator .control-item .note{color:#808ea2;font-size:12px;margin-top:4px}.dot-split-generator .buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.dot-split-generator button{border:none;border-radius:8px;cursor:pointer;font-weight:700;padding:11px 18px;transition:.2s}.dot-split-generator .btn-primary{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.dot-split-generator .btn-primary:disabled{background:#cfd7e6;cursor:not-allowed}.dot-split-generator .btn-secondary{background:#28a745;color:#fff}.dot-split-generator .btn-secondary:disabled{background:#cfd7e6;cursor:not-allowed}.dot-split-generator .btn-outline{background:#fff;border:2px solid #4facfe;color:#4facfe}.dot-split-generator .canvas-wrap{background:#f7f9fc;border-radius:10px;display:flex;justify-content:center;margin:18px 0;padding:16px}.dot-split-generator canvas{background:#fff;border:1px solid #999}.dot-split-generator .progress{margin-top:10px}.dot-split-generator .progress-bar{background:#e9edf5;border-radius:12px;height:22px;overflow:hidden;width:100%}.dot-split-generator .progress-fill{align-items:center;background:linear-gradient(90deg,#4facfe,#00f2fe);color:#fff;display:flex;font-size:12px;font-weight:800;height:100%;justify-content:center;transition:width .3s ease}.dot-split-generator .info{background:#e8f5ff;border-left:4px solid #1a89ff;border-radius:6px;margin-top:10px;padding:12px}.dot-split-generator .kpi{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-top:8px}.dot-split-generator .kpi div{background:#fff;border:1px solid #e2eefc;border-radius:8px;padding:8px 10px}.dot-split-generator .kpi strong{color:#0c60cc}.dot-split-generator2{--bg:#0f1115;--panel:#151822;--ink:#e8ecf1;--muted:#9aa4b2;--accent:#5aa9ff;--danger:#ff6470;--ok:#5bd39a;--warn:#fc6;background:var(--bg);color:var(--ink);min-height:100vh;padding:20px}.dot-split-generator2 .header-card{margin:0 auto 16px;max-width:1100px}.dot-split-generator2 .card,.dot-split-generator2 .header-card{background:var(--panel);border:1px solid #222737;border-radius:10px;box-shadow:0 4px 16px #00000059,inset 0 1px #ffffff08;padding:12px 14px}.dot-split-generator2 .inputs{grid-gap:8px 10px;align-items:end;display:grid;gap:8px 10px;grid-template-columns:repeat(12,1fr)}.dot-split-generator2 .inputs .field{grid-column:span 3}.dot-split-generator2 .inputs .field.xs{grid-column:span 2}.dot-split-generator2 .inputs .field.sm{grid-column:span 3}.dot-split-generator2 .inputs .field.wide{grid-column:span 6}.dot-split-generator2 .inputs label{color:var(--muted);display:block;font-size:13px;font-weight:600;margin-bottom:4px}.dot-split-generator2 .inputs input[type=number],.dot-split-generator2 .inputs input[type=range],.dot-split-generator2 .inputs select{background:#0f1320;border:1px solid #2a2f40;border-radius:8px;box-sizing:border-box;color:var(--ink);outline:none;padding:10px 12px;width:100%}.dot-split-generator2 .inputs input[type=range]{padding:6px 0}.dot-split-generator2 .inputs input[type=number]:focus,.dot-split-generator2 .inputs input[type=range]:focus,.dot-split-generator2 .inputs select:focus{border-color:var(--accent)}.dot-split-generator2 .buttons{display:flex;flex-wrap:wrap;gap:8px}.dot-split-generator2 button{appearance:none;background:var(--accent);border:none;border-radius:9px;box-shadow:0 5px 18px #4986ff59;color:#081019;cursor:pointer;font-weight:700;padding:10px 14px}.dot-split-generator2 button.secondary{background:#273049;box-shadow:none;color:var(--ink)}.dot-split-generator2 button.ghost{background:#0000;border:1px solid #2a2f40;color:var(--ink)}.dot-split-generator2 button:disabled{cursor:not-allowed;opacity:.55}.dot-split-generator2 .row{align-items:stretch;display:flex;gap:14px;margin:0 auto;max-width:1100px;padding:12px 0 4px}.dot-split-generator2 .left{flex:1 1 640px}.dot-split-generator2 .right{flex:0 0 400px;width:400px}.dot-split-generator2 .canvas-card{padding:8px 10px 10px}.dot-split-generator2 canvas{aspect-ratio:1/1;background:#fff;border:1px solid #1d2132;border-radius:12px;display:block;height:auto;-webkit-user-select:none;user-select:none;width:100%}.dot-split-generator2 .badge{border-radius:999px;display:inline-block;font-size:12px;font-weight:700;padding:2px 8px}.dot-split-generator2 .badge.ok{background:#1d3a2c;color:var(--ok)}.dot-split-generator2 .badge.warn{background:#3d2e06;color:var(--warn)}.dot-split-generator2 .badge.err{background:#3a1418;color:var(--danger)}.dot-split-generator2 .muted{color:var(--muted)}.dot-split-generator2 details{margin-top:8px}.dot-split-generator2 summary{color:var(--muted);cursor:pointer}.dot-split-generator2 .json,.dot-split-generator2 .log{background:#0b0e16;border:1px solid #1d2132;border-radius:10px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.4;max-height:300px;min-height:120px;overflow-y:auto;padding:10px;white-space:pre-wrap}.dot-split-generator2 .puzzle-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.dot-split-generator2 .summary{font-size:13px;margin-bottom:6px}.dot-split-generator2 .footer{color:var(--muted);margin:10px auto 24px;max-width:1100px;padding:0 2px}@media (max-width:980px){.dot-split-generator2 .row{flex-direction:column}.dot-split-generator2 .right{flex:1 1 auto;width:auto}}.dijkstra-generator{--bg:#fff;--fg:#000;--thin:1px;--thick:3px;background:var(--bg);color:var(--fg);font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;margin:0;min-height:100vh;padding:0}.dijkstra-generator header{border-bottom:1px solid var(--fg);padding:14px 16px}.dijkstra-generator h1{font-size:18px;margin:0 0 10px}.dijkstra-generator .toolbar{grid-gap:10px;align-items:end;display:grid;gap:10px;grid-template-columns:repeat(12,minmax(0,1fr))}.dijkstra-generator .toolbar .group{grid-column:span 2}.dijkstra-generator .toolbar label{display:block;font-size:12px;margin-bottom:4px}.dijkstra-generator .toolbar input[type=number],.dijkstra-generator .toolbar input[type=text]{background:var(--bg);border:1px solid var(--fg);box-sizing:border-box;color:var(--fg);padding:7px 8px;width:100%}.dijkstra-generator .toolbar button{background:var(--bg);border:1px solid var(--fg);color:var(--fg);cursor:pointer;font-size:14px;grid-column:span 2;padding:9px 10px}.dijkstra-generator .toolbar button:hover{filter:contrast(110%)}.dijkstra-generator .toolbar button:disabled{cursor:not-allowed;opacity:.5}.dijkstra-generator .small{font-size:12px;margin-top:8px;opacity:.9}.dijkstra-generator main{grid-gap:0;display:grid;gap:0;grid-template-columns:1fr 340px}.dijkstra-generator .stage{border-right:1px solid var(--fg)}.dijkstra-generator .cy{height:600px;padding:12px}.dijkstra-generator .graphviz-container{border:1px solid var(--fg);height:100%;width:100%}.dijkstra-generator aside{padding:12px 16px}.dijkstra-generator .legend{border-bottom:1px solid var(--fg);font-size:13px;margin-bottom:12px;padding-bottom:10px}.dijkstra-generator .legend .swatch{border-top:var(--thick) solid #000;display:inline-block;height:0;margin-right:6px;vertical-align:middle;width:18px}.dijkstra-generator .result{border-top:1px dashed #000;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:13px;margin-top:10px;padding-top:10px;white-space:pre-wrap}.dijkstra-generator .note{font-size:12px;opacity:.9}.dijkstra-generator .note p{margin:10px 0}@media (max-width:980px){.dijkstra-generator main{grid-template-columns:1fr}.dijkstra-generator .stage{border-bottom:1px solid var(--fg);border-right:none}}.bucket-generator{--bg:#fff;--panel:#f5f5f5;--text:#000;--good:#16a34a;--warn:#ea580c;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;margin:0;min-height:100vh;padding-bottom:60px}.bucket-generator header{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(180deg,var(--bg) 0,#ffffffe6 70%,#fff0 100%);padding:16px 20px;position:sticky;top:0;z-index:5}.bucket-generator h1{font-size:22px;letter-spacing:.3px;margin:0}.bucket-generator h3{color:var(--text);font-size:16px;margin-top:16px}.bucket-generator .wrap{margin:0 auto;max-width:900px;padding:12px 20px 60px}.bucket-generator .panel{background:var(--panel);border:1px solid #0000001a;border-radius:16px;box-shadow:0 4px 12px #00000014;padding:16px}.bucket-generator .row{align-items:end;display:flex;flex-wrap:wrap;gap:12px}.bucket-generator label{display:block;font-size:12px;font-weight:500;margin-bottom:6px;opacity:.7}.bucket-generator input[type=number]{background:#fff;border:1px solid #0003;border-radius:12px;box-sizing:border-box;color:var(--text);font-size:14px;padding:10px 12px;width:160px}.bucket-generator input[type=number]:focus{border-color:#3a55ff99;box-shadow:0 0 0 3px #3a55ff1a;outline:none}.bucket-generator button{background:linear-gradient(180deg,#3a55ff,#2745ff);border:none;border-radius:12px;box-shadow:0 8px 20px #2745ff59;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 14px}.bucket-generator button:hover{filter:brightness(1.1)}.bucket-generator button.ghost{background:#fff;border:1px solid #0003;box-shadow:none;color:#000}.bucket-generator button.ghost:hover{background:#f5f5f5;filter:none}.bucket-generator .pill{background:#e5e7eb;border:1px solid #00000026;border-radius:999px;color:#000;display:inline-block;font-size:12px;padding:4px 8px}.bucket-generator .mono,.bucket-generator pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.bucket-generator pre{background:#fff;border:1px solid #0003;border-radius:12px;color:#000;font-size:13px;line-height:1.5;overflow:auto;padding:12px;white-space:pre-wrap}.bucket-generator .mt{margin-top:12px}.bucket-generator .good{color:var(--good)}.bucket-generator .warn{color:var(--warn)}@media (max-width:680px){.bucket-generator .wrap{padding:12px 12px 60px}.bucket-generator input[type=number]{width:140px}}.number-steps-generator{--bg:#fff;--panel:#f5f5f5;--text:#000;--good:#16a34a;--warn:#ea580c;--bad:#dc2626;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;margin:0;min-height:100vh;padding-bottom:60px}.number-steps-generator header{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(180deg,var(--bg) 0,#ffffffe6 70%,#fff0 100%);padding:16px 20px;position:sticky;top:0;z-index:5}.number-steps-generator h1{font-size:22px;letter-spacing:.3px;margin:0}.number-steps-generator h3{color:var(--text);font-size:16px;margin-top:16px}.number-steps-generator .wrap{margin:0 auto;max-width:950px;padding:12px 20px 60px}.number-steps-generator .panel{background:var(--panel);border:1px solid #0000001a;border-radius:16px;box-shadow:0 4px 12px #00000014;padding:16px}.number-steps-generator .row{align-items:end;display:flex;flex-wrap:wrap;gap:12px}.number-steps-generator label{display:block;font-size:12px;font-weight:500;margin-bottom:6px;opacity:.7}.number-steps-generator input[type=number]{background:#fff;border:1px solid #0003;border-radius:12px;box-sizing:border-box;color:var(--text);font-size:14px;padding:10px 12px;width:160px}.number-steps-generator input[type=number]:focus{border-color:#3a55ff99;box-shadow:0 0 0 3px #3a55ff1a;outline:none}.number-steps-generator button{background:linear-gradient(180deg,#3a55ff,#2745ff);border:none;border-radius:12px;box-shadow:0 8px 20px #2745ff59;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 14px}.number-steps-generator button:hover{filter:brightness(1.1)}.number-steps-generator button.ghost{background:#fff;border:1px solid #0003;box-shadow:none;color:#000}.number-steps-generator button.ghost:hover{background:#f5f5f5;filter:none}.number-steps-generator .pill{background:#e5e7eb;border:1px solid #00000026;border-radius:999px;color:#000;display:inline-block;font-size:12px;padding:4px 8px}.number-steps-generator .mono,.number-steps-generator pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.number-steps-generator pre{background:#fff;border:1px solid #0003;border-radius:12px;color:#000;font-size:13px;line-height:1.5;overflow:auto;padding:12px;white-space:pre-wrap}.number-steps-generator .mt{margin-top:12px}.number-steps-generator .good{color:var(--good)}.number-steps-generator .warn{color:var(--warn)}.number-steps-generator .bad{color:var(--bad)}.number-steps-generator .ops{display:flex;flex-wrap:wrap;gap:8px}.number-steps-generator .op{background:#e0e7ff;border:1px solid #00000026;border-radius:999px;color:#1e40af;font-size:13px;font-weight:600;padding:6px 12px}@media (max-width:680px){.number-steps-generator .wrap{padding:12px 12px 60px}.number-steps-generator input[type=number]{width:140px}}.generators-screen{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:2rem}.generators-header{margin-bottom:3rem;text-align:center}.header-content h1{color:#2c3e50;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.subtitle{color:#7f8c8d;font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:600px}.generators-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:1000px;padding:2rem 0}.generator-tile{align-items:center;background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 4px 16px #0000001a;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:160px;padding:2rem 1.5rem;position:relative;text-align:center;transition:all .3s ease}.generator-tile:hover{border-color:#3498db;box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.generator-icon{align-items:center;display:flex;font-size:4rem;justify-content:center;margin-bottom:1rem}.generator-content{text-align:center}.generator-name{color:#2c3e50;font-size:1.2rem;font-weight:600;margin:0}.generator-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 16px #0000001a;display:flex;gap:1rem;margin-bottom:2rem;padding:1rem 2rem}.generator-header h1{color:#2c3e50;font-size:2rem;font-weight:600;margin:0}@media (max-width:768px){.generators-screen{padding:1rem}.header-content h1{font-size:2rem}.generators-grid{gap:1rem;grid-template-columns:repeat(2,1fr);padding:1rem 0}.generator-tile{min-height:140px;padding:1.5rem 1rem}.generator-icon{font-size:3rem;margin-bottom:.5rem}.generator-name{font-size:1rem}.generator-header{align-items:flex-start;flex-direction:column;gap:.5rem}.generator-header h1{font-size:1.5rem}}@media (max-width:480px){.generators-grid{grid-template-columns:1fr}.generator-tile{min-height:120px}.generator-icon{font-size:2.5rem}}.module-review-screen{background:linear-gradient(to-br from-blue-50 to-indigo-100);min-height:100vh;padding:1rem}.review-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;gap:1rem;margin-bottom:2rem;padding:1.5rem}.back-button{background:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;flex-shrink:0;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.back-button:hover{background:#2980b9;transform:translateY(-1px)}.module-info h1{color:#2c3e50;font-size:2rem;font-weight:600;margin:0 0 .5rem}.module-stats{color:#7f8c8d;font-size:1.1rem;margin:0}.tasks-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin:0 auto;max-width:1200px}.task-tile{align-items:center;background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 4px 12px #0000001a;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;min-height:140px;padding:1rem;position:relative;transition:all .3s ease}.task-tile:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.task-tile.solved{border-color:#27ae60}.task-tile.solved:hover{border-color:#2ecc71}.task-tile.unsolved{border-color:#e74c3c}.task-tile.unsolved:hover{border-color:#c0392b}.task-number{align-items:center;background:#ecf0f1;border-radius:50%;color:#2c3e50;display:flex;font-size:.9rem;font-weight:700;height:2rem;justify-content:center;left:.5rem;width:2rem}.task-number,.task-status{position:absolute;top:.5rem}.task-status{right:.5rem}.status-solved{color:#27ae60}.status-solved,.status-unsolved{font-size:1.2rem;font-weight:700}.status-unsolved{color:#e74c3c}.task-image{align-items:center;display:flex;flex:1 1;justify-content:center;margin:.5rem 0;max-height:80px;max-width:100%;overflow:hidden}.task-image img{border-radius:6px;max-height:100%;max-width:100%;object-fit:contain}.task-type{color:#f39c12;font-size:.9rem;font-weight:600;margin-top:.5rem}.error,.loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:50vh;text-align:center}.spinner{animation:spin 2s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;margin-bottom:1rem;width:40px}@media (min-width:1024px){.tasks-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.task-tile{min-height:160px;padding:1.25rem}.task-image{max-height:100px}}@media (max-width:768px){.module-review-screen{padding:.75rem}.review-header{align-items:flex-start;flex-direction:column;gap:1rem;padding:1rem}.module-info h1{font-size:1.5rem}.tasks-grid{gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.task-tile{min-height:120px;padding:.75rem}.task-image{max-height:60px}}.loading-overlay{align-items:center;background:#ffffffe6;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@media (max-width:480px){.tasks-grid{gap:.5rem;grid-template-columns:repeat(4,1fr)}.task-tile{min-height:100px;padding:.5rem}.task-number{font-size:.8rem;height:1.5rem;left:.25rem;top:.25rem;width:1.5rem}.task-status{right:.25rem;top:.25rem}.status-solved,.status-unsolved{font-size:1rem}.task-image{margin:.25rem 0;max-height:40px}.task-type{font-size:.8rem;margin-top:.25rem}}.app-footer{background-color:#fff;border-top:1px solid #e5e7eb;margin-top:auto;padding:12px 0;position:relative;width:100%;z-index:10}.app-footer .container{margin:0 auto;max-width:1200px;padding:0 20px}.app-footer .footer-text{color:#6b7280;font-family:Thicccboi,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;margin:0;text-align:center}.App{display:flex;flex-direction:column}.App>div:first-child{flex:1 1}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App{min-height:100vh}.app-loading{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:50px;margin-bottom:1rem;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.app-loading p{font-size:1.2rem;font-weight:600}@media (max-width:768px){body{font-size:14px}}@media (max-width:480px){body{background-color:#fff;font-size:13px}.App{height:auto!important;min-height:auto!important}}
/*# sourceMappingURL=main.ff1e2686.css.map*/