@import url(https://fonts.googleapis.com/css2?family=Fredoka:wght@300;400;500;600;700&display=swap);*,: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: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#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.18 | 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}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}:root{--background:0 0% 100%;--foreground:0 0% 3.9%;--card:0 0% 100%;--card-foreground:0 0% 3.9%;--popover:0 0% 100%;--popover-foreground:0 0% 3.9%;--primary:0 0% 9%;--primary-foreground:0 0% 98%;--secondary:0 0% 96.1%;--secondary-foreground:0 0% 9%;--muted:0 0% 96.1%;--muted-foreground:0 0% 45.1%;--accent:0 0% 96.1%;--accent-foreground:0 0% 9%;--destructive:0 84.2% 60.2%;--destructive-foreground:0 0% 98%;--border:0 0% 89.8%;--input:0 0% 89.8%;--ring:0 0% 3.9%;--chart-1:12 76% 61%;--chart-2:173 58% 39%;--chart-3:197 37% 24%;--chart-4:43 74% 66%;--chart-5:27 87% 67%;--radius:0.5rem}*{border-color:#e5e5e5;border-color:hsl(var(--border))}body{background-color:#fff;background-color:hsl(var(--background));color:#0a0a0a;color:hsl(var(--foreground))}[data-debug-wrapper=true]{display:contents!important}[data-debug-wrapper=true]>*{border:inherit;column-gap:inherit;gap:inherit;margin:inherit;padding:inherit;row-gap:inherit}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-x-0{left:0;right:0}.inset-y-0{bottom:0;top:0}.-bottom-12{bottom:-3rem}.-left-12{left:-3rem}.-right-12{right:-3rem}.-top-12{top:-3rem}.bottom-0{bottom:0}.left-0{left:0}.left-1{left:.25rem}.left-1\/2{left:50%}.left-2{left:.5rem}.left-\[50\%\]{left:50%}.right-0{right:0}.right-1{right:.25rem}.right-2{right:.5rem}.right-4{right:1rem}.top-0{top:0}.top-1{top:.25rem}.top-1\/2{top:50%}.top-4{top:1rem}.top-\[1px\]{top:1px}.top-\[50\%\]{top:50%}.top-\[60\%\]{top:60%}.top-full{top:100%}.z-10{z-index:10}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[1\]{z-index:1}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-bottom:.25rem;margin-top:.25rem}.-ml-4{margin-left:-1rem}.-mt-4{margin-top:-1rem}.mb-1{margin-bottom:.25rem}.ml-1{margin-left:.25rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-24{margin-top:6rem}.mt-4{margin-top:1rem}.mt-auto{margin-top:auto}.box-content{box-sizing:initial}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.aspect-square{aspect-ratio:1/1}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[1px\]{height:1px}.h-\[var\(--radix-navigation-menu-viewport-height\)\]{height:var(--radix-navigation-menu-viewport-height)}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.max-h-\[--radix-context-menu-content-available-height\]{max-height:var(--radix-context-menu-content-available-height)}.max-h-\[--radix-select-content-available-height\]{max-height:var(--radix-select-content-available-height)}.max-h-\[300px\]{max-height:300px}.max-h-\[var\(--radix-dropdown-menu-content-available-height\)\]{max-height:var(--radix-dropdown-menu-content-available-height)}.max-h-screen{max-height:100vh}.min-h-\[60px\]{min-height:60px}.w-10{width:2.5rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-3\/4{width:75%}.w-4{width:1rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[100px\]{width:100px}.w-\[1px\]{width:1px}.w-full{width:100%}.w-max{width:-webkit-max-content;width:max-content}.w-px{width:1px}.min-w-0{min-width:0}.min-w-10{min-width:2.5rem}.min-w-8{min-width:2rem}.min-w-9{min-width:2.25rem}.min-w-\[12rem\]{min-width:12rem}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.max-w-lg{max-width:32rem}.max-w-max{max-width:-webkit-max-content;max-width:max-content}.flex-1{flex:1 1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.basis-full{flex-basis:100%}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.origin-\[--radix-context-menu-content-transform-origin\]{transform-origin:var(--radix-context-menu-content-transform-origin)}.origin-\[--radix-dropdown-menu-content-transform-origin\]{transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.origin-\[--radix-hover-card-content-transform-origin\]{transform-origin:var(--radix-hover-card-content-transform-origin)}.origin-\[--radix-menubar-content-transform-origin\]{transform-origin:var(--radix-menubar-content-transform-origin)}.origin-\[--radix-popover-content-transform-origin\]{transform-origin:var(--radix-popover-content-transform-origin)}.origin-\[--radix-select-content-transform-origin\]{transform-origin:var(--radix-select-content-transform-origin)}.origin-\[--radix-tooltip-content-transform-origin\]{transform-origin:var(--radix-tooltip-content-transform-origin)}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{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\/2{--tw-translate-y:-50%}.translate-x-\[-50\%\]{--tw-translate-x:-50%}.translate-x-\[-50\%\],.translate-y-\[-50\%\]{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-\[-50\%\]{--tw-translate-y:-50%}.rotate-45{--tw-rotate:45deg}.rotate-45,.rotate-90{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-90{--tw-rotate:90deg}.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-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;user-select:none}.list-none{list-style-type:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.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-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-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.375rem*var(--tw-space-y-reverse));margin-top:calc(.375rem*(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-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)))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem;border-radius:var(--radius)}.rounded-md{border-radius:calc(.5rem - 2px);border-radius:calc(var(--radius) - 2px)}.rounded-sm{border-radius:calc(.5rem - 4px);border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:.75rem}.rounded-t-\[10px\]{border-top-left-radius:10px;border-top-right-radius:10px}.rounded-tl-sm{border-top-left-radius:calc(.5rem - 4px);border-top-left-radius:calc(var(--radius) - 4px)}.border{border-width:1px}.border-2{border-width:2px}.border-y{border-top-width:1px}.border-b,.border-y{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-destructive{border-color:#ef4444;border-color:hsl(var(--destructive))}.border-destructive\/50{border-color:#ef444480;border-color:hsl(var(--destructive)/.5)}.border-input{border-color:#e5e5e5;border-color:hsl(var(--input))}.border-primary{border-color:#171717;border-color:hsl(var(--primary))}.border-primary\/50{border-color:#17171780;border-color:hsl(var(--primary)/.5)}.border-transparent{border-color:#0000}.border-l-transparent{border-left-color:#0000}.border-t-transparent{border-top-color:#0000}.bg-accent{background-color:#f5f5f5;background-color:hsl(var(--accent))}.bg-background{background-color:#fff;background-color:hsl(var(--background))}.bg-black\/80{background-color:#000c}.bg-border{background-color:#e5e5e5;background-color:hsl(var(--border))}.bg-card{background-color:#fff;background-color:hsl(var(--card))}.bg-destructive{background-color:#ef4444;background-color:hsl(var(--destructive))}.bg-foreground{background-color:#0a0a0a;background-color:hsl(var(--foreground))}.bg-muted{background-color:#f5f5f5;background-color:hsl(var(--muted))}.bg-muted\/50{background-color:#f5f5f580;background-color:hsl(var(--muted)/.5)}.bg-popover{background-color:#fff;background-color:hsl(var(--popover))}.bg-primary{background-color:#171717;background-color:hsl(var(--primary))}.bg-primary\/10{background-color:#1717171a;background-color:hsl(var(--primary)/.1)}.bg-primary\/20{background-color:#17171733;background-color:hsl(var(--primary)/.2)}.bg-secondary{background-color:#f5f5f5;background-color:hsl(var(--secondary))}.bg-transparent{background-color:initial}.fill-current{fill:currentColor}.fill-primary{fill:#171717;fill:hsl(var(--primary))}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-\[1px\]{padding:1px}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.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-6{padding-bottom:1.5rem;padding-top:1.5rem}.pb-4{padding-bottom:1rem}.pl-2{padding-left:.5rem}.pl-2\.5{padding-left:.625rem}.pl-4{padding-left:1rem}.pl-8{padding-left:2rem}.pr-2{padding-right:.5rem}.pr-2\.5{padding-right:.625rem}.pr-6{padding-right:1.5rem}.pr-8{padding-right:2rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.align-middle{vertical-align:middle}.text-\[0\.8rem\]{font-size:.8rem}.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-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.lowercase{text-transform:lowercase}.leading-none{line-height:1}.tracking-tight{letter-spacing:-.025em}.tracking-widest{letter-spacing:.1em}.text-accent-foreground{color:#171717;color:hsl(var(--accent-foreground))}.text-card-foreground{color:#0a0a0a;color:hsl(var(--card-foreground))}.text-current{color:currentColor}.text-destructive{color:#ef4444;color:hsl(var(--destructive))}.text-destructive-foreground{color:#fafafa;color:hsl(var(--destructive-foreground))}.text-foreground{color:#0a0a0a;color:hsl(var(--foreground))}.text-foreground\/50{color:#0a0a0a80;color:hsl(var(--foreground)/.5)}.text-muted-foreground{color:#737373;color:hsl(var(--muted-foreground))}.text-popover-foreground{color:#0a0a0a;color:hsl(var(--popover-foreground))}.text-primary{color:#171717;color:hsl(var(--primary))}.text-primary-foreground{color:#fafafa;color:hsl(var(--primary-foreground))}.text-secondary-foreground{color:#171717;color:hsl(var(--secondary-foreground))}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-lg{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-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-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-md,.shadow-sm{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-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid #0000;outline-offset:2px}.outline{outline-style:solid}.ring-0{--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(var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-0,.ring-1{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)}.ring-1{--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)}.ring-ring{--tw-ring-color:hsl(var(--ring))}.ring-offset-background{--tw-ring-offset-color:hsl(var(--background))}.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,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-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-text-decoration-color,-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,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;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-1000{transition-duration:1s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@keyframes enter{0%{opacity:1;opacity:var(--tw-enter-opacity,1);transform:translateZ(0) scaleX(1) rotate(0);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:1;opacity:var(--tw-exit-opacity,1);transform:translateZ(0) scaleX(1) rotate(0);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.animate-in{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-duration:.15s;animation-name:enter}.fade-in-0{--tw-enter-opacity:0}.zoom-in-95{--tw-enter-scale:.95}.duration-1000{animation-duration:1s}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.running{animation-play-state:running}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.file\:border-0::-webkit-file-upload-button{border-width:0}.file\:border-0::file-selector-button{border-width:0}.file\:bg-transparent::-webkit-file-upload-button{background-color:initial}.file\:bg-transparent::file-selector-button{background-color:initial}.file\:text-sm::-webkit-file-upload-button{font-size:.875rem;line-height:1.25rem}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:font-medium::-webkit-file-upload-button{font-weight:500}.file\:font-medium::file-selector-button{font-weight:500}.file\:text-foreground::-webkit-file-upload-button{color:#0a0a0a;color:hsl(var(--foreground))}.file\:text-foreground::file-selector-button{color:#0a0a0a;color:hsl(var(--foreground))}.placeholder\:text-muted-foreground::placeholder{color:#737373;color:hsl(var(--muted-foreground))}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-y-0:after{bottom:0;content:var(--tw-content);top:0}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:w-1:after{content:var(--tw-content);width:.25rem}.after\:-translate-x-1\/2:after{--tw-translate-x:-50%;content:var(--tw-content);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))}.first\:rounded-l-md:first-child{border-bottom-left-radius:calc(.5rem - 2px);border-bottom-left-radius:calc(var(--radius) - 2px);border-top-left-radius:calc(.5rem - 2px);border-top-left-radius:calc(var(--radius) - 2px)}.first\:border-l:first-child{border-left-width:1px}.last\:rounded-r-md:last-child{border-bottom-right-radius:calc(.5rem - 2px);border-bottom-right-radius:calc(var(--radius) - 2px);border-top-right-radius:calc(.5rem - 2px);border-top-right-radius:calc(var(--radius) - 2px)}.focus-within\:relative:focus-within{position:relative}.focus-within\:z-20:focus-within{z-index:20}.hover\:bg-accent:hover{background-color:#f5f5f5;background-color:hsl(var(--accent))}.hover\:bg-destructive\/80:hover{background-color:#ef4444cc;background-color:hsl(var(--destructive)/.8)}.hover\:bg-destructive\/90:hover{background-color:#ef4444e6;background-color:hsl(var(--destructive)/.9)}.hover\:bg-muted:hover{background-color:#f5f5f5;background-color:hsl(var(--muted))}.hover\:bg-muted\/50:hover{background-color:#f5f5f580;background-color:hsl(var(--muted)/.5)}.hover\:bg-primary:hover{background-color:#171717;background-color:hsl(var(--primary))}.hover\:bg-primary\/80:hover{background-color:#171717cc;background-color:hsl(var(--primary)/.8)}.hover\:bg-primary\/90:hover{background-color:#171717e6;background-color:hsl(var(--primary)/.9)}.hover\:bg-secondary:hover{background-color:#f5f5f5;background-color:hsl(var(--secondary))}.hover\:bg-secondary\/80:hover{background-color:#f5f5f5cc;background-color:hsl(var(--secondary)/.8)}.hover\:text-accent-foreground:hover{color:#171717;color:hsl(var(--accent-foreground))}.hover\:text-foreground:hover{color:#0a0a0a;color:hsl(var(--foreground))}.hover\:text-muted-foreground:hover{color:#737373;color:hsl(var(--muted-foreground))}.hover\:text-primary-foreground:hover{color:#fafafa;color:hsl(var(--primary-foreground))}.hover\:underline:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.focus\:bg-accent:focus{background-color:#f5f5f5;background-color:hsl(var(--accent))}.focus\:bg-primary:focus{background-color:#171717;background-color:hsl(var(--primary))}.focus\:text-accent-foreground:focus{color:#171717;color:hsl(var(--accent-foreground))}.focus\:text-primary-foreground:focus{color:#fafafa;color:hsl(var(--primary-foreground))}.focus\:opacity-100:focus{opacity:1}.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-ring:focus{--tw-ring-color:hsl(var(--ring))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus-visible\:outline-none:focus-visible{outline:2px solid #0000;outline-offset:2px}.focus-visible\:ring-1:focus-visible{--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);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-visible\:ring-2:focus-visible{--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);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-visible\:ring-ring:focus-visible{--tw-ring-color:hsl(var(--ring))}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:hsl(var(--background))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:opacity-100{opacity:1}.group.destructive .group-\[\.destructive\]\:border-muted\/40{border-color:#f5f5f566;border-color:hsl(var(--muted)/.4)}.group.toaster .group-\[\.toaster\]\:border-border{border-color:#e5e5e5;border-color:hsl(var(--border))}.group.toast .group-\[\.toast\]\:bg-muted{background-color:#f5f5f5;background-color:hsl(var(--muted))}.group.toast .group-\[\.toast\]\:bg-primary{background-color:#171717;background-color:hsl(var(--primary))}.group.toaster .group-\[\.toaster\]\:bg-background{background-color:#fff;background-color:hsl(var(--background))}.group.destructive .group-\[\.destructive\]\:text-red-300{--tw-text-opacity:1;color:#fca5a5;color:rgb(252 165 165/var(--tw-text-opacity,1))}.group.toast .group-\[\.toast\]\:text-muted-foreground{color:#737373;color:hsl(var(--muted-foreground))}.group.toast .group-\[\.toast\]\:text-primary-foreground{color:#fafafa;color:hsl(var(--primary-foreground))}.group.toaster .group-\[\.toaster\]\:text-foreground{color:#0a0a0a;color:hsl(var(--foreground))}.group.toaster .group-\[\.toaster\]\: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);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)}.group.destructive .group-\[\.destructive\]\:hover\:border-destructive\/30:hover{border-color:#ef44444d;border-color:hsl(var(--destructive)/.3)}.group.destructive .group-\[\.destructive\]\:hover\:bg-destructive:hover{background-color:#ef4444;background-color:hsl(var(--destructive))}.group.destructive .group-\[\.destructive\]\:hover\:text-destructive-foreground:hover{color:#fafafa;color:hsl(var(--destructive-foreground))}.group.destructive .group-\[\.destructive\]\:hover\:text-red-50:hover{--tw-text-opacity:1;color:#fef2f2;color:rgb(254 242 242/var(--tw-text-opacity,1))}.group.destructive .group-\[\.destructive\]\:focus\:ring-destructive:focus{--tw-ring-color:hsl(var(--destructive))}.group.destructive .group-\[\.destructive\]\:focus\:ring-red-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(248 113 113/var(--tw-ring-opacity,1))}.group.destructive .group-\[\.destructive\]\:focus\:ring-offset-red-600:focus{--tw-ring-offset-color:#dc2626}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:opacity-70{opacity:.7}.has-\[\:disabled\]\:opacity-50:has(:disabled){opacity:.5}.aria-selected\:bg-accent[aria-selected=true]{background-color:#f5f5f5;background-color:hsl(var(--accent))}.aria-selected\:bg-accent\/50[aria-selected=true]{background-color:#f5f5f580;background-color:hsl(var(--accent)/.5)}.aria-selected\:text-accent-foreground[aria-selected=true]{color:#171717;color:hsl(var(--accent-foreground))}.aria-selected\:text-muted-foreground[aria-selected=true]{color:#737373;color:hsl(var(--muted-foreground))}.aria-selected\:opacity-100[aria-selected=true]{opacity:1}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true],.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction=vertical]{height:1px}.data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction=vertical]{width:100%}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:0.25rem}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom],.data-\[side\=left\]\:-translate-x-1[data-side=left]{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))}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:-0.25rem}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:0.25rem}.data-\[side\=right\]\:translate-x-1[data-side=right],.data-\[side\=top\]\:-translate-y-1[data-side=top]{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))}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:-0.25rem}.data-\[state\=checked\]\:translate-x-4[data-state=checked]{--tw-translate-x:1rem;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))}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked],.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--tw-translate-x:0px;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))}.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end]{--tw-translate-x:var(--radix-toast-swipe-end-x)}.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end],.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{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))}.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{--tw-translate-x:var(--radix-toast-swipe-move-x)}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}.data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{animation:accordion-up .2s ease-out}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}.data-\[state\=open\]\:animate-accordion-down[data-state=open]{animation:accordion-down .2s ease-out}.data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction=vertical]{flex-direction:column}.data-\[selected\=true\]\:bg-accent[data-selected=true]{background-color:#f5f5f5;background-color:hsl(var(--accent))}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:#fff;background-color:hsl(var(--background))}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:#171717;background-color:hsl(var(--primary))}.data-\[state\=on\]\:bg-accent[data-state=on],.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:#f5f5f5;background-color:hsl(var(--accent))}.data-\[state\=open\]\:bg-accent\/50[data-state=open]{background-color:#f5f5f580;background-color:hsl(var(--accent)/.5)}.data-\[state\=open\]\:bg-secondary[data-state=open]{background-color:#f5f5f5;background-color:hsl(var(--secondary))}.data-\[state\=selected\]\:bg-muted[data-state=selected]{background-color:#f5f5f5;background-color:hsl(var(--muted))}.data-\[state\=unchecked\]\:bg-input[data-state=unchecked]{background-color:#e5e5e5;background-color:hsl(var(--input))}.data-\[placeholder\]\:text-muted-foreground[data-placeholder]{color:#737373;color:hsl(var(--muted-foreground))}.data-\[selected\=true\]\:text-accent-foreground[data-selected=true]{color:#171717;color:hsl(var(--accent-foreground))}.data-\[state\=active\]\:text-foreground[data-state=active]{color:#0a0a0a;color:hsl(var(--foreground))}.data-\[state\=checked\]\:text-primary-foreground[data-state=checked]{color:#fafafa;color:hsl(var(--primary-foreground))}.data-\[state\=on\]\:text-accent-foreground[data-state=on],.data-\[state\=open\]\:text-accent-foreground[data-state=open]{color:#171717;color:hsl(var(--accent-foreground))}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:#737373;color:hsl(var(--muted-foreground))}.data-\[disabled\=true\]\:opacity-50[data-disabled=true],.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[state\=active\]\:shadow[data-state=active]{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);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)}.data-\[swipe\=move\]\:transition-none[data-swipe=move]{transition-property:none}.data-\[state\=closed\]\:duration-300[data-state=closed]{transition-duration:.3s}.data-\[state\=open\]\:duration-500[data-state=open]{transition-duration:.5s}.data-\[motion\^\=from-\]\:animate-in[data-motion^=from-],.data-\[state\=open\]\:animate-in[data-state=open],.data-\[state\=visible\]\:animate-in[data-state=visible]{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-duration:.15s;animation-name:enter}.data-\[motion\^\=to-\]\:animate-out[data-motion^=to-],.data-\[state\=closed\]\:animate-out[data-state=closed],.data-\[state\=hidden\]\:animate-out[data-state=hidden],.data-\[swipe\=end\]\:animate-out[data-swipe=end]{--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial;animation-duration:.15s;animation-name:exit}.data-\[motion\^\=from-\]\:fade-in[data-motion^=from-]{--tw-enter-opacity:0}.data-\[motion\^\=to-\]\:fade-out[data-motion^=to-],.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:fade-out-80[data-state=closed]{--tw-exit-opacity:0.8}.data-\[state\=hidden\]\:fade-out[data-state=hidden]{--tw-exit-opacity:0}.data-\[state\=open\]\:fade-in-0[data-state=open],.data-\[state\=visible\]\:fade-in[data-state=visible]{--tw-enter-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=open\]\:zoom-in-90[data-state=open]{--tw-enter-scale:.9}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion=from-end]{--tw-enter-translate-x:13rem}.data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion=from-start]{--tw-enter-translate-x:-13rem}.data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion=to-end]{--tw-exit-translate-x:13rem}.data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion=to-start]{--tw-exit-translate-x:-13rem}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:-0.5rem}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:0.5rem}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:-0.5rem}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:0.5rem}.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y:100%}.data-\[state\=closed\]\:slide-out-to-left[data-state=closed]{--tw-exit-translate-x:-100%}.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x:-50%}.data-\[state\=closed\]\:slide-out-to-right-full[data-state=closed],.data-\[state\=closed\]\:slide-out-to-right[data-state=closed]{--tw-exit-translate-x:100%}.data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y:-100%}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y:-48%}.data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y:100%}.data-\[state\=open\]\:slide-in-from-left[data-state=open]{--tw-enter-translate-x:-100%}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x:-50%}.data-\[state\=open\]\:slide-in-from-right[data-state=open]{--tw-enter-translate-x:100%}.data-\[state\=open\]\:slide-in-from-top[data-state=open]{--tw-enter-translate-y:-100%}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y:-48%}.data-\[state\=open\]\:slide-in-from-top-full[data-state=open]{--tw-enter-translate-y:-100%}.data-\[state\=closed\]\:duration-300[data-state=closed]{animation-duration:.3s}.data-\[state\=open\]\:duration-500[data-state=open]{animation-duration:.5s}.data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction=vertical]:after{content:var(--tw-content);left:0}.data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction=vertical]:after{content:var(--tw-content);height:.25rem}.data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction=vertical]:after{content:var(--tw-content);width:100%}.data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction=vertical]:after{--tw-translate-y:-50%;content:var(--tw-content);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))}.data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction=vertical]:after{--tw-translate-x:0px;content:var(--tw-content);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))}.data-\[state\=open\]\:focus\:bg-accent:focus[data-state=open],.data-\[state\=open\]\:hover\:bg-accent:hover[data-state=open]{background-color:#f5f5f5;background-color:hsl(var(--accent))}.group[data-state=open] .group-data-\[state\=open\]\:rotate-180{--tw-rotate:180deg;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))}.dark\:border-destructive:is(.dark *){border-color:#ef4444;border-color:hsl(var(--destructive))}@media (min-width:640px){.sm\:bottom-0{bottom:0}.sm\:right-0{right:0}.sm\:top-auto{top:auto}.sm\:mt-0{margin-top:0}.sm\:max-w-sm{max-width:24rem}.sm\:flex-row{flex-direction:row}.sm\:flex-col{flex-direction:column}.sm\:justify-end{justify-content:flex-end}.sm\:gap-2\.5{gap:.625rem}.sm\: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))}.sm\: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))}.sm\: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)))}.sm\:rounded-lg{border-radius:.5rem;border-radius:var(--radius)}.sm\:text-left{text-align:left}.data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state=open]{--tw-enter-translate-y:100%}}@media (min-width:768px){.md\:absolute{position:absolute}.md\:w-\[var\(--radix-navigation-menu-viewport-width\)\]{width:var(--radix-navigation-menu-viewport-width)}.md\:w-auto{width:auto}.md\:max-w-\[420px\]{max-width:420px}.md\:text-sm{font-size:.875rem;line-height:1.25rem}}.\[\&\+div\]\:text-xs+div{font-size:.75rem;line-height:1rem}.\[\&\:has\(\>\.day-range-end\)\]\:rounded-r-md:has(>.day-range-end){border-bottom-right-radius:calc(.5rem - 2px);border-bottom-right-radius:calc(var(--radius) - 2px);border-top-right-radius:calc(.5rem - 2px);border-top-right-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\>\.day-range-start\)\]\:rounded-l-md:has(>.day-range-start){border-bottom-left-radius:calc(.5rem - 2px);border-bottom-left-radius:calc(var(--radius) - 2px);border-top-left-radius:calc(.5rem - 2px);border-top-left-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[aria-selected\]\)\]\:rounded-md:has([aria-selected]){border-radius:calc(.5rem - 2px);border-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[aria-selected\]\)\]\:bg-accent:has([aria-selected]){background-color:#f5f5f5;background-color:hsl(var(--accent))}.first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:has([aria-selected]):first-child{border-bottom-left-radius:calc(.5rem - 2px);border-bottom-left-radius:calc(var(--radius) - 2px);border-top-left-radius:calc(.5rem - 2px);border-top-left-radius:calc(var(--radius) - 2px)}.last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:has([aria-selected]):last-child{border-bottom-right-radius:calc(.5rem - 2px);border-bottom-right-radius:calc(var(--radius) - 2px);border-top-right-radius:calc(.5rem - 2px);border-top-right-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:bg-accent\/50:has([aria-selected].day-outside){background-color:#f5f5f580;background-color:hsl(var(--accent)/.5)}.\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md:has([aria-selected].day-range-end){border-bottom-right-radius:calc(.5rem - 2px);border-bottom-right-radius:calc(var(--radius) - 2px);border-top-right-radius:calc(.5rem - 2px);border-top-right-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:0}.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{--tw-translate-y:2px;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))}.\[\&\>span\]\:line-clamp-1>span{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;overflow:hidden}.\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div{--tw-translate-y:-3px;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))}.\[\&\>svg\]\:absolute>svg{position:absolute}.\[\&\>svg\]\:left-4>svg{left:1rem}.\[\&\>svg\]\:top-4>svg{top:1rem}.\[\&\>svg\]\:size-4>svg{height:1rem;width:1rem}.\[\&\>svg\]\:h-3\.5>svg{height:.875rem}.\[\&\>svg\]\:w-3\.5>svg{width:.875rem}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\>svg\]\:text-destructive>svg{color:#ef4444;color:hsl(var(--destructive))}.\[\&\>svg\]\:text-foreground>svg{color:#0a0a0a;color:hsl(var(--foreground))}.\[\&\>svg\~\*\]\:pl-7>svg~*{padding-left:1.75rem}.\[\&\>tr\]\:last\:border-b-0:last-child>tr{border-bottom-width:0}.\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=vertical]>div{--tw-rotate:90deg}.\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=vertical]>div,.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{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))}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{--tw-rotate:180deg}.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-bottom:.375rem;padding-top:.375rem}.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:.75rem;line-height:1rem}.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{font-weight:500}.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading]{color:#737373;color:hsl(var(--muted-foreground))}.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:0}.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{height:1.25rem}.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{width:1.25rem}.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{height:3rem}.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{padding-bottom:.75rem;padding-top:.75rem}.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{height:1.25rem}.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{width:1.25rem}.\[\&_p\]\:leading-relaxed p{line-height:1.625}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{height:1rem;width:1rem}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-width:0}.\[\&_tr\]\:border-b tr{border-bottom-width:1px}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#e8f5fe,#fff9e6 50%,#e6f5e6);font-family:Fredoka,sans-serif}.App,.loading-screen,body{min-height:100vh}.loading-screen{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:6px solid #ffe66d;border-radius:50%;border-top-color:#ff6b9d;height:60px;width:60px}.btn{border:none;border-radius:50px;cursor:pointer;font-family:Fredoka,sans-serif;font-size:1.1rem;font-weight:600;padding:.875rem 2rem;transition:transform .2s,box-shadow .2s}.btn:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-3px) scale(1.05)}.btn:active{transform:translateY(-1px) scale(1.02)}.btn-primary{background:linear-gradient(135deg,#ff6b9d,#ffa07a);color:#fff}.btn-secondary{background:linear-gradient(135deg,#87ceeb,#a8e6cf)}.btn-success{background:linear-gradient(135deg,#a8e6cf,#90ee90);color:#333}.card{background:#fff;border-radius:24px;box-shadow:0 8px 24px #00000014;padding:2rem;transition:transform .3s,box-shadow .3s}.card:hover{box-shadow:0 12px 32px #0000001f;transform:translateY(-5px)}.game-container{margin:2rem auto;max-width:1200px;padding:2rem}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-100vh) rotate(0deg)}to{opacity:0;transform:translateY(100vh) rotate(2turn)}}.confetti{animation:confetti-fall 3s linear forwards;background:#ffe66d;height:10px;pointer-events:none;position:fixed;width:10px}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}.shake{animation:shake .5s}@keyframes star-pop{0%{opacity:0;transform:scale(0) rotate(0deg)}50%{opacity:1;transform:scale(1.3) rotate(180deg)}to{opacity:1;transform:scale(1) rotate(1turn)}}.star-icon{animation:star-pop .6s ease-out;display:inline-block}@media (max-width:768px){.game-container{margin:1rem auto;padding:1rem}.card{padding:1.5rem}.btn{font-size:1rem;padding:.75rem 1.5rem}}[dir=rtl] .App,[dir=rtl] .btn{direction:rtl}.landing-page{min-height:calc(100vh - 80px)}.hero-section{align-items:center;display:flex;justify-content:center;min-height:600px;padding:4rem 2rem;text-align:center}.hero-content{margin:0 auto;max-width:800px}.hero-icon{color:#ffe66d;filter:drop-shadow(0 4px 12px rgba(255,230,109,.4))}.hero-icon,.hero-logo-container{margin-bottom:2rem}.hero-logo{border-radius:60px;box-shadow:0 16px 64px #0003;height:600px;object-fit:contain;width:600px}.hero-title{color:#333;font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem}.hero-subtitle{color:#666;font-size:1.5rem;font-weight:400;margin-bottom:3rem}.btn-large{align-items:center;display:inline-flex;font-size:1.3rem;gap:.75rem;padding:1.25rem 3rem}.features-section{background:#fff;padding:4rem 2rem}.features-title{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px}.feature-card{background:#fff;border-radius:24px;box-shadow:0 8px 24px #00000014;cursor:pointer;padding:3rem 2rem;text-align:center;transition:transform .3s,box-shadow .3s}.feature-icon{margin-bottom:1.5rem}.feature-title{color:#333;font-size:1.5rem;font-weight:600}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.features-title{font-size:2rem}.features-grid{grid-template-columns:1fr}}.landing-search-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:14px;box-shadow:0 4px 12px #0000000d;color:#9ca3af;cursor:pointer;display:flex;font-size:1rem;gap:12px;margin:20px 0;min-width:320px;padding:14px 24px;transition:all .3s}.landing-search-btn:hover{border-color:#8b5cf6;box-shadow:0 8px 24px #8b5cf633;color:#6b7280;transform:translateY(-2px)}.landing-search-btn span{flex:1 1;text-align:left}.landing-search-btn kbd{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;font-family:ui-monospace,monospace;font-size:.75rem;padding:4px 8px}@media (max-width:640px){.landing-search-btn{min-width:100%}.landing-search-btn kbd{display:none}}.auth-buttons{flex-direction:column;gap:1rem;margin:0 auto;max-width:400px}.auth-buttons,.auth-divider{align-items:center;display:flex}.auth-divider{margin:.5rem 0;width:100%}.auth-divider:after,.auth-divider:before{background:#ddd;content:"";flex:1 1;height:1px}.auth-divider span{color:#888;font-size:.9rem;padding:0 1rem}.btn-secondary{background:#fff;border:2px solid #ddd;color:#333}.btn-secondary:hover{background:#f9f9ff;border-color:#667eea}.login-link{color:#666;font-size:.95rem;margin-top:.5rem}.link-btn{background:none;border:none;color:#667eea;cursor:pointer;font-weight:600;text-decoration:underline}.link-btn:hover{color:#5a67d8}.auth-form-container{background:#fff;border-radius:20px;box-shadow:0 8px 32px #0000001a;margin:0 auto;max-width:420px;padding:2rem;width:100%}.back-btn{background:none;border:none;cursor:pointer;font-size:.95rem;margin-bottom:1rem;padding:0}.auth-form-title{color:#333;font-size:1.75rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{text-align:left}.form-group label{color:#333;font-size:.95rem;font-weight:600}.input-with-icon{align-items:center;display:flex;position:relative}.input-icon{color:#999;left:12px;pointer-events:none;position:absolute}.input-with-icon input{border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;height:48px;padding-left:40px;padding-right:40px;width:100%}.input-with-icon input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.password-toggle{background:none;border:none;color:#999;cursor:pointer;padding:4px;position:absolute;right:12px}.password-toggle:hover{color:#666}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;font-size:1.1rem;font-weight:600;height:50px;margin-top:.5rem}.submit-btn:disabled{cursor:not-allowed;opacity:.7}.btn-google{align-items:center;background:#fff;border:2px solid #ddd;border-radius:10px;color:#333;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;padding:12px 20px;transition:all .2s;width:100%}.btn-google:hover{background:#f9f9ff;border-color:#667eea}.switch-auth{color:#666;font-size:.95rem;margin-top:1.5rem;text-align:center}@media (max-width:480px){.auth-form-container{margin:0 1rem;padding:1.5rem}.auth-form-title{font-size:1.5rem}}.game-limit-indicator-container{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.game-limit-indicator{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:12px;padding:1rem}.game-limit-indicator.near-limit{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#fcd34d}.game-limit-indicator.at-limit{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fca5a5}.limit-header{justify-content:space-between;margin-bottom:.5rem}.limit-header,.limit-label{align-items:center;display:flex}.limit-label{color:#64748b;font-size:.85rem;font-weight:500;gap:.5rem}.limit-count{color:#0369a1;font-size:.95rem;font-weight:700}.game-limit-indicator.near-limit .limit-count{color:#b45309}.game-limit-indicator.at-limit .limit-count{color:#dc2626}.limit-bar{background:#e2e8f0;border-radius:4px;height:8px;margin-bottom:.75rem;overflow:hidden}.limit-bar-fill{background:linear-gradient(90deg,#0ea5e9,#0284c7);border-radius:4px;height:100%;transition:width .3s ease}.game-limit-indicator.near-limit .limit-bar-fill{background:linear-gradient(90deg,#f59e0b,#d97706)}.game-limit-indicator.at-limit .limit-bar-fill{background:linear-gradient(90deg,#ef4444,#dc2626)}.limit-message{align-items:center;color:#64748b;display:flex;flex-wrap:wrap;font-size:.85rem;gap:.5rem;justify-content:space-between}.limit-message.near-limit{color:#92400e}.limit-message.at-limit{color:#991b1b}.upgrade-cta{align-items:center;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:10px;box-shadow:0 2px 8px #fbbf244d;color:#fff;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1rem;text-decoration:none;transition:all .2s}.upgrade-cta:hover{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #fbbf2466;transform:translateY(-1px)}.game-limits-compact{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.game-limit-compact{align-items:center;background:#f1f5f9;border-radius:20px;display:flex;font-size:.8rem;gap:.5rem;padding:.35rem .75rem}.game-limit-compact.near-limit{background:#fef3c7}.game-limit-compact.at-limit{background:#fee2e2}.game-limit-compact svg{color:#64748b}.game-limit-compact.near-limit svg{color:#92400e}.game-limit-compact.at-limit svg{color:#991b1b}.limit-text{color:#475569;font-weight:600}.game-limit-compact.near-limit .limit-text{color:#92400e}.game-limit-compact.at-limit .limit-text{color:#991b1b}.limit-bar-compact{background:#cbd5e1;border-radius:2px;height:4px;overflow:hidden;width:50px}.limit-bar-fill-compact{background:#0ea5e9;border-radius:2px;height:100%;transition:width .3s ease}.game-limit-compact.near-limit .limit-bar-fill-compact{background:#f59e0b}.game-limit-compact.at-limit .limit-bar-fill-compact{background:#ef4444}@media (max-width:640px){.game-limit-indicator{padding:.875rem}.limit-header{flex-wrap:wrap;gap:.25rem}.game-limits-compact{align-items:stretch;flex-direction:column}.game-limit-compact{justify-content:space-between}}.upgrade-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.upgrade-modal{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;max-width:420px;overflow:hidden;position:relative;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.upgrade-modal-close{align-items:center;background:#0000000d;border:none;border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s;width:32px;z-index:10}.upgrade-modal-close:hover{background:#0000001a}.upgrade-modal-header{background:linear-gradient(135deg,#fee2e2,#fecaca);padding:2rem 1.5rem 1.5rem;text-align:center}.limit-icon-wrapper{align-items:center;background:#fff;border-radius:50%;box-shadow:0 4px 12px #ef444433;display:flex;height:64px;justify-content:center;margin:0 auto 1rem;width:64px}.limit-icon{color:#ef4444}.upgrade-modal-header h2{color:#991b1b;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.limit-description{color:#b91c1c;font-size:.95rem;margin:0}.upgrade-modal-content{padding:1.5rem}.upgrade-prompt{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-radius:12px;margin-bottom:1rem;padding:1rem;text-align:center}.crown-icon{color:#f59e0b;margin-bottom:.5rem}.upgrade-prompt h3{color:#92400e;font-size:1.25rem;font-weight:700;margin:0 0 .25rem}.upgrade-prompt p{color:#b45309;font-size:.9rem;margin:0}.premium-features{margin-bottom:1.5rem}.premium-features h4{color:#64748b;font-size:.85rem;font-weight:600;letter-spacing:.05em;margin:0 0 .75rem;text-transform:uppercase}.premium-features ul{grid-gap:.5rem;display:grid;gap:.5rem;list-style:none;margin:0;padding:0}.premium-features li{align-items:center;color:#475569;display:flex;font-size:.9rem;gap:.5rem}.check-icon{color:#22c55e;flex-shrink:0}.upgrade-actions{display:flex;flex-direction:column;gap:.75rem}.upgrade-btn{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:10px;box-shadow:0 4px 12px #f59e0b4d;color:#fff;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem 1.5rem;transition:all .2s;width:100%}.upgrade-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 6px 16px #f59e0b66;transform:translateY(-1px)}.cancel-btn{width:100%}@media (max-width:480px){.upgrade-modal{margin:.5rem}.upgrade-modal-header{padding:1.5rem 1rem 1rem}.upgrade-modal-content{padding:1rem}.limit-icon-wrapper{height:56px;width:56px}.limit-icon{height:28px;width:28px}.upgrade-modal-header h2{font-size:1.25rem}}.dashboard-page{min-height:calc(100vh - 80px);padding:2rem}.dashboard-container{margin:0 auto;max-width:1400px}.dashboard-header{margin-bottom:3rem}.welcome-section{align-items:center;display:flex;gap:1.5rem}.user-avatar{border:4px solid #ff6b9d;box-shadow:0 4px 12px #0000001a;height:80px;width:80px}.welcome-section h1{color:#333;font-size:2.5rem;font-weight:700;margin:0}.user-role{color:#666;font-size:1.2rem;font-weight:500;margin-top:.5rem}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem}.stat-card{align-items:center;background:#fff;border-radius:20px;box-shadow:0 4px 16px #00000014;display:flex;gap:1.5rem;padding:2rem;transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.stat-icon{align-items:center;border-radius:16px;display:flex;height:64px;justify-content:center;width:64px}.stat-value{color:#333;font-size:2.5rem;font-weight:700;margin:0}.stat-label{color:#666;font-size:1rem;margin:.25rem 0 0}.games-section{margin-top:3rem}.section-header{margin-bottom:2rem}.games-section h2{color:#333;font-size:1.8rem;margin:0}.create-games-link{align-items:center;background:linear-gradient(135deg,#4caf50,#45a049);border-radius:12px;color:#fff;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s}.create-games-link:hover{box-shadow:0 8px 20px #4caf5066;transform:translateY(-2px)}.games-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.game-card{border-radius:24px;box-shadow:0 8px 24px #00000014;color:#333;display:block;padding:3rem 2rem;text-align:center;text-decoration:none;transition:transform .3s,box-shadow .3s}.game-card:hover{box-shadow:0 12px 32px #00000026;transform:translateY(-8px)}.game-icon{margin-bottom:1.5rem}.game-card h3{font-size:1.5rem;font-weight:600;margin:0}.play-badge{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:inline-flex;font-size:.875rem;font-weight:600;justify-content:center;margin-top:.5rem;padding:.5rem 1rem}.play-badge.disabled{background:linear-gradient(135deg,#94a3b8,#64748b);cursor:not-allowed}.game-card.disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.game-card.disabled:hover{box-shadow:0 8px 24px #00000014;transform:none}.new-badge{animation:pulse-badge 2s ease-in-out infinite;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:8px;box-shadow:0 2px 8px #ef444466;color:#fff;font-size:.7rem;font-weight:700;padding:.25rem .5rem;position:absolute;right:-8px;text-transform:uppercase;top:-8px}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.game-card{position:relative}@media (max-width:768px){.dashboard-page{padding:1rem}.welcome-section h1{font-size:2rem}.games-grid{grid-template-columns:1fr}}.global-search-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#9ca3af;cursor:pointer;display:flex;font-size:.95rem;gap:10px;margin-left:auto;padding:12px 20px;transition:all .2s}.global-search-btn:hover{border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf626;color:#6b7280}.global-search-btn span{flex:1 1;text-align:left}.search-shortcut{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;font-family:ui-monospace,monospace;font-size:.75rem;padding:4px 8px}.dashboard-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}@media (max-width:768px){.global-search-btn{margin-left:0;width:100%}.search-shortcut{display:none}}.game-page{min-height:calc(100vh - 80px);padding:2rem}.game-container{max-width:1400px}.page-header{align-items:center;display:flex;gap:1rem;margin-bottom:3rem}.page-header h1{color:#333;font-size:2.5rem;font-weight:700;margin:0}.items-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.item-card{background:#fff;border-radius:24px;box-shadow:0 8px 24px #00000014;padding:2rem;transition:transform .3s,box-shadow .3s}.item-card:hover{box-shadow:0 12px 32px #0000001f}.item-header{gap:1rem;margin-bottom:1rem;position:relative}.delete-quiz-btn,.item-header{align-items:center;display:flex}.delete-quiz-btn{background:#ff6b9d;border:none;border-radius:50%;box-shadow:0 2px 8px #ff6b9d4d;color:#fff;cursor:pointer;height:36px;justify-content:center;position:absolute;right:-.5rem;top:-.5rem;transition:all .2s;width:36px}.delete-quiz-btn:hover{background:#ff1744;box-shadow:0 4px 12px #ff174466;transform:scale(1.1)}.item-header h3{color:#333;font-size:1.5rem;font-weight:600;margin:0}.item-difficulty{color:#666;margin-bottom:1.5rem}.btn-play{gap:.5rem;justify-content:center;width:100%}.btn-play,.empty-state{align-items:center;display:flex}.empty-state{border-radius:24px;box-shadow:0 8px 24px #00000014;flex-direction:column;gap:1rem}.empty-state p{color:#666;font-size:1.3rem;margin:0}.empty-state .btn{align-items:center;display:inline-flex;gap:.5rem}.create-new-btn{background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;box-shadow:0 4px 12px #10b9814d;color:#fff;display:inline-flex;font-size:.95rem;gap:.5rem;padding:.75rem 1.25rem;text-decoration:none;transition:all .2s}.create-new-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 16px #10b98166}.page-header-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.page-header-row h1{font-size:2rem;margin:0}@media (max-width:768px){.game-page{padding:1rem}.page-header h1{font-size:2rem}.items-grid{grid-template-columns:1fr}.page-header-row{align-items:flex-start;flex-direction:column}.create-new-btn{justify-content:center;width:100%}}.quiz-player-page{background:linear-gradient(135deg,#e8f5fe,#fff9e6 50%,#e6f5e6);min-height:calc(100vh - 80px);padding:2rem}.quiz-container{margin:0 auto;max-width:900px}.back-button{border:2px solid #e0e0e0;border-radius:50px;cursor:pointer;font-family:Fredoka,sans-serif;margin-bottom:2rem;transition:all .2s}.back-button:hover{background:#f5f5f5;transform:translateX(-4px)}.quiz-header{background:#fff;border-radius:24px;box-shadow:0 4px 16px #00000014;margin-bottom:2rem;padding:2rem}.quiz-header h2{color:#333;font-size:2rem;font-weight:700;margin:0 0 1rem}.quiz-progress{color:#666;font-size:1.1rem;font-weight:500;justify-content:space-between}.quiz-progress,.score-display{align-items:center;display:flex}.score-display{background:#fff9e6;border-radius:50px;color:#333;font-weight:700;gap:.5rem;padding:.5rem 1.25rem}.question-card{border-radius:24px;box-shadow:0 8px 24px #00000014;padding:3rem}.question-text{color:#333;font-size:2rem;font-weight:700;margin-bottom:2.5rem;text-align:center}.options-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:2rem}.option-button{background:#f5f5f5;border:3px solid #e0e0e0;border-radius:16px;color:#333;cursor:pointer;font-family:Fredoka,sans-serif;font-size:1.2rem;font-weight:600;padding:1.5rem;transition:all .2s}.option-button:hover:not(:disabled){background:#e8f5fe;border-color:#87ceeb;transform:translateY(-4px)}.option-button.selected{background:#87ceeb;border-color:#5dade2;color:#fff}.option-button.correct{background:#a8e6cf;border-color:#00c853;color:#fff}.option-button.wrong{animation:shake .5s;background:#ffb3b3;border-color:#ff1744;color:#fff}.option-button:disabled{cursor:not-allowed}.submit-btn{font-size:1.3rem;margin-bottom:1rem;padding:1.25rem;width:100%}.feedback{align-items:center;border-radius:16px;display:flex;font-size:1.3rem;font-weight:600;gap:.75rem;justify-content:center;padding:1.5rem}.feedback.correct{background:#e6f9f0;color:#00c853}.feedback.wrong{background:#ffe6e6;color:#ff1744}.completion-card{background:#fff;border-radius:24px;box-shadow:0 8px 24px #00000014;padding:4rem 3rem;text-align:center}.completion-card h2{color:#333;font-size:3rem;font-weight:700;margin:1.5rem 0 1rem}.completion-score{color:#666;font-size:1.8rem;margin-bottom:1rem}.completion-percentage{color:#ff6b9d;font-size:4rem;font-weight:700;margin:1.5rem 0}.stars-display{display:flex;gap:.5rem;justify-content:center;margin:2rem 0}.item-meta{color:#666;font-size:1rem;margin-bottom:.5rem}.item-meta strong{color:#ff6b9d;font-size:1.2rem}@media (max-width:768px){.quiz-player-page{padding:1rem}.question-text{font-size:1.5rem}.options-grid{grid-template-columns:1fr}.option-button{font-size:1.1rem;padding:1.25rem}.completion-percentage{font-size:3rem}}.leaderboard-page{min-height:calc(100vh - 80px);padding:2rem}.leaderboard-container{margin:0 auto;max-width:900px}.leaderboard-list{background:#fff;border-radius:24px;box-shadow:0 8px 24px #00000014;padding:2rem}.leaderboard-item{align-items:center;border-radius:16px;display:flex;gap:1.5rem;margin-bottom:1rem;padding:1.5rem;transition:transform .2s,background .2s}.leaderboard-item:hover{background:#f9f9f9;transform:translateX(8px)}.leaderboard-item.top-three{background:linear-gradient(135deg,#fff9e6,#ffe6f0)}.rank-section{align-items:center;display:flex;justify-content:center;min-width:60px}.rank-number{color:#666;font-size:1.8rem;font-weight:700}.player-info{align-items:center;display:flex;flex:1 1;gap:1rem}.player-avatar{border:3px solid #ff6b9d;border-radius:50%;height:50px;width:50px}.player-name{color:#333;font-size:1.3rem;font-weight:600}.player-stats{align-items:center;display:flex;gap:2rem}.stat{color:#666}.score-label{color:#999;font-weight:500}.score-value{color:#ff6b9d;font-size:1.3rem;font-weight:700}@media (max-width:768px){.leaderboard-item{align-items:flex-start;flex-direction:column;gap:1rem}.player-stats{justify-content:space-around;width:100%}}.profile-page{min-height:calc(100vh - 80px);padding:2rem}.profile-container{margin:0 auto;max-width:1000px}.profile-card{background:#fff;border-radius:24px;box-shadow:0 8px 24px #00000014;margin-bottom:2rem;padding:3rem}.profile-info{align-items:center;border-bottom:2px solid #f5f5f5;display:flex;gap:2rem;margin-bottom:3rem;padding-bottom:2rem}.profile-avatar{border:4px solid #ff6b9d;border-radius:50%;box-shadow:0 4px 12px #0000001a;height:100px;width:100px}.profile-info h2{color:#333;font-size:2rem;font-weight:700;margin:0 0 .5rem}.profile-email{color:#666;font-size:1.1rem;margin-bottom:.75rem}.role-badge{background:linear-gradient(135deg,#ff6b9d,#ffa07a);border-radius:50px;color:#fff;display:inline-block;font-size:1rem;font-weight:600;padding:.5rem 1.25rem}.role-switcher{text-align:center}.role-switcher h3{color:#333;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.role-switcher p{color:#666;margin-bottom:1.5rem}.teacher-section{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a;margin-top:2rem;padding:2rem}.teacher-section h3{color:#333;font-size:1.8rem;margin-bottom:1rem;text-align:center}.teacher-intro{color:#666;font-size:1.1rem;margin-bottom:2rem;text-align:center}.builders-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:2rem}.builder-card{background:linear-gradient(135deg,#f9f9f9,#fff);border:2px solid #e0e0e0;border-radius:16px;cursor:pointer;padding:2rem 1.5rem;text-align:center;transition:all .3s}.builder-card:hover{border-color:#4caf50;box-shadow:0 12px 24px #00000026;transform:translateY(-5px)}.builder-icon{font-size:3rem;margin-bottom:1rem}.builder-card h4{color:#333;font-size:1.2rem;margin-bottom:.5rem}.builder-card p{color:#666;font-size:.9rem;margin-bottom:1rem}.builder-btn{background:linear-gradient(135deg,#4caf50,#45a049);border-radius:20px;color:#fff;display:inline-block;font-size:.9rem;font-weight:600;margin-top:.5rem;padding:.5rem 1.5rem}.quick-create-btn{justify-content:center;width:100%}.teacher-actions{display:flex;flex-direction:column;gap:1rem}.create-btn{align-items:center;display:flex;font-size:1.1rem;gap:.5rem}.quiz-creator-dialog{max-height:80vh;max-width:700px;overflow-y:auto}.quiz-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.questions-section{border-top:2px solid #f5f5f5;padding-top:1.5rem}.questions-section h4{color:#333;font-size:1.3rem;font-weight:600;margin-bottom:1rem}.question-form{background:#f9f9f9;border-radius:12px;display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem;padding:1.5rem}.options-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}@media (max-width:768px){.profile-page{padding:1rem}.profile-card,.teacher-section{padding:2rem}.profile-info{flex-direction:column;text-align:center}.form-row,.options-grid{grid-template-columns:1fr}}.quiz-builder-page{background:linear-gradient(135deg,#ffe6f0,#e6f7ff 50%,#fff9e6);min-height:calc(100vh - 80px);padding:2rem}.builder-container{max-width:1000px}.builder-header h1{font-size:2.5rem;font-weight:700}.ai-btn{background:linear-gradient(135deg,#a8e6cf,#87ceeb)}.save-btn{background:linear-gradient(135deg,#ff6b9d,#ffa07a)}.quiz-settings{background:#fff;border-radius:24px;box-shadow:0 4px 16px #00000014;margin-bottom:2rem;padding:2rem}.title-input{font-size:1.5rem;margin-bottom:1rem}.settings-row{grid-template-columns:1fr 1fr}.question-card{background:#fff;border-left:4px solid #ff6b9d;border-radius:20px;box-shadow:0 4px 16px #00000014;padding:2rem}.question-header{border-bottom:2px solid #f5f5f5;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem}.drag-handle{color:#999;cursor:grab}.drag-handle:active{cursor:grabbing}.question-number{color:#ff6b9d;flex:1 1;font-size:1.2rem;font-weight:700}.question-content{margin-bottom:1.5rem}.image-upload{align-items:center;display:flex;gap:1rem;margin-top:1rem}.upload-btn{align-items:center;background:#87ceeb;border-radius:50px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.upload-btn:hover{background:#5dade2;transform:translateY(-2px)}.preview-img{border:2px solid #e0e0e0;border-radius:12px;height:100px;object-fit:cover;width:100px}.option-row{background:#f9f9f9;border-radius:12px;padding:.75rem}.option-row input[type=\"radio\"]{accent-color:#a8e6cf;cursor:pointer;height:20px;width:20px}.upload-btn-sm{background:#e0e0e0;display:inline-flex;padding:.5rem;transition:background .2s}.upload-btn-sm:hover{background:silver}.option-preview{border-radius:8px;height:40px;object-fit:cover;width:40px}.add-option-btn{align-items:center;border:2px dashed #87ceeb;color:#87ceeb;display:flex;gap:.5rem;margin-top:.5rem}.add-question-btn{background:#fff;border:3px dashed #ff6b9d;border-radius:20px;color:#ff6b9d;font-size:1.2rem;font-weight:700;gap:.75rem;padding:1.5rem;transition:all .2s}.add-question-btn:hover{background:#ffe6f0;transform:translateY(-4px)}.ai-dialog{max-width:600px}.ai-mode-selector{grid-gap:.5rem;background:#f5f5f5;border-radius:12px;display:grid;gap:.5rem;grid-template-columns:1fr 1fr;padding:.5rem}.mode-btn{background:#0000;border:none;border-radius:8px;color:#666;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.mode-btn.active{background:#fff;box-shadow:0 2px 8px #0000001a;color:#87ceeb}.generate-btn{background:linear-gradient(135deg,#a8e6cf,#87ceeb);font-size:1.1rem;padding:1rem 2rem}@media (max-width:768px){.quiz-builder-page{padding:1rem}.builder-header{flex-direction:column;gap:1rem}.builder-header h1{font-size:2rem}.header-actions{flex-direction:column;width:100%}.settings-row{grid-template-columns:1fr}.option-row{flex-wrap:wrap}}.wheel-game-page{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;min-height:100vh;position:relative}.wheel-game-page .toolbar-trigger-area{cursor:pointer;height:10px;left:0;position:fixed;right:0;top:0;z-index:50}.wheel-game-page .game-toolbar{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(180deg,#0009,#0000004d 70%,#0000);display:flex;justify-content:space-between;left:0;padding:1rem 2rem;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .3s ease,transform .3s ease;z-index:100}.wheel-game-page .game-toolbar.hidden{opacity:0;transform:translateY(-100%)}.wheel-game-page .game-toolbar.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.wheel-game-page .game-toolbar.visible *{pointer-events:auto}.wheel-game-page .back-button{align-items:center;background:#ffffff26;border:1px solid #fff3;border-radius:12px;color:#fff;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s}.wheel-game-page .back-button:hover{background:#ffffff40;transform:scale(1.02)}.wheel-game-page .toolbar-title{align-items:center;color:#fff;display:flex;font-size:1.25rem;font-weight:700;gap:.75rem;text-shadow:0 2px 4px #0000004d}.wheel-game-page .toolbar-icon{font-size:2rem}.wheel-game-page .toolbar-actions{display:flex;gap:.75rem}.wheel-game-page .fullscreen-btn{align-items:center;background:#ffffff26;border:1px solid #fff3;border-radius:12px;color:#fff;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all .3s}.wheel-game-page .fullscreen-btn:hover{background:#ffffff40}.wheel-game-page .game-container{display:flex;flex:1 1;overflow:hidden}.wheel-game-page .game-iframe{background:linear-gradient(135deg,#667eea,#764ba2);border:none;flex:1 1;height:100%;width:100%}.wheel-game-page:fullscreen{background:#000;padding:0}.wheel-game-page:fullscreen .game-container{height:100vh;width:100vw}.wheel-game-page:fullscreen .game-iframe{border-radius:0}@media (max-width:768px){.wheel-game-page .game-toolbar{padding:.75rem 1rem}.wheel-game-page .toolbar-title{font-size:1rem}.wheel-game-page .toolbar-icon{font-size:1.5rem}.wheel-game-page .back-button{font-size:.875rem;padding:.5rem .75rem}.wheel-game-page .fullscreen-btn span{display:none}}.wheel-hub-page{background:linear-gradient(135deg,#667eea,#764ba2 50%,#5b21b6);min-height:100vh;padding:100px 2rem 2rem}.wheel-hub-container{margin:0 auto;max-width:1200px}.wheel-hub-page .hub-header{align-items:center;display:flex;gap:2rem;margin-bottom:2rem}.wheel-hub-page .back-button{align-items:center;background:#ffffffe6;border-radius:12px;color:#333;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.wheel-hub-page .back-button:hover{background:#fff;transform:translateY(-2px)}.wheel-hub-page .title-with-icon{align-items:center;display:flex;gap:1.5rem}.wheel-hub-page .hub-icon{animation:spin-slow 10s linear infinite;filter:drop-shadow(0 4px 12px rgba(255,255,255,.3));font-size:4rem;line-height:1}@keyframes spin-slow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.wheel-hub-page .hub-title h1{color:#fff;font-size:2.5rem;margin:0;text-shadow:2px 2px 4px #0000004d}.wheel-hub-page .hub-title p{color:#ffffffe6;margin:.5rem 0 0}.wheel-hub-page .create-new-section{margin-bottom:2rem}.wheel-hub-page .create-new-btn{align-items:center;background:linear-gradient(135deg,#ffe66d,#f59e0b);border-radius:16px;box-shadow:0 4px 20px #ffe66d66;color:#1a1a1a;display:flex;font-size:1.1rem;font-weight:600;gap:.75rem;padding:1rem 2rem;transition:all .3s}.wheel-hub-page .create-new-btn:hover{box-shadow:0 8px 30px #ffe66d80;transform:translateY(-3px)}.wheel-hub-page .wheels-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.wheel-hub-page .no-wheels{background:#fffffff2;border-radius:24px;box-shadow:0 8px 32px #0000001a;grid-column:1/-1;padding:4rem 2rem;text-align:center}.wheel-hub-page .no-wheels-icon{font-size:4rem;margin-bottom:1rem}.wheel-hub-page .no-wheels h3{color:#1e293b;font-size:1.5rem;margin-bottom:.5rem}.wheel-hub-page .no-wheels p{color:#6b7280}.wheel-hub-page .wheel-card{background:#fffffff2;border-radius:20px;border-top:4px solid #667eea;box-shadow:0 8px 32px #0000001a;padding:1.5rem;transition:all .3s}.wheel-hub-page .wheel-card:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-5px)}.wheel-hub-page .wheel-card-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1rem}.wheel-hub-page .wheel-icon{font-size:2.5rem;line-height:1}.wheel-hub-page .wheel-info{flex:1 1}.wheel-hub-page .wheel-title{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0 0 .5rem}.wheel-hub-page .wheel-meta{display:flex;flex-wrap:wrap;gap:1rem}.wheel-hub-page .meta-item{align-items:center;color:#64748b;display:flex;font-size:.85rem;gap:.25rem}.wheel-hub-page .wheel-details{background:#f1f5f9;border-radius:12px;margin-bottom:1rem;padding:.75rem}.wheel-hub-page .wheel-slices{color:#475569;font-size:.95rem;margin:0}.wheel-hub-page .wheel-card-actions{display:flex;gap:.75rem}.wheel-hub-page .play-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;flex:1 1;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .3s}.wheel-hub-page .play-btn:hover:not(:disabled){box-shadow:0 4px 16px #667eea66;transform:translateY(-2px)}.wheel-hub-page .play-btn.disabled,.wheel-hub-page .play-btn:disabled{background:linear-gradient(135deg,#94a3b8,#64748b);cursor:not-allowed;opacity:.7}.wheel-hub-page .delete-btn{border-radius:12px;color:#ef4444;padding:.75rem;transition:all .3s}.wheel-hub-page .delete-btn:hover{background:#fee2e2}.wheel-hub-page .delete-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.wheel-hub-page .delete-dialog{background:#fff;border-radius:20px;box-shadow:0 20px 50px #0003;max-width:400px;padding:2rem;text-align:center;width:100%}.wheel-hub-page .delete-dialog h3{color:#1e293b;font-size:1.5rem;margin:0 0 .5rem}.wheel-hub-page .delete-dialog p{color:#64748b;margin:0 0 1.5rem}.wheel-hub-page .delete-actions{display:flex;gap:1rem;justify-content:center}.wheel-hub-page .confirm-delete-btn{background:#ef4444;border-radius:12px;color:#fff;font-weight:600;padding:.75rem 1.5rem}.wheel-hub-page .confirm-delete-btn:hover{background:#dc2626}@media (max-width:768px){.wheel-hub-page{padding:80px 1rem 1rem}.wheel-hub-page .hub-header,.wheel-hub-page .title-with-icon{align-items:flex-start;flex-direction:column;gap:1rem}.wheel-hub-page .hub-icon{font-size:3rem}.wheel-hub-page .hub-title h1{font-size:1.75rem}.wheel-hub-page .wheels-grid{grid-template-columns:1fr}}.puzzle-builder-page{background:linear-gradient(135deg,#fff9e6,#ffe6f0);min-height:100vh;padding:2rem 1rem}.header-actions{flex-wrap:wrap}.ai-btn{transition:all .3s}.ai-btn:hover{box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.save-btn:hover{box-shadow:0 8px 20px #4caf5066;transform:translateY(-2px)}.puzzle-settings{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a;margin-bottom:2rem;padding:2rem}.settings-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.image-upload-section{margin-top:1.5rem}.upload-btn-large{align-items:center;background:linear-gradient(135deg,#ff6b9d,#c06c84);border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:.75rem;margin-top:.5rem;padding:1rem 1.5rem;transition:all .3s}.upload-btn-large:hover{box-shadow:0 8px 20px #ff6b9d66;transform:translateY(-2px)}.image-preview{border-radius:12px;margin-top:1rem;max-width:400px}.image-preview img{height:auto;width:100%}.questions-section{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a;padding:2rem}.questions-section h2{color:#333;font-size:1.5rem;margin-bottom:1.5rem}.questions-list{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem}.question-card{background:#f9f9f9;border:2px solid #e0e0e0;border-radius:12px;padding:1.5rem}.question-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.question-number{color:#667eea;font-size:1.1rem;font-weight:600}.question-content{margin-bottom:1rem}.question-content textarea{border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:.75rem;resize:vertical;width:100%}.options-section{display:flex;flex-direction:column;gap:.75rem}.option-row{align-items:center;display:flex;gap:.75rem}.option-row input[type=radio]{cursor:pointer;height:20px;width:20px}.option-row input[type=text]{flex:1 1}.add-question-btn{align-items:center;background:linear-gradient(135deg,#87ceeb,#4682b4);border-radius:12px;color:#fff;display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;transition:all .3s;width:100%}.add-question-btn:hover{box-shadow:0 8px 20px #87ceeb66;transform:translateY(-2px)}.ai-dialog .ai-form{display:flex;flex-direction:column;gap:1.5rem;padding-top:1rem}.generate-btn{transition:all .3s}.generate-btn:hover:not(:disabled){box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.generate-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.builder-header{align-items:stretch}.builder-header,.header-actions{flex-direction:column}.settings-row{grid-template-columns:1fr}}.squares-section{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a;margin-top:2rem;padding:2rem}.squares-section h2{color:#333;font-size:1.5rem;font-weight:700;margin:0 0 1.5rem}.squares-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.square-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;overflow:hidden;transition:all .3s ease}.square-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26}.square-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:.75rem 1rem}.square-number{color:#fff;font-size:1rem;font-weight:700}.square-content{background:#fff;padding:1.25rem}.square-content .form-group{margin-bottom:1rem}.square-content .form-group:last-child{margin-bottom:0}.square-content label{color:#333;display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.square-content input{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#333;font-size:1rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.square-content input::placeholder{color:#999}.square-content input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}@media (max-width:600px){.squares-grid{grid-template-columns:1fr}}.puzzle-game-page{background:linear-gradient(135deg,#e6f9f0,#d4e9ff);min-height:100vh;padding:2rem 1rem}.puzzles-container{margin:0 auto;max-width:1200px}.puzzles-container h1{color:#333;font-size:2.5rem;margin-bottom:3rem;text-align:center}.puzzles-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.no-puzzles{color:#666;font-size:1.25rem;padding:3rem;text-align:center}.puzzle-card{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a;overflow:hidden;transition:all .3s}.puzzle-card:hover{box-shadow:0 8px 24px #00000026}.puzzle-image{background:#f0f0f0;height:200px;overflow:hidden;width:100%}.puzzle-image img{height:100%;object-fit:cover;width:100%}.puzzle-info{padding:1.5rem}.puzzle-info h3{color:#333;font-size:1.5rem;margin-bottom:1rem}.puzzle-details{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.play-btn{background:linear-gradient(135deg,#4caf50,#45a049);transition:all .3s}.play-btn:hover{box-shadow:0 8px 20px #4caf5066;transform:translateY(-2px)}.game-container{max-width:1000px}.game-header{gap:1rem}.game-header,.game-stats{flex-wrap:wrap}.stat{font-size:1.1rem}.score-count{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.puzzle-title{color:#333;font-size:2rem;margin-bottom:2rem;text-align:center}.puzzle-game-area{aspect-ratio:1;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:16px;box-shadow:0 8px 24px #0003;margin:0 auto 2rem;max-width:600px;overflow:hidden;position:relative}.puzzle-grid{grid-gap:4px;display:grid;gap:4px;inset:0;padding:4px;position:absolute}.puzzle-square{align-items:center;background:linear-gradient(135deg,#ff6b9d,#ff8fab);border-radius:12px;box-shadow:0 4px 8px #0003;cursor:pointer;display:flex;justify-content:center;overflow:hidden;position:relative;transition:all .3s}.puzzle-square:hover:not(.revealed){box-shadow:0 6px 16px #0000004d;transform:scale(1.05)}.puzzle-square.active{animation:glow .5s infinite alternate;border:3px solid gold;box-shadow:0 0 20px #ffd70099}.puzzle-square.revealed{opacity:0;pointer-events:none}@keyframes glow{0%{box-shadow:0 0 20px #ffd70099}to{box-shadow:0 0 30px gold}}.square-content{color:#fff;font-size:1.2rem;font-weight:700;padding:1rem;text-align:center;text-shadow:0 2px 4px #0000004d}.square-question{word-wrap:break-word;display:block}.emoji-popup{font-size:3rem;pointer-events:none;position:absolute;z-index:10}.emoji-popup,.question-dialog-overlay{align-items:center;display:flex;inset:0;justify-content:center}.question-dialog-overlay{background:#000000b3;padding:1rem;position:fixed;z-index:1000}.question-dialog{background:#fff;border-radius:20px;box-shadow:0 12px 40px #0000004d;max-width:500px;padding:2rem;width:100%}.question-dialog h3{color:#333;font-size:1.8rem;margin-bottom:1rem;text-align:center}.dialog-question{background:#f5f5f5;border-radius:12px;color:#666;font-size:1.3rem;margin-bottom:2rem;padding:1rem;text-align:center}.answer-input{border:2px solid #e0e0e0;border-radius:12px;font-size:1.1rem;margin-bottom:1.5rem;padding:1rem;width:100%}.answer-input:focus{border-color:#4caf50;outline:none}.dialog-actions{display:flex;gap:1rem;justify-content:flex-end}.dialog-actions button{border-radius:12px;font-weight:600;padding:.75rem 2rem}.submit-btn{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.game-complete-overlay{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.complete-content{background:#fff;border-radius:20px;max-width:400px;padding:3rem;text-align:center}@media (max-width:768px){.puzzles-container h1{font-size:2rem}.puzzle-game-area{max-width:90vw}.game-stats{flex-direction:column;gap:.5rem}.square-content{font-size:1rem;padding:.5rem}}.openbox-builder-page{background:linear-gradient(135deg,#fff9e6,#ffe6f0);min-height:100vh;padding:2rem 1rem}.ai-btn{align-items:center;border-radius:12px;color:#fff;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem}.boxes-section{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a;padding:2rem}.boxes-section h2{color:#333;font-size:1.5rem;margin-bottom:1.5rem}.boxes-list{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem}.box-card{background:#f9f9f9;border:2px solid #e0e0e0;border-radius:12px;padding:1.5rem}.box-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.box-number{color:#667eea;font-size:1.1rem;font-weight:600}.delete-btn{color:#ff6b9d}.box-content{display:flex;flex-direction:column;gap:1rem}.box-controls{align-items:center;display:flex;gap:1rem}.emoji-input{width:80px}.box-preview-img{border-radius:8px;height:100px;object-fit:cover;width:100px}.nested-boxes-section{border-top:1px solid #e0e0e0;margin-top:1rem;padding-top:1rem}.add-nested-btn{margin-bottom:.5rem}.nested-box{display:flex;gap:.5rem;margin-bottom:.5rem}.add-box-btn{align-items:center;background:linear-gradient(135deg,#87ceeb,#4682b4);border-radius:12px;color:#fff;display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;width:100%}.open-box-game-page{background:linear-gradient(135deg,#8b5cf6,#6d28d9);display:flex;flex-direction:column;min-height:100vh;position:relative}.open-box-game-page .toolbar-trigger-area{cursor:pointer;height:10px;left:0;position:fixed;right:0;top:0;z-index:50}.open-box-game-page .game-toolbar{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(180deg,#0009,#0000004d 70%,#0000);display:flex;justify-content:space-between;left:0;padding:1rem 2rem;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .3s ease,transform .3s ease;z-index:100}.open-box-game-page .game-toolbar.hidden{opacity:0;transform:translateY(-100%)}.open-box-game-page .game-toolbar.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.open-box-game-page .game-toolbar.visible *{pointer-events:auto}.open-box-game-page .back-button{align-items:center;background:#ffffff26;border:1px solid #fff3;border-radius:12px;color:#fff;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s}.open-box-game-page .back-button:hover{background:#ffffff40;transform:scale(1.02)}.open-box-game-page .toolbar-title{align-items:center;color:#fff;display:flex;font-size:1.25rem;font-weight:700;gap:.75rem;text-shadow:0 2px 4px #0000004d}.open-box-game-page .toolbar-icon{font-size:2rem}.open-box-game-page .toolbar-actions{display:flex;gap:.75rem}.open-box-game-page .fullscreen-btn{align-items:center;background:#ffffff26;border:1px solid #fff3;border-radius:12px;color:#fff;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all .3s}.open-box-game-page .fullscreen-btn:hover{background:#ffffff40}.open-box-game-page .game-container{display:flex;flex:1 1;overflow:hidden}.open-box-game-page .game-iframe{background:linear-gradient(135deg,#8b5cf6,#6d28d9);border:none;flex:1 1;height:100%;width:100%}.open-box-game-page:fullscreen{background:#000;padding:0}.open-box-game-page:fullscreen .game-container{height:100vh;width:100vw}.open-box-game-page:fullscreen .game-iframe{border-radius:0}@media (max-width:768px){.open-box-game-page .game-toolbar{padding:.75rem 1rem}.open-box-game-page .toolbar-title{font-size:1rem}.open-box-game-page .toolbar-icon{font-size:1.5rem}.open-box-game-page .back-button{font-size:.875rem;padding:.5rem .75rem}.open-box-game-page .fullscreen-btn span{display:none}}.open-box-hub-page{background:linear-gradient(135deg,#8b5cf6,#a855f7);min-height:100vh;padding:100px 2rem 2rem}.open-box-hub-container{margin:0 auto;max-width:1200px}.open-box-hub-page .hub-header{align-items:center;display:flex;gap:2rem;margin-bottom:2rem}.open-box-hub-page .back-button{align-items:center;background:#ffffffe6;border-radius:12px;color:#333;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.open-box-hub-page .back-button:hover{background:#fff;transform:translateY(-2px)}.open-box-hub-page .hub-title h1{color:#fff;font-size:2.5rem;margin:0;text-shadow:2px 2px 4px #0003}.open-box-hub-page .hub-title p{color:#ffffffe6;margin:.5rem 0 0}.open-box-hub-page .create-new-section{margin-bottom:2rem}.open-box-hub-page .create-new-btn{align-items:center;background:linear-gradient(135deg,#f59e0b,#f97316);border-radius:16px;box-shadow:0 4px 20px #f59e0b66;color:#fff;display:flex;font-size:1.1rem;font-weight:600;gap:.75rem;padding:1rem 2rem;transition:all .3s}.open-box-hub-page .create-new-btn:hover{box-shadow:0 8px 30px #f59e0b80;transform:translateY(-3px)}.open-box-hub-page .quizzes-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.open-box-hub-page .no-quizzes{background:#ffffffe6;border-radius:24px;box-shadow:0 8px 32px #0000001a;grid-column:1/-1;padding:4rem 2rem;text-align:center}.open-box-hub-page .no-quizzes-icon{color:#8b5cf6;margin-bottom:1rem}.open-box-hub-page .no-quizzes h3{color:#1e293b;font-size:1.5rem;margin-bottom:.5rem}.open-box-hub-page .no-quizzes p{color:#6b7280}.open-box-hub-page .quiz-card{background:#fff;border:3px solid #f59e0b;border-radius:20px;box-shadow:0 8px 32px #0000001a;padding:1.5rem;transition:all .3s}.open-box-hub-page .quiz-card:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-5px)}.open-box-hub-page .quiz-card-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1rem}.open-box-hub-page .quiz-icon{font-size:2.5rem}.open-box-hub-page .quiz-info{flex:1 1}.open-box-hub-page .quiz-title{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0 0 .5rem}.open-box-hub-page .quiz-meta{display:flex;flex-wrap:wrap;gap:1rem}.open-box-hub-page .meta-item{align-items:center;color:#6b7280;display:flex;font-size:.85rem;gap:.25rem}.open-box-hub-page .quiz-details{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-radius:12px;margin-bottom:1rem;padding:1rem}.open-box-hub-page .quiz-question{color:#1e293b;font-size:.95rem;font-weight:500;margin:0}.open-box-hub-page .quiz-card-actions{display:flex;gap:.75rem}.open-box-hub-page .play-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#a855f7);border-radius:12px;color:#fff;display:flex;flex:1 1;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .3s}.open-box-hub-page .play-btn:hover{box-shadow:0 4px 12px #8b5cf666;transform:scale(1.02)}.open-box-hub-page .delete-btn{border-radius:12px;color:#ef4444;padding:.75rem;transition:all .3s}.open-box-hub-page .delete-btn:hover{background:#fee2e2}.open-box-hub-page .delete-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.open-box-hub-page .delete-dialog{background:#fff;border-radius:20px;max-width:400px;padding:2rem;text-align:center;width:100%}.open-box-hub-page .delete-dialog h3{color:#1e293b;font-size:1.5rem;margin-bottom:.5rem}.open-box-hub-page .delete-dialog p{color:#6b7280;margin-bottom:1.5rem}.open-box-hub-page .delete-actions{display:flex;gap:1rem;justify-content:center}.open-box-hub-page .confirm-delete-btn{background:#ef4444;border-radius:12px;color:#fff;font-weight:600;padding:.75rem 1.5rem}@media (max-width:768px){.open-box-hub-page{padding:80px 1rem 1rem}.open-box-hub-page .hub-header{align-items:flex-start;flex-direction:column;gap:1rem}.open-box-hub-page .hub-title h1{font-size:2rem}.open-box-hub-page .quizzes-grid{grid-template-columns:1fr}}.flashcard-builder-page{background:linear-gradient(135deg,#e6f9ff,#ffe6f9);min-height:100vh;padding:2rem 1rem}.header-left{align-items:center;display:flex;gap:1rem}.back-btn{color:#666}.back-btn:hover{background:#0000000d;color:#333}.save-btn:disabled{background:#ccc}.set-settings{margin-bottom:2rem}.cards-section,.set-settings{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a;padding:2rem}.cards-section h2{font-size:1.5rem;margin-bottom:1.5rem}.cards-list{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem}.card-editor{background:#f9f9f9;border:2px solid #e0e0e0;border-radius:12px;padding:1.5rem}.card-header{align-items:center;display:flex;font-weight:600;justify-content:space-between;margin-bottom:1rem}.card-sides{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.side{display:flex;flex-direction:column;gap:.5rem}.image-upload-section{margin-top:.75rem}.upload-image-btn{align-items:center;background:#0000;border:2px dashed #ccc;border-radius:8px;color:#666;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.upload-image-btn:hover:not(:disabled){background:#667eea0d;border-color:#667eea;color:#667eea}.upload-image-btn:disabled{cursor:not-allowed;opacity:.6}.image-preview{border:2px solid #e0e0e0;border-radius:8px;display:inline-block;overflow:hidden;position:relative}.image-preview img{display:block;max-height:120px;max-width:100%;object-fit:cover}.remove-image-btn{align-items:center;background:#dc3545e6;border-radius:50%;color:#fff;display:flex;height:24px;justify-content:center;padding:0;position:absolute;right:4px;top:4px;width:24px}.remove-image-btn:hover{background:#dc3545}.add-card-btn{align-items:center;background:linear-gradient(135deg,#87ceeb,#4682b4);border-radius:12px;color:#fff;display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;width:100%}@media (max-width:768px){.builder-header{align-items:stretch;flex-direction:column}.header-left{align-items:flex-start}.header-actions,.header-left{flex-direction:column}.card-sides{grid-template-columns:1fr}.builder-header h1{font-size:1.5rem}}.flashcard-game-page{background:linear-gradient(135deg,#e6f9ff,#ffe6f9);min-height:100vh;padding:2rem 1rem}.loading-container{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;min-height:60vh}.loading-container .spinner{animation:spin 1s linear infinite;border:4px solid #e0e0e0;border-radius:50%;border-top-color:#667eea;height:50px;margin-bottom:16px;width:50px}.sets-container{margin:0 auto;max-width:1200px}.sets-header{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.back-to-hub{color:#666}.back-to-hub:hover{background:#0000000d;color:#333}.sets-container h1{color:#333;font-size:2.5rem;margin:0;text-align:center}.sets-grid{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.no-sets{color:#666;font-size:1.25rem;padding:3rem}.set-card{border-radius:16px;box-shadow:0 4px 12px #0000001a;padding:2rem;transition:all .3s}.set-card:hover{box-shadow:0 8px 24px #00000026}.set-info h3{color:#333;font-size:1.5rem;margin-bottom:1rem}.set-details{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.play-btn{width:100%}.game-container{max-width:800px}.game-stats{gap:1.5rem}.card-progress{color:#666;font-weight:600;margin-bottom:2rem;text-align:center}.card-container{margin:0 auto 2rem;max-width:500px;perspective:1000px}.flashcard{align-items:center;background:#fff;border-radius:20px;box-shadow:0 8px 24px #00000026;cursor:pointer;display:flex;justify-content:center;min-height:350px;padding:3rem;transition:transform .3s}.flashcard:hover{transform:translateY(-5px)}.flashcard.front{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.flashcard.back{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.card-content{text-align:center;width:100%}.card-label{font-size:.875rem;font-weight:600;margin-bottom:1rem;opacity:.8}.card-content p{font-size:1.5rem;margin-bottom:1rem}.card-img{border-radius:12px;margin:1rem 0;max-height:150px;max-width:100%}.flip-hint{font-size:.875rem;margin-top:2rem;opacity:.7}.card-controls{display:flex;gap:2rem;justify-content:center}.nav-btn{align-items:center;background:linear-gradient(135deg,#87ceeb,#4682b4);border-radius:12px;color:#fff;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem}.nav-btn:disabled{cursor:not-allowed;opacity:.5}.flashcard-hub-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}.flashcard-hub-container{margin:0 auto;max-width:1200px}.hub-header{flex-direction:column;gap:16px;margin-bottom:30px}.back-button{align-self:flex-start;color:#fff;font-weight:500;gap:8px}.back-button:hover{background:#ffffff1a}.title-with-icon{align-items:center;display:flex;gap:16px;justify-content:center}.hub-icon{filter:drop-shadow(0 4px 6px rgba(0,0,0,.2));font-size:4rem}.hub-title h1{color:#fff;font-weight:700;margin:0;text-shadow:2px 2px 4px #0003}.hub-title p{color:#ffffffe6;margin:8px 0 0}.create-new-section{display:flex;justify-content:center;margin-bottom:30px}.create-new-btn{align-items:center;background:linear-gradient(135deg,#ffd93d,#ff6b6b);border-radius:16px;box-shadow:0 4px 15px #ff6b6b66;color:#333;display:flex;font-size:1.1rem;font-weight:600;gap:10px;padding:16px 32px;transition:all .3s ease}.create-new-btn:hover{background:linear-gradient(135deg,#ffe066,#ff8585);box-shadow:0 6px 20px #ff6b6b80;transform:translateY(-2px)}.loading-state{color:#fff;padding:60px 20px;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:50px;margin:0 auto 16px;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.sets-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.no-sets{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px;grid-column:1/-1;padding:60px 40px;text-align:center}.no-sets-icon{color:#ffffff80;margin-bottom:20px}.no-sets h3{color:#fff;font-size:1.5rem;margin:0 0 10px}.no-sets p{color:#fffc;font-size:1rem;margin:0}.set-card{background:#fff;border-radius:20px;box-shadow:0 8px 30px #00000026;padding:24px;transition:all .3s ease}.set-card:hover{box-shadow:0 12px 40px #0003;transform:translateY(-4px)}.set-card-header{align-items:flex-start;display:flex;gap:16px;margin-bottom:16px}.set-icon{font-size:2.5rem;line-height:1}.set-info{flex:1 1}.set-title{color:#333;font-size:1.3rem;font-weight:700;line-height:1.3;margin:0 0 8px}.set-meta{display:flex;flex-wrap:wrap;gap:12px}.meta-item{color:#666;gap:4px}.set-details{background:#f8f9fa;border-radius:12px;margin-bottom:16px;padding:12px 16px}.set-count,.set-timer{color:#555;font-size:.95rem;margin:4px 0}.set-card-actions{display:flex;gap:12px}.play-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;gap:8px;justify-content:center;padding:12px 20px;transition:all .3s ease}.play-btn:hover:not(:disabled){box-shadow:0 4px 15px #667eea66;transform:scale(1.02)}.play-btn.disabled{background:#ccc;cursor:not-allowed}.delete-btn{color:#dc3545;padding:12px;transition:all .3s ease}.delete-btn:hover{background:#fee}.delete-overlay{bottom:0;left:0;padding:20px;right:0;top:0}.delete-dialog{padding:30px}.delete-dialog h3{color:#333;font-size:1.4rem;margin:0 0 12px}.delete-dialog p{color:#666;margin:0 0 24px}.delete-actions{gap:12px}.delete-actions button{border-radius:10px;font-weight:600;padding:12px 24px}.confirm-delete-btn{background:#dc3545}.confirm-delete-btn:hover{background:#c82333}@media (max-width:768px){.flashcard-hub-page{padding:16px}.hub-icon{font-size:3rem}.hub-title h1{font-size:1.8rem}.title-with-icon{flex-direction:column;gap:12px}.sets-grid{gap:16px;grid-template-columns:1fr}.create-new-btn{justify-content:center;width:100%}.set-card{padding:20px}}.anagram-builder-page{background:linear-gradient(135deg,#ffe6f0,#e6f9ff);min-height:100vh;padding:2rem 1rem}.builder-container{margin:0 auto;max-width:900px}.builder-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.builder-header h1{color:#333;font-size:2rem;margin:0}.header-actions{display:flex;gap:1rem}.ai-btn,.save-btn{align-items:center;border-radius:12px;color:#fff;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem}.ai-btn{background:linear-gradient(135deg,#667eea,#764ba2)}.save-btn{background:#4caf50}.game-settings{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a;margin-bottom:2rem;padding:2rem}.title-input{border:2px solid #e0e0e0;border-radius:12px;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;padding:1rem}.setting-group{display:flex;flex-direction:column;gap:.5rem}.words-section{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a;padding:2rem}.words-section h2{font-size:1.5rem;margin-bottom:1.5rem}.words-list{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem}.word-card{background:#f9f9f9;border:2px solid #e0e0e0;border-radius:12px;padding:1.5rem}.word-header{align-items:center;display:flex;font-weight:600;justify-content:space-between;margin-bottom:1rem}.word-content{gap:1rem}.form-group,.word-content{display:flex;flex-direction:column}.form-group{gap:.5rem}.add-word-btn{align-items:center;background:linear-gradient(135deg,#87ceeb,#4682b4);border-radius:12px;color:#fff;display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;width:100%}.ai-form{display:flex;flex-direction:column;gap:1.5rem;padding-top:1rem}.generate-btn{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;font-weight:600;padding:.75rem 1.5rem}.upload-btn-sm{background:#87ceeb;color:#fff;cursor:pointer;display:inline-block;font-size:.875rem;padding:.5rem 1rem}.upload-btn-sm,.word-preview-img{border-radius:8px;margin-top:.5rem}.word-preview-img{height:100px;object-fit:cover;width:100px}.anagram-game-page{background:linear-gradient(135deg,#ffe6f0,#e6f9ff);min-height:100vh;padding:2rem 1rem}.games-container{margin:0 auto;max-width:1200px}.games-container h1{color:#333;font-size:2.5rem;margin-bottom:3rem;text-align:center}.games-grid{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.no-games{color:#666;font-size:1.25rem;padding:3rem;text-align:center}.game-card{padding:2rem}.game-info h3{color:#333;font-size:1.5rem;margin-bottom:1rem}.game-details{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.detail-badge{align-items:center;background:#e0e0e0;border-radius:20px;color:#666;display:flex;font-size:.875rem;font-weight:600;gap:.25rem;padding:.25rem .75rem}.timer-badge{background:#ffe6e6;color:#d32f2f}.card-actions{display:flex;gap:.5rem}.play-btn{background:linear-gradient(135deg,#ff6b9d,#c06c84);color:#fff;flex:1 1;font-weight:600;padding:.75rem}.delete-btn,.play-btn{border-radius:12px}.game-container{margin:0 auto;max-width:900px}.game-header{justify-content:space-between;margin-bottom:2rem}.game-header,.game-stats{align-items:center;display:flex}.game-stats{gap:1rem}.stat{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:.5rem;padding:.75rem 1.5rem}.stat.timer{color:#4caf50}.stat.timer.warning{animation:pulse 1s infinite;color:#ff6b6b}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.sound-toggle{border-radius:50%;padding:.5rem}.game-title{color:#333;font-size:2rem;margin-bottom:1rem;text-align:center}.word-progress{color:#666;font-weight:600}.word-image-container,.word-progress{margin-bottom:2rem;text-align:center}.word-image{border-radius:16px;box-shadow:0 8px 24px #0003;height:auto;max-width:400px;width:100%}.anagram-play-area{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a;padding:2rem;position:relative}.hint-section{margin-bottom:2rem;text-align:center}.hint-btn{align-items:center;background:linear-gradient(135deg,#ffe66d,#ffa07a);border-radius:8px;color:#333;display:inline-flex;font-weight:600;gap:.5rem;padding:.5rem 1rem}.hint-text{background:#fff9e6;border-radius:8px;color:#666;font-size:1.1rem;margin-top:1rem;padding:1rem}.answer-area,.letters-area{margin-bottom:2rem}.answer-area h3,.letters-area h3{color:#333;font-size:1.3rem;font-weight:700;margin-bottom:1rem;text-align:center}.placed-letters-zone{background:linear-gradient(135deg,#e8f5e9,#c8e6c9 50%);border:4px solid #4caf50;border-radius:16px;min-height:140px;position:relative}.available-letters-zone,.placed-letters-zone{align-items:center;display:flex;flex-wrap:nowrap;gap:1rem;justify-content:center;overflow-x:auto;padding:1.5rem}.available-letters-zone{background:linear-gradient(135deg,#fff9e6,#ffe6e6 50%);border:4px solid #ff9800;border-radius:16px;min-height:120px}.empty-placeholder{color:#999;font-size:1.2rem;font-style:italic;text-align:center;width:100%}.letter-tile{background:linear-gradient(135deg,#ff6b9d,#ff8fab);border:3px solid #ff4d7d;border-radius:16px;box-shadow:0 6px 16px #ff6b9d66;color:#fff;cursor:pointer;font-size:2.5rem;font-weight:700;padding:1.5rem 2rem;text-shadow:0 2px 4px #0003;transition:all .2s;user-select:none;-webkit-user-select:none;-moz-user-select:none}.letter-tile.available{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#4a5cb8}.letter-tile.placed{background:linear-gradient(135deg,#4caf50,#45a049);border-color:#2e7d32}.letter-tile:hover{box-shadow:0 10px 25px #ff6b9d99;transform:translateY(-5px) scale(1.05)}.letter-tile:active{transform:translateY(-2px) scale(1.02)}.check-btn{background:linear-gradient(135deg,#4caf50,#45a049);border-radius:16px;box-shadow:0 4px 12px #4caf504d;color:#fff;font-size:1.3rem;font-weight:700;margin-top:2rem;padding:1.5rem;transition:all .3s;width:100%}.check-btn:hover:not(:disabled){box-shadow:0 8px 24px #4caf5080;transform:translateY(-3px)}.check-btn:disabled{cursor:not-allowed;opacity:.5}.emoji-feedback{animation:popEmoji .8s ease-out;font-size:5rem;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:100}@keyframes popEmoji{0%{transform:translate(-50%,-50%) scale(0)}50%{transform:translate(-50%,-70%) scale(1.2)}to{transform:translate(-50%,-90%) scale(1)}}.game-complete{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a;padding:3rem;text-align:center}.complete-content h2{color:#4caf50;font-size:2.5rem;margin:1rem 0}.final-score{color:#666;font-size:1.5rem;margin-bottom:2rem}.play-again-btn{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;font-weight:600;padding:1rem 2rem}@media (max-width:768px){.word-image{max-width:100%}.letter-tile{font-size:2rem;padding:1rem 1.5rem}}.available-letters-zone[dir=rtl],.placed-letters-zone[dir=rtl]{direction:rtl;justify-content:flex-start}.available-letters-zone[dir=rtl] .letter-tile,.placed-letters-zone[dir=rtl] .letter-tile{flex-shrink:0}.available-letters-zone::-webkit-scrollbar,.placed-letters-zone::-webkit-scrollbar{height:10px}.available-letters-zone::-webkit-scrollbar-track,.placed-letters-zone::-webkit-scrollbar-track{background:#0000001a;border-radius:10px}.placed-letters-zone::-webkit-scrollbar-thumb{background:#4caf50;border-radius:10px}.available-letters-zone::-webkit-scrollbar-thumb{background:#ff9800;border-radius:10px}.available-letters-zone::-webkit-scrollbar-thumb:hover,.placed-letters-zone::-webkit-scrollbar-thumb:hover{background:#333}.airplane-quiz-game-page{background:#87ceeb;bottom:0;height:100vh;left:0;overflow:hidden;position:fixed;right:0;top:0;width:100vw}.airplane-game-header{left:10px;position:absolute;top:10px;z-index:1000}.airplane-game-header .back-btn{align-items:center;background:#fffffff2;border-radius:12px;box-shadow:0 2px 8px #0003;color:#333;display:flex;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .3s}.airplane-game-header .back-btn:hover{background:#fff;box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.exit-button-container{position:fixed;right:20px;top:20px;z-index:2000}.exit-button-container .exit-btn{align-items:center;background:#ff6b6bf2;border-radius:12px;box-shadow:0 4px 12px #ff6b6b66;color:#fff;display:flex;font-size:16px;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.exit-button-container .exit-btn:hover{background:#ff6b6b;box-shadow:0 6px 16px #ff6b6b99;transform:scale(1.05)}.airplane-quiz-game-page:fullscreen{background:#87ceeb}.airplane-quiz-game-page:-webkit-full-screen{background:#87ceeb}.airplane-quiz-game-page:-moz-full-screen{background:#87ceeb}.airplane-quiz-game-page:-ms-fullscreen{background:#87ceeb}.game-hub-page{background:linear-gradient(135deg,#fef3c7,#fde68a);min-height:100vh;padding:2rem}.game-hub-container{margin:0 auto;max-width:1200px}.hub-header{flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:3rem}.back-button,.hub-header{align-items:center;display:flex}.back-button{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;color:#333;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.back-button:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.hub-title{flex:1 1;text-align:center}.hub-title h1{color:#f59e0b;font-size:2.5rem;margin-bottom:.5rem;text-shadow:2px 2px 0 #0000001a}.hub-title p{color:#78350f;font-size:1.1rem}.create-button{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:12px;box-shadow:0 4px 12px #f59e0b66;color:#fff;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.create-button:hover{box-shadow:0 6px 16px #f59e0b99;transform:translateY(-2px)}.games-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.empty-state{background:#fff;border-radius:20px;box-shadow:0 4px 12px #0000001a;grid-column:1/-1;padding:4rem 2rem;text-align:center}.empty-icon{font-size:5rem;margin-bottom:1rem}.empty-state h3{color:#78350f;font-size:1.8rem;margin-bottom:.5rem}.empty-state p{color:#a16207;font-size:1.1rem;margin-bottom:2rem}.empty-create-btn{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:12px;box-shadow:0 4px 12px #f59e0b66;color:#fff;display:inline-flex;font-size:1.1rem;font-weight:600;gap:.5rem;padding:1rem 2rem}.game-card{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a;padding:1.5rem;transition:all .3s}.game-card:hover{box-shadow:0 8px 24px #00000026}.game-card-header{display:flex;gap:1rem;margin-bottom:1rem}.game-icon{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:12px;display:flex;flex-shrink:0;font-size:3rem;height:60px;justify-content:center;width:60px}.game-info{flex:1 1;min-width:0}.game-info h3{color:#78350f;font-size:1.3rem;margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-meta{display:flex;flex-wrap:wrap;gap:1rem}.meta-item{color:#a16207;gap:.3rem}.game-progress{margin-bottom:1rem}.progress-label{color:#78350f;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.progress-bar{background:#fef3c7;border-radius:4px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#f59e0b,#d97706);border-radius:4px;height:100%;transition:width .3s}.game-card-actions{display:flex;gap:.75rem}.continue-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:10px;box-shadow:0 2px 8px #10b9814d;color:#fff;display:flex;flex:1 1;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .3s}.continue-btn:hover{box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.delete-btn{background:#fee2e2;border-radius:10px;color:#dc2626;padding:.75rem;transition:all .3s}.delete-btn:hover{background:#fecaca;transform:scale(1.05)}.delete-overlay{background:#0009}.delete-dialog{box-shadow:0 20px 60px #0000004d}.delete-dialog h3{color:#78350f;margin-bottom:1rem}.delete-dialog p{color:#a16207;line-height:1.6}.delete-actions{justify-content:flex-end}.confirm-delete-btn{background:#dc2626;border-radius:10px}.confirm-delete-btn:hover{background:#b91c1c}@media (max-width:768px){.game-hub-page{padding:1rem}.hub-header{align-items:stretch;flex-direction:column}.hub-title{margin-bottom:1rem;order:-1}.hub-title h1{font-size:2rem}.games-grid{grid-template-columns:1fr}.game-card-header{flex-direction:column;text-align:center}.game-icon{margin:0 auto}}.cheese-chase-game-page{background:#fef3c7;bottom:0;height:100vh;left:0;overflow:hidden;position:fixed;right:0;top:0;width:100vw}.back-btn{align-items:center;background:#fffffff2;border-radius:12px;box-shadow:0 2px 8px #0003;color:#333;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.back-btn:hover{background:#fff;box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.save-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;box-shadow:0 4px 12px #10b98166;color:#fff;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.save-btn:hover:not(:disabled){box-shadow:0 6px 16px #10b98199;transform:scale(1.05)}.save-btn:disabled{cursor:not-allowed;opacity:.6}.exit-btn{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:12px;box-shadow:0 4px 12px #f59e0b66;color:#fff;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.exit-btn:hover{box-shadow:0 6px 16px #f59e0b99;transform:scale(1.05)}.cheese-chase-game-page:fullscreen{background:#fef3c7}.cheese-chase-game-page:-webkit-full-screen{background:#fef3c7}.cheese-chase-game-page:-moz-full-screen{background:#fef3c7}.cheese-chase-game-page:-ms-fullscreen{background:#fef3c7}@media (max-width:768px){.game-controls{gap:.5rem;right:10px;top:10px}.exit-btn,.save-btn{font-size:14px;padding:.6rem 1rem}.exit-btn svg,.save-btn svg{height:16px;width:16px}}.fishing-quiz-game-page{background:linear-gradient(135deg,#87ceeb,#4ca1af);bottom:0;height:100vh;left:0;overflow:hidden;position:fixed;right:0;top:0;width:100vw}.game-header{left:10px;position:absolute;top:10px;z-index:1000}.fishing-quiz-game-page .back-btn{align-items:center;background:#fffffff2;border-radius:12px;box-shadow:0 2px 8px #0003;color:#333;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.fishing-quiz-game-page .back-btn:hover{background:#fff;box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.game-controls{display:flex;gap:1rem;position:fixed;right:20px;top:20px;z-index:2000}.fishing-quiz-game-page .exit-btn{align-items:center;background:linear-gradient(135deg,#ff8c42,#ff6b9d);border-radius:12px;box-shadow:0 4px 12px #ff8c4266;color:#fff;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.fishing-quiz-game-page .exit-btn:hover{box-shadow:0 6px 16px #ff8c4299;transform:scale(1.05)}.game-iframe{border:none;bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.fishing-quiz-game-page:fullscreen{background:linear-gradient(135deg,#87ceeb,#4ca1af)}.fishing-quiz-game-page:-webkit-full-screen{background:linear-gradient(135deg,#87ceeb,#4ca1af)}.fishing-quiz-game-page:-moz-full-screen{background:linear-gradient(135deg,#87ceeb,#4ca1af)}.fishing-quiz-game-page:-ms-fullscreen{background:linear-gradient(135deg,#87ceeb,#4ca1af)}@media (max-width:768px){.game-controls{gap:.5rem;right:10px;top:10px}.fishing-quiz-game-page .exit-btn{font-size:14px;padding:.6rem 1rem}.fishing-quiz-game-page .exit-btn svg{height:16px;width:16px}}.fishing-quiz-hub-page{background:linear-gradient(135deg,#87ceeb,#4ca1af);min-height:100vh;padding:100px 2rem 2rem}.fishing-quiz-hub-container{margin:0 auto;max-width:1200px}.fishing-quiz-hub-page .hub-header{align-items:center;display:flex;gap:2rem;margin-bottom:2rem}.fishing-quiz-hub-page .back-button{align-items:center;background:#ffffffe6;border-radius:12px;color:#333;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.fishing-quiz-hub-page .back-button:hover{background:#fff;transform:translateY(-2px)}.fishing-quiz-hub-page .hub-title h1{color:#fff;font-size:2.5rem;margin:0;text-shadow:2px 2px 4px #0003}.fishing-quiz-hub-page .hub-title p{color:#ffffffe6;margin:.5rem 0 0}.create-new-section{margin-bottom:2rem}.fishing-quiz-hub-page .create-new-btn{align-items:center;background:linear-gradient(135deg,#4caf50,#2196f3);border-radius:16px;box-shadow:0 4px 20px #2196f366;color:#fff;display:flex;font-size:1.1rem;font-weight:600;gap:.75rem;padding:1rem 2rem;transition:all .3s}.fishing-quiz-hub-page .create-new-btn:hover{box-shadow:0 8px 30px #2196f380;transform:translateY(-3px)}.quizzes-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.no-quizzes{background:#ffffffe6;border-radius:24px;box-shadow:0 8px 32px #0000001a;grid-column:1/-1;padding:4rem 2rem;text-align:center}.no-quizzes-icon{color:#87ceeb;margin-bottom:1rem}.no-quizzes h3{color:#1e3a5f;font-size:1.5rem;margin-bottom:.5rem}.no-quizzes p{color:#6b7280}.quiz-card{background:#fff;border:3px solid gold;border-radius:20px;box-shadow:0 8px 32px #0000001a;padding:1.5rem;transition:all .3s}.quiz-card:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-5px)}.quiz-card-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1rem}.quiz-icon{font-size:2.5rem}.quiz-info{flex:1 1}.quiz-title{color:#1e3a5f;font-size:1.25rem;font-weight:700;margin:0 0 .5rem}.quiz-meta{display:flex;flex-wrap:wrap;gap:1rem}.meta-item{align-items:center;color:#6b7280;display:flex;font-size:.85rem;gap:.25rem}.quiz-details{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:12px;margin-bottom:1rem;padding:1rem}.quiz-question{color:#1e3a5f;font-size:.95rem;font-weight:500;margin:0 0 .75rem}.quiz-stats{display:flex;gap:1rem}.stat{font-size:.85rem;font-weight:600}.stat.correct{color:#22c55e}.stat.wrong{color:#ef4444}.quiz-card-actions{display:flex;gap:.75rem}.fishing-quiz-hub-page .play-btn{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:12px;color:#fff;display:flex;flex:1 1;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .3s}.fishing-quiz-hub-page .play-btn:hover{box-shadow:0 4px 12px #22c55e66;transform:scale(1.02)}.fishing-quiz-hub-page .delete-btn{border-radius:12px;color:#ef4444;padding:.75rem;transition:all .3s}.fishing-quiz-hub-page .delete-btn:hover{background:#fee2e2}.delete-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.delete-dialog{background:#fff;border-radius:20px;max-width:400px;padding:2rem;text-align:center;width:100%}.delete-dialog h3{color:#1e3a5f;font-size:1.5rem;margin-bottom:.5rem}.delete-dialog p{color:#6b7280;margin-bottom:1.5rem}.delete-actions{display:flex;gap:1rem;justify-content:center}.confirm-delete-btn{background:#ef4444;border-radius:12px;color:#fff;font-weight:600;padding:.75rem 1.5rem}.confirm-delete-btn:hover{background:#dc2626}@media (max-width:768px){.fishing-quiz-hub-page{padding:80px 1rem 1rem}.fishing-quiz-hub-page .hub-header{align-items:flex-start;flex-direction:column;gap:1rem}.fishing-quiz-hub-page .hub-title h1{font-size:2rem}.quizzes-grid{grid-template-columns:1fr}}.quiz-blaster-game-page{background:linear-gradient(135deg,#8b5cf6,#6366f1);bottom:0;height:100vh;left:0;overflow:hidden;position:fixed;right:0;top:0;width:100vw}.quiz-blaster-game-page .game-header{left:10px;position:absolute;top:10px;z-index:1000}.quiz-blaster-game-page .back-btn{align-items:center;background:#fffffff2;border-radius:12px;box-shadow:0 2px 8px #0003;color:#333;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.quiz-blaster-game-page .back-btn:hover{background:#fff;box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.quiz-blaster-game-page .game-controls{display:flex;gap:1rem;position:fixed;right:20px;top:20px;z-index:2000}.quiz-blaster-game-page .exit-btn{align-items:center;background:linear-gradient(135deg,#ff8c42,#ff6b9d);border-radius:12px;box-shadow:0 4px 12px #ff8c4266;color:#fff;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.quiz-blaster-game-page .exit-btn:hover{box-shadow:0 6px 16px #ff8c4299;transform:scale(1.05)}.quiz-blaster-game-page .game-iframe{border:none;bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.quiz-blaster-game-page:fullscreen{background:linear-gradient(135deg,#8b5cf6,#6366f1)}@media (max-width:768px){.quiz-blaster-game-page .game-controls{right:10px;top:10px}.quiz-blaster-game-page .exit-btn{font-size:14px;padding:.6rem 1rem}}.quiz-blaster-hub-page{background:linear-gradient(135deg,#8b5cf6,#6366f1);min-height:100vh;padding:100px 2rem 2rem}.quiz-blaster-hub-container{margin:0 auto;max-width:1200px}.quiz-blaster-hub-page .hub-header{align-items:center;display:flex;gap:2rem;margin-bottom:2rem}.quiz-blaster-hub-page .back-button{align-items:center;background:#ffffffe6;border-radius:12px;color:#333;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.quiz-blaster-hub-page .back-button:hover{background:#fff;transform:translateY(-2px)}.quiz-blaster-hub-page .hub-title h1{color:#fff;font-size:2.5rem;margin:0;text-shadow:2px 2px 4px #0003}.quiz-blaster-hub-page .hub-title p{color:#ffffffe6;margin:.5rem 0 0}.quiz-blaster-hub-page .create-new-section{margin-bottom:2rem}.quiz-blaster-hub-page .create-new-btn{align-items:center;background:linear-gradient(135deg,#f59e0b,#ef4444);border-radius:16px;box-shadow:0 4px 20px #f59e0b66;color:#fff;display:flex;font-size:1.1rem;font-weight:600;gap:.75rem;padding:1rem 2rem;transition:all .3s}.quiz-blaster-hub-page .create-new-btn:hover{box-shadow:0 8px 30px #f59e0b80;transform:translateY(-3px)}.quiz-blaster-hub-page .quizzes-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.quiz-blaster-hub-page .no-quizzes{background:#ffffffe6;border-radius:24px;box-shadow:0 8px 32px #0000001a;grid-column:1/-1;padding:4rem 2rem;text-align:center}.quiz-blaster-hub-page .no-quizzes-icon{color:#8b5cf6;margin-bottom:1rem}.quiz-blaster-hub-page .no-quizzes h3{color:#1e293b;font-size:1.5rem;margin-bottom:.5rem}.quiz-blaster-hub-page .no-quizzes p{color:#6b7280}.quiz-blaster-hub-page .quiz-card{background:#fff;border:3px solid #f59e0b;border-radius:20px;box-shadow:0 8px 32px #0000001a;padding:1.5rem;transition:all .3s}.quiz-blaster-hub-page .quiz-card:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-5px)}.quiz-blaster-hub-page .quiz-card-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1rem}.quiz-blaster-hub-page .quiz-icon{font-size:2.5rem}.quiz-blaster-hub-page .quiz-info{flex:1 1}.quiz-blaster-hub-page .quiz-title{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0 0 .5rem}.quiz-blaster-hub-page .quiz-meta{display:flex;flex-wrap:wrap;gap:1rem}.quiz-blaster-hub-page .meta-item{align-items:center;color:#6b7280;display:flex;font-size:.85rem;gap:.25rem}.quiz-blaster-hub-page .quiz-details{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-radius:12px;margin-bottom:1rem;padding:1rem}.quiz-blaster-hub-page .quiz-question{color:#1e293b;font-size:.95rem;font-weight:500;margin:0}.quiz-blaster-hub-page .quiz-card-actions{display:flex;gap:.75rem}.quiz-blaster-hub-page .play-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:12px;color:#fff;display:flex;flex:1 1;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .3s}.quiz-blaster-hub-page .play-btn:hover{box-shadow:0 4px 12px #8b5cf666;transform:scale(1.02)}.quiz-blaster-hub-page .delete-btn{border-radius:12px;color:#ef4444;padding:.75rem;transition:all .3s}.quiz-blaster-hub-page .delete-btn:hover{background:#fee2e2}.quiz-blaster-hub-page .delete-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.quiz-blaster-hub-page .delete-dialog{background:#fff;border-radius:20px;max-width:400px;padding:2rem;text-align:center;width:100%}.quiz-blaster-hub-page .delete-dialog h3{color:#1e293b;font-size:1.5rem;margin-bottom:.5rem}.quiz-blaster-hub-page .delete-dialog p{color:#6b7280;margin-bottom:1.5rem}.quiz-blaster-hub-page .delete-actions{display:flex;gap:1rem;justify-content:center}.quiz-blaster-hub-page .confirm-delete-btn{background:#ef4444;border-radius:12px;color:#fff;font-weight:600;padding:.75rem 1.5rem}@media (max-width:768px){.quiz-blaster-hub-page{padding:80px 1rem 1rem}.quiz-blaster-hub-page .hub-header{align-items:flex-start;flex-direction:column;gap:1rem}.quiz-blaster-hub-page .hub-title h1{font-size:2rem}.quiz-blaster-hub-page .quizzes-grid{grid-template-columns:1fr}}.save-the-rabbit-game-page{background:linear-gradient(135deg,#22c55e,#16a34a);bottom:0;height:100vh;left:0;overflow:hidden;position:fixed;right:0;top:0;width:100vw}.save-the-rabbit-game-page .game-header{left:10px;position:absolute;top:10px;z-index:1000}.save-the-rabbit-game-page .back-btn{align-items:center;background:#fffffff2;border-radius:12px;box-shadow:0 2px 8px #0003;color:#333;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.save-the-rabbit-game-page .back-btn:hover{background:#fff;box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.save-the-rabbit-game-page .game-controls{display:flex;gap:1rem;position:fixed;right:20px;top:20px;z-index:2000}.save-the-rabbit-game-page .exit-btn{align-items:center;background:linear-gradient(135deg,#ff8c42,#ff6b9d);border-radius:12px;box-shadow:0 4px 12px #ff8c4266;color:#fff;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.save-the-rabbit-game-page .exit-btn:hover{box-shadow:0 6px 16px #ff8c4299;transform:scale(1.05)}.save-the-rabbit-game-page .game-iframe{border:none;bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.save-the-rabbit-game-page:fullscreen{background:linear-gradient(135deg,#22c55e,#16a34a)}@media (max-width:768px){.save-the-rabbit-game-page .game-controls{right:10px;top:10px}.save-the-rabbit-game-page .exit-btn{font-size:14px;padding:.6rem 1rem}}.save-the-rabbit-hub-page{background:linear-gradient(135deg,#22c55e,#16a34a);min-height:100vh;padding:100px 2rem 2rem}.save-the-rabbit-hub-container{margin:0 auto;max-width:1200px}.save-the-rabbit-hub-page .hub-header{align-items:center;display:flex;gap:2rem;margin-bottom:2rem}.save-the-rabbit-hub-page .back-button{align-items:center;background:#ffffffe6;border-radius:12px;color:#333;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.save-the-rabbit-hub-page .back-button:hover{background:#fff;transform:translateY(-2px)}.save-the-rabbit-hub-page .hub-title h1{color:#fff;font-size:2.5rem;margin:0;text-shadow:2px 2px 4px #0003}.save-the-rabbit-hub-page .hub-title p{color:#ffffffe6;margin:.5rem 0 0}.save-the-rabbit-hub-page .create-new-section{margin-bottom:2rem}.save-the-rabbit-hub-page .create-new-btn{align-items:center;background:linear-gradient(135deg,#f97316,#ef4444);border-radius:16px;box-shadow:0 4px 20px #f9731666;color:#fff;display:flex;font-size:1.1rem;font-weight:600;gap:.75rem;padding:1rem 2rem;transition:all .3s}.save-the-rabbit-hub-page .create-new-btn:hover{box-shadow:0 8px 30px #f9731680;transform:translateY(-3px)}.save-the-rabbit-hub-page .quizzes-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.save-the-rabbit-hub-page .no-quizzes{background:#ffffffe6;border-radius:24px;box-shadow:0 8px 32px #0000001a;grid-column:1/-1;padding:4rem 2rem;text-align:center}.save-the-rabbit-hub-page .no-quizzes-icon{color:#f97316;margin-bottom:1rem}.save-the-rabbit-hub-page .no-quizzes h3{color:#1e293b;font-size:1.5rem;margin-bottom:.5rem}.save-the-rabbit-hub-page .no-quizzes p{color:#6b7280}.save-the-rabbit-hub-page .quiz-card{background:#fff;border:3px solid #f97316;border-radius:20px;box-shadow:0 8px 32px #0000001a;padding:1.5rem;transition:all .3s}.save-the-rabbit-hub-page .quiz-card:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-5px)}.save-the-rabbit-hub-page .quiz-card-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1rem}.save-the-rabbit-hub-page .quiz-icon{font-size:2.5rem}.save-the-rabbit-hub-page .quiz-info{flex:1 1}.save-the-rabbit-hub-page .quiz-title{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0 0 .5rem}.save-the-rabbit-hub-page .quiz-meta{display:flex;flex-wrap:wrap;gap:1rem}.save-the-rabbit-hub-page .meta-item{align-items:center;color:#6b7280;display:flex;font-size:.85rem;gap:.25rem}.save-the-rabbit-hub-page .quiz-details{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-radius:12px;margin-bottom:1rem;padding:1rem}.save-the-rabbit-hub-page .quiz-question{color:#1e293b;font-size:.95rem;font-weight:500;margin:0}.save-the-rabbit-hub-page .quiz-card-actions{display:flex;gap:.75rem}.save-the-rabbit-hub-page .play-btn{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:12px;color:#fff;display:flex;flex:1 1;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .3s}.save-the-rabbit-hub-page .play-btn:hover{box-shadow:0 4px 12px #22c55e66;transform:scale(1.02)}.save-the-rabbit-hub-page .delete-btn{border-radius:12px;color:#ef4444;padding:.75rem;transition:all .3s}.save-the-rabbit-hub-page .delete-btn:hover{background:#fee2e2}.save-the-rabbit-hub-page .delete-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.save-the-rabbit-hub-page .delete-dialog{background:#fff;border-radius:20px;max-width:400px;padding:2rem;text-align:center;width:100%}.save-the-rabbit-hub-page .delete-dialog h3{color:#1e293b;font-size:1.5rem;margin-bottom:.5rem}.save-the-rabbit-hub-page .delete-dialog p{color:#6b7280;margin-bottom:1.5rem}.save-the-rabbit-hub-page .delete-actions{display:flex;gap:1rem;justify-content:center}.save-the-rabbit-hub-page .confirm-delete-btn{background:#ef4444;border-radius:12px;color:#fff;font-weight:600;padding:.75rem 1.5rem}@media (max-width:768px){.save-the-rabbit-hub-page{padding:80px 1rem 1rem}.save-the-rabbit-hub-page .hub-header{align-items:flex-start;flex-direction:column;gap:1rem}.save-the-rabbit-hub-page .hub-title h1{font-size:2rem}.save-the-rabbit-hub-page .quizzes-grid{grid-template-columns:1fr}}.silly-gap-fill-game-page{background:linear-gradient(135deg,#f59e0b,#d97706);bottom:0;height:100vh;left:0;overflow:hidden;position:fixed;right:0;top:0;width:100vw}.silly-gap-fill-game-page .game-header{left:10px;position:absolute;top:10px;z-index:1000}.silly-gap-fill-game-page .back-btn{align-items:center;background:#fffffff2;border-radius:12px;box-shadow:0 2px 8px #0003;color:#333;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.silly-gap-fill-game-page .back-btn:hover{background:#fff;box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.silly-gap-fill-game-page .game-controls{display:flex;gap:1rem;position:fixed;right:20px;top:20px;z-index:2000}.silly-gap-fill-game-page .exit-btn{align-items:center;background:linear-gradient(135deg,#ff8c42,#ff6b9d);border-radius:12px;box-shadow:0 4px 12px #ff8c4266;color:#fff;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.silly-gap-fill-game-page .exit-btn:hover{box-shadow:0 6px 16px #ff8c4299;transform:scale(1.05)}.silly-gap-fill-game-page .game-iframe{border:none;bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.silly-gap-fill-game-page:fullscreen{background:linear-gradient(135deg,#f59e0b,#d97706)}@media (max-width:768px){.silly-gap-fill-game-page .game-controls{right:10px;top:10px}.silly-gap-fill-game-page .exit-btn{font-size:14px;padding:.6rem 1rem}}.silly-gap-fill-hub-page{background:linear-gradient(135deg,#f59e0b,#d97706);min-height:100vh;padding:100px 2rem 2rem}.silly-gap-fill-hub-container{margin:0 auto;max-width:1200px}.silly-gap-fill-hub-page .hub-header{align-items:center;display:flex;gap:2rem;margin-bottom:2rem}.silly-gap-fill-hub-page .back-button{align-items:center;background:#ffffffe6;border-radius:12px;color:#333;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.silly-gap-fill-hub-page .back-button:hover{background:#fff;transform:translateY(-2px)}.silly-gap-fill-hub-page .hub-title h1{color:#fff;font-size:2.5rem;margin:0;text-shadow:2px 2px 4px #0003}.silly-gap-fill-hub-page .hub-title p{color:#ffffffe6;margin:.5rem 0 0}.silly-gap-fill-hub-page .create-new-section{margin-bottom:2rem}.silly-gap-fill-hub-page .create-new-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:16px;box-shadow:0 4px 20px #8b5cf666;color:#fff;display:flex;font-size:1.1rem;font-weight:600;gap:.75rem;padding:1rem 2rem;transition:all .3s}.silly-gap-fill-hub-page .create-new-btn:hover{box-shadow:0 8px 30px #8b5cf680;transform:translateY(-3px)}.silly-gap-fill-hub-page .quizzes-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.silly-gap-fill-hub-page .no-quizzes{background:#ffffffe6;border-radius:24px;box-shadow:0 8px 32px #0000001a;grid-column:1/-1;padding:4rem 2rem;text-align:center}.silly-gap-fill-hub-page .no-quizzes-icon{color:#f59e0b;margin-bottom:1rem}.silly-gap-fill-hub-page .no-quizzes h3{color:#1e293b;font-size:1.5rem;margin-bottom:.5rem}.silly-gap-fill-hub-page .no-quizzes p{color:#6b7280}.silly-gap-fill-hub-page .quiz-card{background:#fff;border:3px solid #8b5cf6;border-radius:20px;box-shadow:0 8px 32px #0000001a;padding:1.5rem;transition:all .3s}.silly-gap-fill-hub-page .quiz-card:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-5px)}.silly-gap-fill-hub-page .quiz-card-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1rem}.silly-gap-fill-hub-page .quiz-icon{font-size:2.5rem}.silly-gap-fill-hub-page .quiz-info{flex:1 1}.silly-gap-fill-hub-page .quiz-title{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0 0 .5rem}.silly-gap-fill-hub-page .quiz-meta{display:flex;flex-wrap:wrap;gap:1rem}.silly-gap-fill-hub-page .meta-item{align-items:center;color:#6b7280;display:flex;font-size:.85rem;gap:.25rem}.silly-gap-fill-hub-page .quiz-details{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:12px;margin-bottom:1rem;padding:1rem}.silly-gap-fill-hub-page .quiz-question{color:#1e293b;font-size:.95rem;font-weight:500;margin:0}.silly-gap-fill-hub-page .quiz-card-actions{display:flex;gap:.75rem}.silly-gap-fill-hub-page .play-btn{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:12px;color:#fff;display:flex;flex:1 1;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .3s}.silly-gap-fill-hub-page .play-btn:hover{box-shadow:0 4px 12px #f59e0b66;transform:scale(1.02)}.silly-gap-fill-hub-page .delete-btn{border-radius:12px;color:#ef4444;padding:.75rem;transition:all .3s}.silly-gap-fill-hub-page .delete-btn:hover{background:#fee2e2}.silly-gap-fill-hub-page .delete-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.silly-gap-fill-hub-page .delete-dialog{background:#fff;border-radius:20px;max-width:400px;padding:2rem;text-align:center;width:100%}.silly-gap-fill-hub-page .delete-dialog h3{color:#1e293b;font-size:1.5rem;margin-bottom:.5rem}.silly-gap-fill-hub-page .delete-dialog p{color:#6b7280;margin-bottom:1.5rem}.silly-gap-fill-hub-page .delete-actions{display:flex;gap:1rem;justify-content:center}.silly-gap-fill-hub-page .confirm-delete-btn{background:#ef4444;border-radius:12px;color:#fff;font-weight:600;padding:.75rem 1.5rem}@media (max-width:768px){.silly-gap-fill-hub-page{padding:80px 1rem 1rem}.silly-gap-fill-hub-page .hub-header{align-items:flex-start;flex-direction:column;gap:1rem}.silly-gap-fill-hub-page .hub-title h1{font-size:2rem}.silly-gap-fill-hub-page .quizzes-grid{grid-template-columns:1fr}}.kids-sorting-game-page{background:linear-gradient(135deg,#ec4899,#db2777);bottom:0;height:100vh;left:0;overflow:hidden;position:fixed;right:0;top:0;width:100vw}.kids-sorting-game-page .game-header{left:10px;position:absolute;top:10px;z-index:1000}.kids-sorting-game-page .back-btn{align-items:center;background:#fffffff2;border-radius:12px;box-shadow:0 2px 8px #0003;color:#333;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.kids-sorting-game-page .back-btn:hover{background:#fff;box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.kids-sorting-game-page .game-controls{display:flex;gap:1rem;position:fixed;right:20px;top:20px;z-index:2000}.kids-sorting-game-page .exit-btn{align-items:center;background:linear-gradient(135deg,#ff8c42,#ff6b9d);border-radius:12px;box-shadow:0 4px 12px #ff8c4266;color:#fff;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.kids-sorting-game-page .exit-btn:hover{box-shadow:0 6px 16px #ff8c4299;transform:scale(1.05)}.kids-sorting-game-page .game-iframe{border:none;bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.kids-sorting-game-page:fullscreen{background:linear-gradient(135deg,#ec4899,#db2777)}@media (max-width:768px){.kids-sorting-game-page .game-controls{right:10px;top:10px}.kids-sorting-game-page .exit-btn{font-size:14px;padding:.6rem 1rem}}.kids-sorting-hub-page{background:linear-gradient(135deg,#ec4899,#db2777);min-height:100vh;padding:100px 2rem 2rem}.kids-sorting-hub-container{margin:0 auto;max-width:1200px}.kids-sorting-hub-page .hub-header{align-items:center;display:flex;gap:2rem;margin-bottom:2rem}.kids-sorting-hub-page .back-button{align-items:center;background:#ffffffe6;border-radius:12px;color:#333;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.kids-sorting-hub-page .back-button:hover{background:#fff;transform:translateY(-2px)}.kids-sorting-hub-page .hub-title h1{color:#fff;font-size:2.5rem;margin:0;text-shadow:2px 2px 4px #0003}.kids-sorting-hub-page .hub-title p{color:#ffffffe6;margin:.5rem 0 0}.kids-sorting-hub-page .create-new-section{margin-bottom:2rem}.kids-sorting-hub-page .create-new-btn{align-items:center;background:linear-gradient(135deg,#14b8a6,#0d9488);border-radius:16px;box-shadow:0 4px 20px #14b8a666;color:#fff;display:flex;font-size:1.1rem;font-weight:600;gap:.75rem;padding:1rem 2rem;transition:all .3s}.kids-sorting-hub-page .create-new-btn:hover{box-shadow:0 8px 30px #14b8a680;transform:translateY(-3px)}.kids-sorting-hub-page .quizzes-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.kids-sorting-hub-page .no-quizzes{background:#ffffffe6;border-radius:24px;box-shadow:0 8px 32px #0000001a;grid-column:1/-1;padding:4rem 2rem;text-align:center}.kids-sorting-hub-page .no-quizzes-icon{color:#ec4899;margin-bottom:1rem}.kids-sorting-hub-page .no-quizzes h3{color:#1e293b;font-size:1.5rem;margin-bottom:.5rem}.kids-sorting-hub-page .no-quizzes p{color:#6b7280}.kids-sorting-hub-page .quiz-card{background:#fff;border:3px solid #14b8a6;border-radius:20px;box-shadow:0 8px 32px #0000001a;padding:1.5rem;transition:all .3s}.kids-sorting-hub-page .quiz-card:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-5px)}.kids-sorting-hub-page .quiz-card-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1rem}.kids-sorting-hub-page .quiz-icon{font-size:2.5rem}.kids-sorting-hub-page .quiz-info{flex:1 1}.kids-sorting-hub-page .quiz-title{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0 0 .5rem}.kids-sorting-hub-page .quiz-meta{display:flex;flex-wrap:wrap;gap:1rem}.kids-sorting-hub-page .meta-item{align-items:center;color:#6b7280;display:flex;font-size:.85rem;gap:.25rem}.kids-sorting-hub-page .quiz-details{background:linear-gradient(135deg,#fce7f3,#fbcfe8);border-radius:12px;margin-bottom:1rem;padding:1rem}.kids-sorting-hub-page .quiz-question{color:#1e293b;font-size:.95rem;font-weight:500;margin:0}.kids-sorting-hub-page .quiz-card-actions{display:flex;gap:.75rem}.kids-sorting-hub-page .play-btn{align-items:center;background:linear-gradient(135deg,#ec4899,#db2777);border-radius:12px;color:#fff;display:flex;flex:1 1;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .3s}.kids-sorting-hub-page .play-btn:hover{box-shadow:0 4px 12px #ec489966;transform:scale(1.02)}.kids-sorting-hub-page .delete-btn{border-radius:12px;color:#ef4444;padding:.75rem;transition:all .3s}.kids-sorting-hub-page .delete-btn:hover{background:#fee2e2}.kids-sorting-hub-page .delete-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.kids-sorting-hub-page .delete-dialog{background:#fff;border-radius:20px;max-width:400px;padding:2rem;text-align:center;width:100%}.kids-sorting-hub-page .delete-dialog h3{color:#1e293b;font-size:1.5rem;margin-bottom:.5rem}.kids-sorting-hub-page .delete-dialog p{color:#6b7280;margin-bottom:1.5rem}.kids-sorting-hub-page .delete-actions{display:flex;gap:1rem;justify-content:center}.kids-sorting-hub-page .confirm-delete-btn{background:#ef4444;border-radius:12px;color:#fff;font-weight:600;padding:.75rem 1.5rem}@media (max-width:768px){.kids-sorting-hub-page{padding:80px 1rem 1rem}.kids-sorting-hub-page .hub-header{align-items:flex-start;flex-direction:column;gap:1rem}.kids-sorting-hub-page .hub-title h1{font-size:2rem}.kids-sorting-hub-page .quizzes-grid{grid-template-columns:1fr}}.classroom-quiz-race-game-page{background:linear-gradient(135deg,#3b82f6,#8b5cf6 50%,#ec4899);bottom:0;height:100vh;left:0;overflow:hidden;position:fixed;right:0;top:0;width:100vw}.classroom-quiz-race-game-page .game-header{left:10px;position:absolute;top:10px;z-index:1000}.classroom-quiz-race-game-page .back-btn{align-items:center;background:#fffffff2;border-radius:12px;box-shadow:0 2px 8px #0003;color:#333;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.classroom-quiz-race-game-page .back-btn:hover{background:#fff;box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.classroom-quiz-race-game-page .game-controls{display:flex;gap:1rem;position:fixed;right:20px;top:20px;z-index:2000}.classroom-quiz-race-game-page .exit-btn{align-items:center;background:linear-gradient(135deg,#ff8c42,#ff6b9d);border-radius:12px;box-shadow:0 4px 12px #ff8c4266;color:#fff;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.classroom-quiz-race-game-page .exit-btn:hover{box-shadow:0 6px 16px #ff8c4299;transform:scale(1.05)}.classroom-quiz-race-game-page .game-iframe{border:none;bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.classroom-quiz-race-game-page:fullscreen{background:linear-gradient(135deg,#3b82f6,#8b5cf6 50%,#ec4899)}@media (max-width:768px){.classroom-quiz-race-game-page .game-controls{right:10px;top:10px}.classroom-quiz-race-game-page .exit-btn{font-size:14px;padding:.6rem 1rem}}.classroom-quiz-race-hub-page{background:linear-gradient(135deg,#3b82f6,#8b5cf6 50%,#ec4899);min-height:100vh;padding:100px 2rem 2rem}.classroom-quiz-race-hub-container{margin:0 auto;max-width:1200px}.classroom-quiz-race-hub-page .hub-header{align-items:center;display:flex;gap:2rem;margin-bottom:2rem}.classroom-quiz-race-hub-page .back-button{align-items:center;background:#ffffffe6;border-radius:12px;color:#333;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.classroom-quiz-race-hub-page .back-button:hover{background:#fff;transform:translateY(-2px)}.classroom-quiz-race-hub-page .hub-title h1{color:#fff;font-size:2.5rem;margin:0;text-shadow:2px 2px 4px #0003}.classroom-quiz-race-hub-page .hub-title p{color:#ffffffe6;margin:.5rem 0 0}.classroom-quiz-race-hub-page .create-new-section{margin-bottom:2rem}.classroom-quiz-race-hub-page .create-new-btn{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:16px;box-shadow:0 4px 20px #22c55e66;color:#fff;display:flex;font-size:1.1rem;font-weight:600;gap:.75rem;padding:1rem 2rem;transition:all .3s}.classroom-quiz-race-hub-page .create-new-btn:hover{box-shadow:0 8px 30px #22c55e80;transform:translateY(-3px)}.classroom-quiz-race-hub-page .quizzes-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.classroom-quiz-race-hub-page .no-quizzes{background:#ffffffe6;border-radius:24px;box-shadow:0 8px 32px #0000001a;grid-column:1/-1;padding:4rem 2rem;text-align:center}.classroom-quiz-race-hub-page .no-quizzes-icon{color:#3b82f6;margin-bottom:1rem}.classroom-quiz-race-hub-page .no-quizzes h3{color:#1e293b;font-size:1.5rem;margin-bottom:.5rem}.classroom-quiz-race-hub-page .no-quizzes p{color:#6b7280}.classroom-quiz-race-hub-page .quiz-card{background:#fff;border:3px solid #22c55e;border-radius:20px;box-shadow:0 8px 32px #0000001a;padding:1.5rem;transition:all .3s}.classroom-quiz-race-hub-page .quiz-card:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-5px)}.classroom-quiz-race-hub-page .quiz-card-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1rem}.classroom-quiz-race-hub-page .quiz-icon{font-size:2.5rem}.classroom-quiz-race-hub-page .quiz-info{flex:1 1}.classroom-quiz-race-hub-page .quiz-title{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0 0 .5rem}.classroom-quiz-race-hub-page .quiz-meta{display:flex;flex-wrap:wrap;gap:1rem}.classroom-quiz-race-hub-page .meta-item{align-items:center;color:#6b7280;display:flex;font-size:.85rem;gap:.25rem}.classroom-quiz-race-hub-page .quiz-details{background:linear-gradient(135deg,#dbeafe,#c7d2fe);border-radius:12px;margin-bottom:1rem;padding:1rem}.classroom-quiz-race-hub-page .quiz-question{color:#1e293b;font-size:.95rem;font-weight:500;margin:0}.classroom-quiz-race-hub-page .quiz-card-actions{display:flex;gap:.75rem}.classroom-quiz-race-hub-page .play-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:12px;color:#fff;display:flex;flex:1 1;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .3s}.classroom-quiz-race-hub-page .play-btn:hover{box-shadow:0 4px 12px #3b82f666;transform:scale(1.02)}.classroom-quiz-race-hub-page .delete-btn{border-radius:12px;color:#ef4444;padding:.75rem;transition:all .3s}.classroom-quiz-race-hub-page .delete-btn:hover{background:#fee2e2}.classroom-quiz-race-hub-page .delete-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.classroom-quiz-race-hub-page .delete-dialog{background:#fff;border-radius:20px;max-width:400px;padding:2rem;text-align:center;width:100%}.classroom-quiz-race-hub-page .delete-dialog h3{color:#1e293b;font-size:1.5rem;margin-bottom:.5rem}.classroom-quiz-race-hub-page .delete-dialog p{color:#6b7280;margin-bottom:1.5rem}.classroom-quiz-race-hub-page .delete-actions{display:flex;gap:1rem;justify-content:center}.classroom-quiz-race-hub-page .confirm-delete-btn{background:#ef4444;border-radius:12px;color:#fff;font-weight:600;padding:.75rem 1.5rem}@media (max-width:768px){.classroom-quiz-race-hub-page{padding:80px 1rem 1rem}.classroom-quiz-race-hub-page .hub-header{align-items:flex-start;flex-direction:column;gap:1rem}.classroom-quiz-race-hub-page .hub-title h1{font-size:2rem}.classroom-quiz-race-hub-page .quizzes-grid{grid-template-columns:1fr}}.word-order-game-page{background:linear-gradient(135deg,#14b8a6,#0d9488);bottom:0;height:100vh;left:0;overflow:hidden;position:fixed;right:0;top:0;width:100vw}.word-order-game-page .game-header{left:10px;position:absolute;top:10px;z-index:1000}.word-order-game-page .back-btn{align-items:center;background:#fffffff2;border-radius:12px;box-shadow:0 2px 8px #0003;color:#333;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.word-order-game-page .back-btn:hover{background:#fff;box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.word-order-game-page .game-controls{display:flex;gap:1rem;position:fixed;right:20px;top:20px;z-index:2000}.word-order-game-page .exit-btn{align-items:center;background:linear-gradient(135deg,#ff8c42,#ff6b9d);border-radius:12px;box-shadow:0 4px 12px #ff8c4266;color:#fff;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.word-order-game-page .exit-btn:hover{box-shadow:0 6px 16px #ff8c4299;transform:scale(1.05)}.word-order-game-page .game-iframe{border:none;bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.word-order-game-page:fullscreen{background:linear-gradient(135deg,#14b8a6,#0d9488)}@media (max-width:768px){.word-order-game-page .game-controls{right:10px;top:10px}.word-order-game-page .exit-btn{font-size:14px;padding:.6rem 1rem}}.word-order-hub-page{background:linear-gradient(135deg,#14b8a6,#0d9488);min-height:100vh;padding:100px 2rem 2rem}.word-order-hub-container{margin:0 auto;max-width:1200px}.word-order-hub-page .hub-header{align-items:center;display:flex;gap:2rem;margin-bottom:2rem}.word-order-hub-page .back-button{align-items:center;background:#ffffffe6;border-radius:12px;color:#333;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.word-order-hub-page .back-button:hover{background:#fff;transform:translateY(-2px)}.word-order-hub-page .hub-title h1{color:#fff;font-size:2.5rem;margin:0;text-shadow:2px 2px 4px #0003}.word-order-hub-page .hub-title p{color:#ffffffe6;margin:.5rem 0 0}.word-order-hub-page .create-new-section{margin-bottom:2rem}.word-order-hub-page .create-new-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#a855f7);border-radius:16px;box-shadow:0 4px 20px #8b5cf666;color:#fff;display:flex;font-size:1.1rem;font-weight:600;gap:.75rem;padding:1rem 2rem;transition:all .3s}.word-order-hub-page .create-new-btn:hover{box-shadow:0 8px 30px #8b5cf680;transform:translateY(-3px)}.word-order-hub-page .quizzes-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.word-order-hub-page .no-quizzes{background:#ffffffe6;border-radius:24px;box-shadow:0 8px 32px #0000001a;grid-column:1/-1;padding:4rem 2rem;text-align:center}.word-order-hub-page .no-quizzes-icon{color:#14b8a6;margin-bottom:1rem}.word-order-hub-page .no-quizzes h3{color:#1e293b;font-size:1.5rem;margin-bottom:.5rem}.word-order-hub-page .no-quizzes p{color:#6b7280}.word-order-hub-page .quiz-card{background:#fff;border:3px solid #8b5cf6;border-radius:20px;box-shadow:0 8px 32px #0000001a;padding:1.5rem;transition:all .3s}.word-order-hub-page .quiz-card:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-5px)}.word-order-hub-page .quiz-card-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1rem}.word-order-hub-page .quiz-icon{font-size:2.5rem}.word-order-hub-page .quiz-info{flex:1 1}.word-order-hub-page .quiz-title{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0 0 .5rem}.word-order-hub-page .quiz-meta{display:flex;flex-wrap:wrap;gap:1rem}.word-order-hub-page .meta-item{align-items:center;color:#6b7280;display:flex;font-size:.85rem;gap:.25rem}.word-order-hub-page .quiz-details{background:linear-gradient(135deg,#ccfbf1,#99f6e4);border-radius:12px;margin-bottom:1rem;padding:1rem}.word-order-hub-page .quiz-question{color:#1e293b;font-size:.95rem;font-weight:500;margin:0}.word-order-hub-page .quiz-card-actions{display:flex;gap:.75rem}.word-order-hub-page .play-btn{align-items:center;background:linear-gradient(135deg,#14b8a6,#0d9488);border-radius:12px;color:#fff;display:flex;flex:1 1;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .3s}.word-order-hub-page .play-btn:hover{box-shadow:0 4px 12px #14b8a666;transform:scale(1.02)}.word-order-hub-page .delete-btn{border-radius:12px;color:#ef4444;padding:.75rem;transition:all .3s}.word-order-hub-page .delete-btn:hover{background:#fee2e2}.word-order-hub-page .delete-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.word-order-hub-page .delete-dialog{background:#fff;border-radius:20px;max-width:400px;padding:2rem;text-align:center;width:100%}.word-order-hub-page .delete-dialog h3{color:#1e293b;font-size:1.5rem;margin-bottom:.5rem}.word-order-hub-page .delete-dialog p{color:#6b7280;margin-bottom:1.5rem}.word-order-hub-page .delete-actions{display:flex;gap:1rem;justify-content:center}.word-order-hub-page .confirm-delete-btn{background:#ef4444;border-radius:12px;color:#fff;font-weight:600;padding:.75rem 1.5rem}@media (max-width:768px){.word-order-hub-page{padding:80px 1rem 1rem}.word-order-hub-page .hub-header{align-items:flex-start;flex-direction:column;gap:1rem}.word-order-hub-page .hub-title h1{font-size:2rem}.word-order-hub-page .quizzes-grid{grid-template-columns:1fr}}.penalty-quiz-hub-page{background:linear-gradient(135deg,#22c55e,#16a34a 50%,#15803d);min-height:100vh;padding:100px 2rem 2rem}.penalty-quiz-hub-container{margin:0 auto;max-width:1200px}.penalty-quiz-hub-page .hub-header{align-items:center;display:flex;gap:2rem;margin-bottom:2rem}.penalty-quiz-hub-page .back-button{align-items:center;background:#ffffffe6;border-radius:12px;color:#333;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.penalty-quiz-hub-page .back-button:hover{background:#fff;transform:translateY(-2px)}.penalty-quiz-hub-page .title-with-logo{align-items:center;display:flex;gap:1.5rem}.penalty-quiz-hub-page .hub-logo{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0003;height:80px;object-fit:cover;padding:8px;width:80px}.penalty-quiz-hub-page .hub-title h1{color:#fff;font-size:2.5rem;margin:0;text-shadow:2px 2px 4px #0003}.penalty-quiz-hub-page .hub-title p{color:#ffffffe6;margin:.5rem 0 0}.penalty-quiz-hub-page .create-new-section{margin-bottom:2rem}.penalty-quiz-hub-page .create-new-btn{align-items:center;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:16px;box-shadow:0 4px 20px #fbbf2466;color:#1a1a1a;display:flex;font-size:1.1rem;font-weight:600;gap:.75rem;padding:1rem 2rem;transition:all .3s}.penalty-quiz-hub-page .create-new-btn:hover{box-shadow:0 8px 30px #fbbf2480;transform:translateY(-3px)}.penalty-quiz-hub-page .quizzes-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.penalty-quiz-hub-page .no-quizzes{background:#fffffff2;border-radius:24px;box-shadow:0 8px 32px #0000001a;grid-column:1/-1;padding:4rem 2rem;text-align:center}.penalty-quiz-hub-page .no-quizzes-icon{color:#22c55e;margin-bottom:1rem}.penalty-quiz-hub-page .no-quizzes h3{color:#1e293b;font-size:1.5rem;margin-bottom:.5rem}.penalty-quiz-hub-page .no-quizzes p{color:#6b7280}.penalty-quiz-hub-page .quiz-card{background:#fffffff2;border-radius:20px;box-shadow:0 8px 32px #0000001a;padding:1.5rem;transition:all .3s}.penalty-quiz-hub-page .quiz-card:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-5px)}.penalty-quiz-hub-page .quiz-card-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1rem}.penalty-quiz-hub-page .quiz-icon{font-size:2.5rem;line-height:1}.penalty-quiz-hub-page .quiz-info{flex:1 1}.penalty-quiz-hub-page .quiz-title{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0 0 .5rem}.penalty-quiz-hub-page .quiz-meta{display:flex;flex-wrap:wrap;gap:1rem}.penalty-quiz-hub-page .meta-item{align-items:center;color:#64748b;display:flex;font-size:.85rem;gap:.25rem}.penalty-quiz-hub-page .quiz-details{background:#f1f5f9;border-radius:12px;margin-bottom:1rem;padding:.75rem}.penalty-quiz-hub-page .quiz-question{color:#475569;font-size:.95rem;margin:0}.penalty-quiz-hub-page .quiz-card-actions{display:flex;gap:.75rem}.penalty-quiz-hub-page .play-btn{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:12px;color:#fff;display:flex;flex:1 1;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .3s}.penalty-quiz-hub-page .play-btn:hover:not(:disabled){box-shadow:0 4px 16px #22c55e66;transform:translateY(-2px)}.penalty-quiz-hub-page .play-btn.disabled,.penalty-quiz-hub-page .play-btn:disabled{background:linear-gradient(135deg,#94a3b8,#64748b);cursor:not-allowed;opacity:.7}.penalty-quiz-hub-page .delete-btn{border-radius:12px;color:#ef4444;padding:.75rem;transition:all .3s}.penalty-quiz-hub-page .delete-btn:hover{background:#fee2e2}.penalty-quiz-hub-page .delete-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.penalty-quiz-hub-page .delete-dialog{background:#fff;border-radius:20px;box-shadow:0 20px 50px #0003;max-width:400px;padding:2rem;text-align:center;width:100%}.penalty-quiz-hub-page .delete-dialog h3{color:#1e293b;font-size:1.5rem;margin:0 0 .5rem}.penalty-quiz-hub-page .delete-dialog p{color:#64748b;margin:0 0 1.5rem}.penalty-quiz-hub-page .delete-actions{display:flex;gap:1rem;justify-content:center}.penalty-quiz-hub-page .confirm-delete-btn{background:#ef4444;border-radius:12px;color:#fff;font-weight:600;padding:.75rem 1.5rem}.penalty-quiz-hub-page .confirm-delete-btn:hover{background:#dc2626}@media (max-width:768px){.penalty-quiz-hub-page{padding:80px 1rem 1rem}.penalty-quiz-hub-page .hub-header,.penalty-quiz-hub-page .title-with-logo{align-items:flex-start;flex-direction:column;gap:1rem}.penalty-quiz-hub-page .hub-logo{height:60px;width:60px}.penalty-quiz-hub-page .hub-title h1{font-size:1.75rem}.penalty-quiz-hub-page .quizzes-grid{grid-template-columns:1fr}}.penalty-quiz-game-page{background:#1a1a2e;display:flex;flex-direction:column;min-height:100vh;position:relative}.penalty-quiz-game-page .toolbar-trigger-area{cursor:pointer;height:10px;left:0;position:fixed;right:0;top:0;z-index:50}.penalty-quiz-game-page .game-toolbar{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(180deg,#0009,#0000004d 70%,#0000);display:flex;justify-content:space-between;left:0;padding:1rem 2rem;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .3s ease,transform .3s ease;z-index:100}.penalty-quiz-game-page .game-toolbar.hidden{opacity:0;transform:translateY(-100%)}.penalty-quiz-game-page .game-toolbar.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.penalty-quiz-game-page .game-toolbar.visible *{pointer-events:auto}.penalty-quiz-game-page .back-button{align-items:center;background:#ffffff26;border:1px solid #fff3;border-radius:12px;color:#fff;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s}.penalty-quiz-game-page .back-button:hover{background:#ffffff40;transform:scale(1.02)}.penalty-quiz-game-page .toolbar-title{align-items:center;color:#fff;display:flex;font-size:1.25rem;font-weight:700;gap:.75rem;text-shadow:0 2px 4px #0000004d}.penalty-quiz-game-page .toolbar-logo{border-radius:10px;box-shadow:0 2px 8px #0000004d;height:40px;object-fit:cover;width:40px}.penalty-quiz-game-page .toolbar-actions{display:flex;gap:.75rem}.penalty-quiz-game-page .fullscreen-btn{align-items:center;background:#ffffff26;border:1px solid #fff3;border-radius:12px;color:#fff;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all .3s}.penalty-quiz-game-page .fullscreen-btn:hover{background:#ffffff40}.penalty-quiz-game-page .game-container{display:flex;flex:1 1;overflow:hidden}.penalty-quiz-game-page .game-iframe{background:#fff;border:none;flex:1 1;height:100%;width:100%}.penalty-quiz-game-page:fullscreen{background:#000;padding:0}.penalty-quiz-game-page:fullscreen .game-container{height:100vh;width:100vw}.penalty-quiz-game-page:fullscreen .game-iframe{border-radius:0}@media (max-width:768px){.penalty-quiz-game-page .game-toolbar{padding:.75rem 1rem}.penalty-quiz-game-page .toolbar-title{font-size:1rem}.penalty-quiz-game-page .toolbar-logo{height:32px;width:32px}.penalty-quiz-game-page .back-button{font-size:.875rem;padding:.5rem .75rem}.penalty-quiz-game-page .fullscreen-btn span{display:none}}.rocket-game-hub-page{background:linear-gradient(135deg,#1e3a5f,#0f1f3d 50%,#0a1628);min-height:100vh;padding:100px 2rem 2rem}.rocket-game-hub-container{margin:0 auto;max-width:1200px}.rocket-game-hub-page .hub-header{align-items:center;display:flex;gap:2rem;margin-bottom:2rem}.rocket-game-hub-page .back-button{align-items:center;background:#ffffffe6;border-radius:12px;color:#333;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.rocket-game-hub-page .back-button:hover{background:#fff;transform:translateY(-2px)}.rocket-game-hub-page .title-with-icon{align-items:center;display:flex;gap:1.5rem}.rocket-game-hub-page .hub-icon{filter:drop-shadow(0 4px 12px rgba(255,165,0,.4));font-size:4rem;line-height:1}.rocket-game-hub-page .hub-title h1{color:#fff;font-size:2.5rem;margin:0;text-shadow:2px 2px 4px #0000004d}.rocket-game-hub-page .hub-title p{color:#fffc;margin:.5rem 0 0}.rocket-game-hub-page .create-new-section{margin-bottom:2rem}.rocket-game-hub-page .create-new-btn{align-items:center;background:linear-gradient(135deg,#ff6b35,#f7931a);border-radius:16px;box-shadow:0 4px 20px #ff6b3566;color:#fff;display:flex;font-size:1.1rem;font-weight:600;gap:.75rem;padding:1rem 2rem;transition:all .3s}.rocket-game-hub-page .create-new-btn:hover{box-shadow:0 8px 30px #ff6b3580;transform:translateY(-3px)}.rocket-game-hub-page .games-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.rocket-game-hub-page .no-games{background:#fffffff2;border-radius:24px;box-shadow:0 8px 32px #0003;grid-column:1/-1;padding:4rem 2rem;text-align:center}.rocket-game-hub-page .no-games-icon{color:#ff6b35;margin-bottom:1rem}.rocket-game-hub-page .no-games h3{color:#1e293b;font-size:1.5rem;margin-bottom:.5rem}.rocket-game-hub-page .no-games p{color:#6b7280}.rocket-game-hub-page .game-card{background:#fffffff2;border-radius:20px;border-top:4px solid #ff6b35;box-shadow:0 8px 32px #0003;padding:1.5rem;transition:all .3s}.rocket-game-hub-page .game-card:hover{box-shadow:0 12px 40px #00000040;transform:translateY(-5px)}.rocket-game-hub-page .game-card-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1rem}.rocket-game-hub-page .game-icon{font-size:2.5rem;line-height:1}.rocket-game-hub-page .game-info{flex:1 1}.rocket-game-hub-page .game-title{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0 0 .5rem}.rocket-game-hub-page .game-meta{display:flex;flex-wrap:wrap;gap:1rem}.rocket-game-hub-page .meta-item{align-items:center;color:#64748b;display:flex;font-size:.85rem;gap:.25rem}.rocket-game-hub-page .game-details{background:#f1f5f9;border-radius:12px;margin-bottom:1rem;padding:.75rem}.rocket-game-hub-page .game-question{color:#475569;font-size:.95rem;margin:0}.rocket-game-hub-page .game-card-actions{display:flex;gap:.75rem}.rocket-game-hub-page .play-btn{align-items:center;background:linear-gradient(135deg,#ff6b35,#f7931a);border-radius:12px;color:#fff;display:flex;flex:1 1;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .3s}.rocket-game-hub-page .play-btn:hover:not(:disabled){box-shadow:0 4px 16px #ff6b3566;transform:translateY(-2px)}.rocket-game-hub-page .play-btn.disabled,.rocket-game-hub-page .play-btn:disabled{background:linear-gradient(135deg,#94a3b8,#64748b);cursor:not-allowed;opacity:.7}.rocket-game-hub-page .delete-btn{border-radius:12px;color:#ef4444;padding:.75rem;transition:all .3s}.rocket-game-hub-page .delete-btn:hover{background:#fee2e2}.rocket-game-hub-page .delete-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.rocket-game-hub-page .delete-dialog{background:#fff;border-radius:20px;box-shadow:0 20px 50px #0000004d;max-width:400px;padding:2rem;text-align:center;width:100%}.rocket-game-hub-page .delete-dialog h3{color:#1e293b;font-size:1.5rem;margin:0 0 .5rem}.rocket-game-hub-page .delete-dialog p{color:#64748b;margin:0 0 1.5rem}.rocket-game-hub-page .delete-actions{display:flex;gap:1rem;justify-content:center}.rocket-game-hub-page .confirm-delete-btn{background:#ef4444;border-radius:12px;color:#fff;font-weight:600;padding:.75rem 1.5rem}.rocket-game-hub-page .confirm-delete-btn:hover{background:#dc2626}@media (max-width:768px){.rocket-game-hub-page{padding:80px 1rem 1rem}.rocket-game-hub-page .hub-header,.rocket-game-hub-page .title-with-icon{align-items:flex-start;flex-direction:column;gap:1rem}.rocket-game-hub-page .hub-icon{font-size:3rem}.rocket-game-hub-page .hub-title h1{font-size:1.75rem}.rocket-game-hub-page .games-grid{grid-template-columns:1fr}}.rocket-game-page{background:#0a1628;display:flex;flex-direction:column;min-height:100vh;position:relative}.rocket-game-page .toolbar-trigger-area{cursor:pointer;height:10px;left:0;position:fixed;right:0;top:0;z-index:50}.rocket-game-page .game-toolbar{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(180deg,#0009,#0000004d 70%,#0000);display:flex;justify-content:space-between;left:0;padding:1rem 2rem;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .3s ease,transform .3s ease;z-index:100}.rocket-game-page .game-toolbar.hidden{opacity:0;transform:translateY(-100%)}.rocket-game-page .game-toolbar.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.rocket-game-page .game-toolbar.visible *{pointer-events:auto}.rocket-game-page .back-button{align-items:center;background:#ffffff26;border:1px solid #fff3;border-radius:12px;color:#fff;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s}.rocket-game-page .back-button:hover{background:#ffffff40;transform:scale(1.02)}.rocket-game-page .toolbar-title{align-items:center;color:#fff;display:flex;font-size:1.25rem;font-weight:700;gap:.75rem;text-shadow:0 2px 4px #0000004d}.rocket-game-page .toolbar-icon{font-size:2rem}.rocket-game-page .toolbar-actions{display:flex;gap:.75rem}.rocket-game-page .fullscreen-btn{align-items:center;background:#ffffff26;border:1px solid #fff3;border-radius:12px;color:#fff;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all .3s}.rocket-game-page .fullscreen-btn:hover{background:#ffffff40}.rocket-game-page .game-container{display:flex;flex:1 1;overflow:hidden}.rocket-game-page .game-iframe{background:#0a1628;border:none;flex:1 1;height:100%;width:100%}.rocket-game-page:fullscreen{background:#000;padding:0}.rocket-game-page:fullscreen .game-container{height:100vh;width:100vw}.rocket-game-page:fullscreen .game-iframe{border-radius:0}@media (max-width:768px){.rocket-game-page .game-toolbar{padding:.75rem 1rem}.rocket-game-page .toolbar-title{font-size:1rem}.rocket-game-page .toolbar-icon{font-size:1.5rem}.rocket-game-page .back-button{font-size:.875rem;padding:.5rem .75rem}.rocket-game-page .fullscreen-btn span{display:none}}.whats-in-box-hub-page{background:linear-gradient(135deg,#4a1c6b,#2d1b4e 50%,#1a1033);min-height:100vh;padding:100px 2rem 2rem}.whats-in-box-hub-container{margin:0 auto;max-width:1200px}.whats-in-box-hub-page .hub-header{align-items:center;display:flex;gap:2rem;margin-bottom:2rem}.whats-in-box-hub-page .back-button{align-items:center;background:#ffffffe6;border-radius:12px;color:#333;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.whats-in-box-hub-page .back-button:hover{background:#fff;transform:translateY(-2px)}.whats-in-box-hub-page .title-with-icon{align-items:center;display:flex;gap:1.5rem}.whats-in-box-hub-page .hub-icon{filter:drop-shadow(0 4px 12px rgba(255,215,0,.4));font-size:4rem;line-height:1}.whats-in-box-hub-page .hub-title h1{color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:2.5rem;margin:0;text-shadow:2px 2px 4px #0000004d}.whats-in-box-hub-page .hub-title p{color:#fffc;font-size:1.1rem;margin:.5rem 0 0}.whats-in-box-hub-page .create-new-section{margin-bottom:2rem}.whats-in-box-hub-page .create-new-btn{align-items:center;background:linear-gradient(135deg,#9b59b6,#8e44ad);border-radius:16px;box-shadow:0 4px 20px #9b59b666;color:#fff;display:flex;font-size:1.1rem;font-weight:600;gap:.75rem;padding:1rem 2rem;transition:all .3s}.whats-in-box-hub-page .create-new-btn:hover{box-shadow:0 8px 30px #9b59b680;transform:translateY(-3px)}.whats-in-box-hub-page .games-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.whats-in-box-hub-page .no-games{background:#fffffff2;border-radius:24px;box-shadow:0 8px 32px #0003;grid-column:1/-1;padding:4rem 2rem;text-align:center}.whats-in-box-hub-page .no-games-icon{color:#9b59b6;margin-bottom:1rem}.whats-in-box-hub-page .no-games h3{color:#1e293b;font-size:1.5rem;margin-bottom:.5rem}.whats-in-box-hub-page .no-games p{color:#6b7280}.whats-in-box-hub-page .game-card{background:#fffffff2;border-radius:20px;border-top:4px solid #9b59b6;box-shadow:0 8px 32px #0003;padding:1.5rem;transition:all .3s}.whats-in-box-hub-page .game-card:hover{box-shadow:0 12px 40px #00000040;transform:translateY(-5px)}.whats-in-box-hub-page .game-card-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1rem}.whats-in-box-hub-page .game-icon{font-size:2.5rem;line-height:1}.whats-in-box-hub-page .game-info{flex:1 1}.whats-in-box-hub-page .game-title{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0 0 .5rem}.whats-in-box-hub-page .game-meta{display:flex;flex-wrap:wrap;gap:1rem}.whats-in-box-hub-page .meta-item{align-items:center;color:#64748b;display:flex;font-size:.85rem;gap:.25rem}.whats-in-box-hub-page .game-details{background:#f1f5f9;border-radius:12px;margin-bottom:1rem;padding:.75rem}.whats-in-box-hub-page .game-question{color:#475569;font-size:.95rem;margin:0}.whats-in-box-hub-page .game-card-actions{display:flex;gap:.75rem}.whats-in-box-hub-page .play-btn{align-items:center;background:linear-gradient(135deg,#9b59b6,#8e44ad);border-radius:12px;color:#fff;display:flex;flex:1 1;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .3s}.whats-in-box-hub-page .play-btn:hover:not(:disabled){box-shadow:0 4px 16px #9b59b666;transform:translateY(-2px)}.whats-in-box-hub-page .play-btn.disabled,.whats-in-box-hub-page .play-btn:disabled{background:linear-gradient(135deg,#94a3b8,#64748b);cursor:not-allowed;opacity:.7}.whats-in-box-hub-page .delete-btn{border-radius:12px;color:#ef4444;padding:.75rem;transition:all .3s}.whats-in-box-hub-page .delete-btn:hover{background:#fee2e2}.whats-in-box-hub-page .delete-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.whats-in-box-hub-page .delete-dialog{background:#fff;border-radius:20px;box-shadow:0 20px 50px #0000004d;max-width:400px;padding:2rem;text-align:center;width:100%}.whats-in-box-hub-page .delete-dialog h3{color:#1e293b;font-size:1.5rem;margin:0 0 .5rem}.whats-in-box-hub-page .delete-dialog p{color:#64748b;margin:0 0 1.5rem}.whats-in-box-hub-page .delete-actions{display:flex;gap:1rem;justify-content:center}.whats-in-box-hub-page .confirm-delete-btn{background:#ef4444;border-radius:12px;color:#fff;font-weight:600;padding:.75rem 1.5rem}.whats-in-box-hub-page .confirm-delete-btn:hover{background:#dc2626}@media (max-width:768px){.whats-in-box-hub-page{padding:80px 1rem 1rem}.whats-in-box-hub-page .hub-header,.whats-in-box-hub-page .title-with-icon{align-items:flex-start;flex-direction:column;gap:1rem}.whats-in-box-hub-page .hub-icon{font-size:3rem}.whats-in-box-hub-page .hub-title h1{font-size:1.75rem}.whats-in-box-hub-page .games-grid{grid-template-columns:1fr}}.whats-in-box-game-page{background:#1a1033;display:flex;flex-direction:column;min-height:100vh;position:relative}.whats-in-box-game-page .toolbar-trigger-area{cursor:pointer;height:10px;left:0;position:fixed;right:0;top:0;z-index:50}.whats-in-box-game-page .game-toolbar{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(180deg,#0009,#0000004d 70%,#0000);display:flex;justify-content:space-between;left:0;padding:1rem 2rem;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .3s ease,transform .3s ease;z-index:100}.whats-in-box-game-page .game-toolbar.hidden{opacity:0;transform:translateY(-100%)}.whats-in-box-game-page .game-toolbar.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.whats-in-box-game-page .game-toolbar.visible *{pointer-events:auto}.whats-in-box-game-page .back-button{align-items:center;background:#ffffff26;border:1px solid #fff3;border-radius:12px;color:#fff;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s}.whats-in-box-game-page .back-button:hover{background:#ffffff40;transform:scale(1.02)}.whats-in-box-game-page .toolbar-title{align-items:center;color:#fff;display:flex;font-size:1.25rem;font-weight:700;gap:.75rem;text-shadow:0 2px 4px #0000004d}.whats-in-box-game-page .toolbar-icon{font-size:2rem}.whats-in-box-game-page .toolbar-actions{display:flex;gap:.75rem}.whats-in-box-game-page .fullscreen-btn{align-items:center;background:#ffffff26;border:1px solid #fff3;border-radius:12px;color:#fff;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all .3s}.whats-in-box-game-page .fullscreen-btn:hover{background:#ffffff40}.whats-in-box-game-page .game-container{display:flex;flex:1 1;overflow:hidden}.whats-in-box-game-page .game-iframe{background:#1a1033;border:none;flex:1 1;height:100%;width:100%}.whats-in-box-game-page:fullscreen{background:#000;padding:0}.whats-in-box-game-page:fullscreen .game-container{height:100vh;width:100vw}.whats-in-box-game-page:fullscreen .game-iframe{border-radius:0}@media (max-width:768px){.whats-in-box-game-page .game-toolbar{padding:.75rem 1rem}.whats-in-box-game-page .toolbar-title{font-size:1rem}.whats-in-box-game-page .toolbar-icon{font-size:1.5rem}.whats-in-box-game-page .back-button{font-size:.875rem;padding:.5rem .75rem}.whats-in-box-game-page .fullscreen-btn span{display:none}}.our-games-page{display:flex;flex-direction:column;min-height:100vh;width:100%}.our-games-iframe{border:none;flex:1 1;margin-top:80px;min-height:calc(100vh - 80px);width:100%}.subscribe-page{display:flex;flex-direction:column;min-height:100vh;width:100%}.subscribe-iframe{border:none;flex:1 1;min-height:calc(100vh - 80px);width:100%}.admin-panel{margin:0 auto;max-width:1400px;min-height:calc(100vh - 80px);padding:2rem}.admin-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:60vh}.admin-header{background:linear-gradient(135deg,#1e3a5f,#2d5a87);border-radius:16px;color:#fff;margin-bottom:2rem;padding:2rem;text-align:center}.admin-title{align-items:center;display:flex;gap:.75rem;justify-content:center}.admin-title h1{font-size:2rem;font-weight:700;margin:0}.admin-icon{color:#fbbf24}.admin-subtitle{font-size:1rem;margin:.5rem 0 0;opacity:.9}.admin-tabs{background:#f3f4f6;border-radius:12px;display:flex;gap:.5rem;margin-bottom:1.5rem;padding:.5rem}.admin-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.admin-tab:hover{background:#fff;color:#374151}.admin-tab.active{background:#fff;box-shadow:0 2px 8px #0000001a;color:#1e3a5f}.admin-section{background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014;padding:1.5rem}.section-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.section-header h2{color:#1f2937;font-size:1.25rem;margin:0}.search-box{align-items:center;background:#f9fafb;border-radius:8px;display:flex;flex:1 1;gap:.5rem;max-width:400px;padding:.5rem 1rem}.search-box input{background:#0000;border:none;flex:1 1}.users-table-container{overflow-x:auto}.users-table{border-collapse:collapse;font-size:.9rem;width:100%}.users-table th{background:#f9fafb;border-bottom:2px solid #e5e7eb;color:#374151;font-weight:600;padding:1rem .75rem;text-align:left}.users-table td{border-bottom:1px solid #f3f4f6;padding:1rem .75rem;vertical-align:middle}.users-table tr:hover{background:#fafafa}.user-cell{align-items:center;display:flex;gap:.75rem}.user-avatar{border-radius:50%;height:36px;object-fit:cover;width:36px}.role-badge{border-radius:20px;display:inline-flex;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.role-badge.admin{background:#fef3c7;color:#92400e}.role-badge.teacher{background:#dbeafe;color:#1e40af}.role-badge.student{background:#e5e7eb;color:#4b5563}.subscription-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.8rem;font-weight:500;gap:.25rem;padding:.25rem .75rem}.subscription-badge.active,.subscription-badge.premium{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.subscription-badge.free{background:#e5e7eb;color:#6b7280}.expiry-badge{border-radius:4px;display:inline-flex;font-size:.75rem;font-weight:500;padding:.2rem .5rem}.expiry-badge.green{background:#d1fae5;color:#065f46}.expiry-badge.orange{background:#fed7aa;color:#9a3412}.expiry-badge.red{background:#fee2e2;color:#991b1b}.expiry-badge.gray{color:#9ca3af}.action-buttons{display:flex;gap:.5rem}.add-admin-form{background:#f9fafb;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.add-admin-form h3{align-items:center;color:#374151;display:flex;font-size:1rem;gap:.5rem;margin:0 0 1rem}.form-row{display:flex;gap:.75rem}.form-row input{flex:1 1;max-width:400px}.admins-list h3{color:#374151;font-size:1rem;margin:0 0 1rem}.admin-card{background:#f9fafb;border-radius:12px;justify-content:space-between;margin-bottom:.75rem;padding:1rem}.admin-card,.admin-info{align-items:center;display:flex}.admin-info{gap:1rem}.admin-avatar{border-radius:50%;height:48px;object-fit:cover;width:48px}.admin-name{color:#1f2937;font-weight:600;margin:0}.admin-email{color:#6b7280;font-size:.85rem;margin:.25rem 0 0}.super-admin-badge{align-items:center;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:20px;color:#fff;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;padding:.25rem .75rem}.games-count{color:#4b5563;font-size:.9rem;font-weight:600}.game-limit-section{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.game-limit-section h4{color:#0369a1;font-size:.95rem;margin:0 0 .25rem}.section-desc{color:#6b7280;font-size:.8rem;margin:0 0 .75rem}.game-limit-row{gap:.75rem}.game-limit-row,.modal-overlay{align-items:center;display:flex}.modal-overlay{background:#00000080;bottom:0;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.subscription-modal{animation:modalSlideIn .3s ease;background:#fff;border-radius:16px;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.modal-header h3{color:#1f2937;font-size:1.25rem;margin:0}.close-btn{background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;padding:.5rem}.close-btn:hover{background:#f3f4f6;color:#374151}.modal-content{padding:1.5rem}.user-info-card{align-items:center;background:#f9fafb;border-radius:12px;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem}.user-info-card img{border-radius:50%;height:56px;object-fit:cover;width:56px}.user-info-card .user-name{color:#1f2937;font-size:1.1rem;font-weight:600;margin:0}.user-info-card .user-email{color:#6b7280;font-size:.9rem;margin:.25rem 0 0}.current-status{background:#fefce8;border-left:4px solid #eab308;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.current-status h4{color:#854d0e;font-size:.9rem;margin:0 0 .5rem}.current-status p{color:#713f12;font-size:.9rem;margin:.25rem 0}.subscription-options h4{color:#374151;font-size:.95rem;margin:0 0 1rem}.duration-buttons{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:1rem}.duration-btn{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#4b5563;cursor:pointer;font-weight:500;padding:.75rem;transition:all .2s}.duration-btn:hover{border-color:#3b82f6;color:#3b82f6}.duration-btn.active{background:#eff6ff;border-color:#3b82f6;color:#1d4ed8}.custom-days{margin-top:1rem}.custom-days label{color:#4b5563;display:block;font-size:.9rem;margin-bottom:.5rem}.custom-days input{max-width:200px;width:100%}.modal-actions{border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem}.activate-btn{background:linear-gradient(135deg,#10b981,#059669)!important}@media (max-width:768px){.admin-panel{padding:1rem}.admin-header{padding:1.5rem 1rem}.admin-title h1{font-size:1.5rem}.admin-tabs,.section-header{flex-direction:column}.section-header{align-items:flex-start}.search-box{max-width:100%;width:100%}.users-table{font-size:.8rem}.users-table td,.users-table th{padding:.75rem .5rem}.form-row{flex-direction:column}.form-row input{max-width:100%}.duration-buttons{grid-template-columns:repeat(2,1fr)}.admin-card{gap:1rem;text-align:center}.admin-card,.admin-info{flex-direction:column}}.navbar{background:#fff;box-shadow:0 2px 12px #00000014;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.navbar-container{align-items:center;display:flex;gap:2rem;justify-content:space-between;margin:0 auto;max-width:1400px;padding:.75rem 2rem}.navbar-brand{align-items:center;color:#ff6b9d;display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;text-decoration:none;transition:transform .2s}.navbar-brand:hover{transform:scale(1.05)}.brand-icon{height:32px;width:32px}.brand-logo{border-radius:16px;height:80px;object-fit:contain;width:80px}.navbar-links{flex:1 1;gap:1rem}.nav-link,.navbar-links{align-items:center;display:flex}.nav-link{border-radius:50px;color:#333;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;text-decoration:none;transition:background .2s,transform .2s}.nav-link:hover{background:#f0f9ff;transform:translateY(-2px)}.navbar-actions{align-items:center;display:flex;gap:1rem}.language-switcher{align-items:center;background:#f0f9ff;border-radius:50px;display:flex;gap:.5rem;padding:.5rem 1rem}.language-switcher select{background:#0000;color:#333}.btn-logout,.language-switcher select{border:none;cursor:pointer;font-family:Fredoka,sans-serif;font-weight:600}.btn-logout{align-items:center;background:linear-gradient(135deg,#ff6b9d,#ffa07a);border-radius:50px;color:#fff;display:flex;gap:.5rem;padding:.75rem 1.5rem;transition:transform .2s,box-shadow .2s}.btn-logout:hover{box-shadow:0 4px 12px #ff6b9d4d;transform:translateY(-2px)}@media (max-width:768px){.navbar-container{flex-wrap:wrap;padding:.75rem 1rem}.navbar-links{justify-content:center;margin-top:.5rem;order:3;width:100%}.nav-link span{display:none}}.mascot-container{bottom:2rem;position:fixed;right:2rem;z-index:999}.mascot{cursor:pointer}.mascot-body{background:linear-gradient(135deg,#ffe66d,#fa0);border-radius:50% 50% 40% 40%;box-shadow:0 8px 20px #00000026;height:100px;position:relative;width:80px}.mascot-face{align-items:center;display:flex;flex-direction:column;gap:.5rem;left:50%;position:absolute;top:30%;transform:translateX(-50%);width:100%}.mascot-eye{background:#333;border-radius:50%;display:inline-block;height:12px;width:12px}.mascot-eye.left{margin-right:1rem}.mascot-mouth{border:3px solid #333;border-radius:0 0 15px 15px;border-top:none;height:15px;margin-top:.25rem;width:30px}.mascot-speech{background:#fff;border-radius:20px;bottom:110px;box-shadow:0 4px 16px #00000026;color:#333;font-size:.95rem;font-weight:500;max-width:200px;padding:1rem 1.5rem;position:absolute;right:0;text-align:center}.mascot-speech:after{border-left:10px solid #0000;border-right:10px solid #0000;border-top:10px solid #fff;bottom:-10px;content:"";height:0;position:absolute;right:20px;width:0}@media (max-width:768px){.mascot-container{bottom:1rem;right:1rem}.mascot-body{height:75px;width:60px}}
/*# sourceMappingURL=main.77473df9.css.map*/