@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_396b12ce-module__rRjk0G__className{font-family:Inter,Inter Fallback;font-style:normal}
*,:before,:after,::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: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-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;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.-inset-6{inset:-1.5rem}.inset-0{inset:0}.-bottom-4{bottom:-1rem}.left-1\/2,.left-\[50\%\]{left:50%}.right-4{right:1rem}.top-1\/2,.top-\[50\%\]{top:50%}.z-10{z-index:10}.z-50{z-index:50}.my-2{margin-top:.5rem;margin-bottom:.5rem}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.aspect-\[3\/4\]{aspect-ratio:3/4}.aspect-square{aspect-ratio:1}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[300px\]{height:300px}.h-\[400px\]{height:400px}.h-full{height:100%}.min-h-\[28px\]{min-height:28px}.min-h-\[700px\]{min-height:700px}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-16{width:4rem}.w-20{width:5rem}.w-3{width:.75rem}.w-9{width:2.25rem}.w-full{width:100%}.max-w-6xl{max-width:72rem}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.origin-center{transform-origin:50%}.-translate-x-1\/2{--tw-translate-x:-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-1\/2{--tw-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-x-\[-50\%\]{--tw-translate-x:-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%;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-\[-6deg\]{--tw-rotate:-6deg;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))}.scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.cursor-pointer{cursor:pointer}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-10{gap:2.5rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem*var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-0{border-width:0}.border-t{border-top-width:1px}.border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.border-white\/10{border-color:#ffffff1a}.border-white\/20{border-color:#fff3}.border-white\/\[0\.06\]{border-color:#ffffff0f}.border-white\/\[0\.08\]{border-color:#ffffff14}.bg-\[\#06B6D4\]{--tw-bg-opacity:1;background-color:rgb(6 182 212/var(--tw-bg-opacity,1))}.bg-\[\#0a0a0f\]{--tw-bg-opacity:1;background-color:rgb(10 10 15/var(--tw-bg-opacity,1))}.bg-\[\#0d0d14\]{--tw-bg-opacity:1;background-color:rgb(13 13 20/var(--tw-bg-opacity,1))}.bg-\[\#0d0d14\]\/80{background-color:#0d0d14cc}.bg-\[\#4a3f9c\]{--tw-bg-opacity:1;background-color:rgb(74 63 156/var(--tw-bg-opacity,1))}.bg-\[\#7C3AED\]{--tw-bg-opacity:1;background-color:rgb(124 58 237/var(--tw-bg-opacity,1))}.bg-\[\#9333EA\]{--tw-bg-opacity:1;background-color:rgb(147 51 234/var(--tw-bg-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\/60{background-color:#0009}.bg-green-600{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-third{background-color:var(--color-third)}.bg-transparent{background-color:#0000}.bg-white\/10{background-color:#ffffff1a}.bg-white\/5{background-color:#ffffff0d}.bg-white\/\[0\.03\]{background-color:#ffffff08}.bg-white\/\[0\.04\]{background-color:#ffffff0a}.bg-white\/\[0\.06\]{background-color:#ffffff0f}.bg-\[radial-gradient\(ellipse_at_bottom\,rgba\(6\,182\,212\,0\.08\)_0\%\,transparent_50\%\)\]{background-image:radial-gradient(at bottom,#06b6d414 0%,#0000 50%)}.bg-\[radial-gradient\(ellipse_at_bottom_left\,rgba\(6\,182\,212\,0\.1\)_0\%\,transparent_50\%\)\]{background-image:radial-gradient(at 0 100%,#06b6d41a 0%,#0000 50%)}.bg-\[radial-gradient\(ellipse_at_center\,rgba\(124\,58\,237\,0\.15\)_0\%\,transparent_60\%\)\]{background-image:radial-gradient(#7c3aed26 0%,#0000 60%)}.bg-\[radial-gradient\(ellipse_at_top_right\,rgba\(124\,58\,237\,0\.18\)_0\%\,transparent_50\%\)\]{background-image:radial-gradient(at 100% 0,#7c3aed2e 0%,#0000 50%)}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-\[\#0a0a0f\]{--tw-gradient-from:#0a0a0f var(--tw-gradient-from-position);--tw-gradient-to:#0a0a0f00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-\[\#7C3AED\]{--tw-gradient-from:#7c3aed var(--tw-gradient-from-position);--tw-gradient-to:#7c3aed00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-\[\#7C3AED\]\/25{--tw-gradient-from:#7c3aed40 var(--tw-gradient-from-position);--tw-gradient-to:#7c3aed00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-\[\#0a0a0f\]\/80{--tw-gradient-to:#0a0a0f00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#0a0a0fcc var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-\[\#06B6D4\]{--tw-gradient-to:#06b6d4 var(--tw-gradient-to-position)}.to-\[\#06B6D4\]\/15{--tw-gradient-to:#06b6d426 var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-12{padding:3rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.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-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.pr-12{padding-right:3rem}.pt-0{padding-top:0}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.text-center{text-align:center}.font-primary{font-family:var(--font-primary)}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-5xl{font-size:3rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-\[1\.1\]{line-height:1.1}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.text-\[\#06B6D4\]{--tw-text-opacity:1;color:rgb(6 182 212/var(--tw-text-opacity,1))}.text-blue{color:var(--color-blue)}.text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.text-transparent{color:#0000}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/30{color:#ffffff4d}.text-white\/40{color:#fff6}.text-white\/50{color:#ffffff80}.text-white\/60{color:#fff9}.text-white\/70{color:#ffffffb3}.text-white\/90{color:#ffffffe6}.underline-offset-4{text-underline-offset:4px}.opacity-20{opacity:.2}.opacity-\[0\.07\]{opacity:.07}.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);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-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:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;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);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.blur{--tw-blur:blur(8px);filter:var(--tw-blur)var(--tw-brightness)var(--tw-contrast)var(--tw-grayscale)var(--tw-hue-rotate)var(--tw-invert)var(--tw-saturate)var(--tw-sepia)var(--tw-drop-shadow)}.blur-2xl{--tw-blur:blur(40px);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)}.blur-sm{--tw-blur:blur(4px);filter:var(--tw-blur)var(--tw-brightness)var(--tw-contrast)var(--tw-grayscale)var(--tw-hue-rotate)var(--tw-invert)var(--tw-saturate)var(--tw-sepia)var(--tw-drop-shadow)}.filter{filter:var(--tw-blur)var(--tw-brightness)var(--tw-contrast)var(--tw-grayscale)var(--tw-hue-rotate)var(--tw-invert)var(--tw-saturate)var(--tw-sepia)var(--tw-drop-shadow)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur)var(--tw-backdrop-brightness)var(--tw-backdrop-contrast)var(--tw-backdrop-grayscale)var(--tw-backdrop-hue-rotate)var(--tw-backdrop-invert)var(--tw-backdrop-opacity)var(--tw-backdrop-saturate)var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur)var(--tw-backdrop-brightness)var(--tw-backdrop-contrast)var(--tw-backdrop-grayscale)var(--tw-backdrop-hue-rotate)var(--tw-backdrop-invert)var(--tw-backdrop-opacity)var(--tw-backdrop-saturate)var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.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:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0))}}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}:root{--max-width:1100px;--border-radius:12px;--font-mono:ui-monospace,Menlo,Monaco,"Cascadia Mono","Segoe UI Mono","Roboto Mono","Oxygen Mono","Ubuntu Monospace","Source Code Pro","Fira Mono","Droid Sans Mono","Courier New",monospace;--font-press:"Press Start 2P",cursive;--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-secondary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--color-primary:#fff;--color-secondary:#000;--color-third:#7c3aed;--color-accent:#06b6d4;--color-surface:#ffffff0d;--color-surface-hover:#ffffff1a;--color-border:#ffffff14;--color-border-hover:#ffffff26;--glow-purple:0 0 20px #7c3aed4d;--glow-cyan:0 0 20px #06b6d44d;--color-blue:#00a8db;--color-crema:#f8fbe8;--background-color-1:#000;--background-color-2:#fff;--background-color-3:#000;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-xxl:1.5rem;--font-size-mxxl:1.9rem;--font-size-sxxl:2.5rem;--font-size-xxxl:3rem;--font-size-xxxxl:4rem;--font-size-span:5rem;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-xxl:4rem;--spacing-xxxl:8rem;--spacing-xxxxl:12rem;--radius:.75rem}@media (prefers-color-scheme:dark){:root{--foreground-rgb:255,255,255;--background-start-rgb:0,0,0;--background-end-rgb:0,0,0;--primary-glow:radial-gradient(#0141ff66,#0141ff00);--secondary-glow:linear-gradient(to bottom right,#0141ff00,#0141ff00,#0141ff4d);--tile-start-rgb:2,13,46;--tile-end-rgb:2,5,19;--tile-border:conic-gradient(#ffffff80,#ffffff40,#ffffff30,#ffffff20,#ffffff10,#ffffff10,#ffffff80);--callout-rgb:20,20,20;--callout-border-rgb:108,108,108;--card-rgb:100,100,100;--card-border-rgb:200,200,200}}*{box-sizing:border-box;color:#fff;margin:0;padding:0}html,body{max-width:100vw;height:100%;min-height:100vh;font-family:var(--font-primary);scroll-behavior:smooth;flex-direction:column;align-items:stretch;display:flex;overflow-x:hidden}html{overflow:hidden}body{color:var(--color-primary);background:var(--background-color-1)}a{color:inherit;text-decoration:none}.text-boton{font-family:var(--font-press)}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{scrollbar-width:thin;scrollbar-color:#7c3aed80 #0003}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#7c3aed80;border-radius:3px}@keyframes slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.animate-fade-in{animation:.4s ease-out both fade-in}.animate-slide-up{animation:.5s ease-out both slide-up}.animate-scale-in{animation:.3s ease-out both scale-in}.file\:border-0::file-selector-button{border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:font-medium::file-selector-button{font-weight:500}.placeholder\:text-white\/40::placeholder{color:#fff6}.hover\:bg-red-500\/90:hover{background-color:#ef4444e6}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:bg-white\/20:hover{background-color:#fff3}.hover\:text-white\/70:hover{color:#ffffffb3}.hover\:underline:hover{text-decoration-line:underline}.focus\:border-red-500:focus{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.focus-visible\:outline-none:focus-visible{outline-offset:2px;outline:2px solid #0000}.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),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-third:focus-visible{--tw-ring-color:var(--color-third)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.data-\[state\=open\]\:animate-in[data-state=open]{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.data-\[state\=closed\]\:animate-out[data-state=closed]{--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial;animation-name:exit;animation-duration:.15s}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x:-50%}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y:-48%}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x:-50%}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y:-48%}@media (min-width:640px){.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*calc(1 - var(--tw-space-x-reverse)))}.sm\:text-left{text-align:left}}@media (min-width:1024px){.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:p-12{padding:3rem}.lg\:p-8{padding:2rem}}@media (min-width:1280px){.xl\:p-14{padding:3.5rem}.xl\:p-16{padding:4rem}.xl\:text-4xl{font-size:2.25rem;line-height:2.5rem}.xl\:text-6xl{font-size:3.75rem;line-height:1}}
.modal{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background-color:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content{padding:var(--spacing-xl);text-align:center;-webkit-backdrop-filter:blur(20px);color:var(--color-primary);background:#ffffff14;border:1px solid #ffffff1a;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;max-width:90vw;display:flex}.modal-content h2,.modal-content p{color:var(--color-primary);font-family:var(--font-press)}.modal-content h2{font-size:var(--font-size-xxl)}.modal-content p{font-size:var(--font-size-lg);width:60%;margin-top:var(--spacing-xl)}.avion-img{cursor:pointer;z-index:1000;width:50%;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@media only screen and (max-width:620px){.modal-content p{width:90%}}[class*=push]{cursor:pointer;border:0;border-radius:50%;outline:none;width:8rem;height:8rem;margin:1em;transition:box-shadow .2s;display:inline-block;position:relative}.push--flat{background-color:#c2290a;box-shadow:inset 0 .25rem #da2e0b,inset 0 -.25rem #aa2409,inset 0 0 0 .25rem #b32609,inset 0 0 0 .666667rem #c2290a,inset 0 0 0 .8rem #611405,inset 0 0 0 .869565rem #000,inset 0 0 0 1.06667rem #f7856eb3,inset 0 0 0 1.45455rem #c2290a,inset 0 3.2rem 1.06667rem #aa2409,inset 0 0 .8rem 1.33333rem #911f08,0 .4rem #0000004d}.push--flat:after{content:"";border:0 solid #0000004d;border-bottom-width:.533333rem;border-radius:50%;width:6.4rem;height:6.4rem;transition-duration:.2s;display:block;position:absolute;bottom:.4rem;left:.8rem}.push--flat:active,.push--flat.is-pushed{background-color:#b8270a;box-shadow:inset 0 .25rem #da2e0b,inset 0 -.25rem #aa2409,inset 0 0 0 .25rem #b32609,inset 0 0 0 .666667rem #c2290a,inset 0 0 0 .8rem #611405,inset 0 0 0 .941177rem #000,inset 0 0 0 1.06667rem #f7856e33,inset 0 0 0 1.45455rem #b32609,inset 0 3.2rem 1.06667rem #9b2108,inset 0 0 .8rem 1.33333rem #791a06,0 .4rem #0000004d}.push--flat:active:after,.push--flat.is-pushed:after{border-width:0;bottom:.933333rem}.push--flat-blue{background-color:#0a66c2;box-shadow:inset 0 .25rem #0b73da,inset 0 -.25rem #0959aa,inset 0 0 0 .25rem #095eb3,inset 0 0 0 .666667rem #0a66c2,inset 0 0 0 .8rem #053361,inset 0 0 0 .869565rem #000,inset 0 0 0 1.06667rem #6eb3f7b3,inset 0 0 0 1.45455rem #0a66c2,inset 0 3.2rem 1.06667rem #0959aa,inset 0 0 .8rem 1.33333rem #084d91,0 .4rem #0000004d}.push--flat-blue:after{content:"";border:0 solid #0000004d;border-bottom-width:.533333rem;border-radius:50%;width:6.4rem;height:6.4rem;transition-duration:.2s;display:block;position:absolute;bottom:.4rem;left:.8rem}.push--flat-blue:active,.push--flat-blue.is-pushed{background-color:#0a61b8;box-shadow:inset 0 .25rem #0b73da,inset 0 -.25rem #0959aa,inset 0 0 0 .25rem #095eb3,inset 0 0 0 .666667rem #0a66c2,inset 0 0 0 .8rem #053361,inset 0 0 0 .941177rem #000,inset 0 0 0 1.06667rem #6eb3f733,inset 0 0 0 1.45455rem #095eb3,inset 0 3.2rem 1.06667rem #08529b,inset 0 0 .8rem 1.33333rem #064079,0 .4rem #0000004d}.push--flat-blue:active:after,.push--flat-blue.is-pushed:after{border-width:0;bottom:.933333rem}.push--flat-small{background-color:#c2290a;width:3em;height:3em;box-shadow:inset 0 .09375em #da2e0b,inset 0 -.09375em #aa2409,inset 0 0 0 .09375em #b32609,inset 0 0 0 .25em #c2290a,inset 0 0 0 .3em #611405,inset 0 0 0 .326087em #000,inset 0 0 0 .4em #f7856eb3,inset 0 0 0 .545455em #c2290a,inset 0 1.2em .4em #aa2409,inset 0 0 .3em .5em #911f08,0 .15em #0000004d}.push--flat-small:after{content:"";border:0 solid #0000004d;border-bottom-width:.2em;border-radius:50%;width:2.4em;height:2.4em;transition-duration:.2s;display:block;position:absolute;bottom:.15em;left:.3em}.push--flat-small:active,.push--flat-small.is-pushed{background-color:#b8270a;box-shadow:inset 0 .09375em #da2e0b,inset 0 -.09375em #aa2409,inset 0 0 0 .09375em #b32609,inset 0 0 0 .25em #c2290a,inset 0 0 0 .3em #611405,inset 0 0 0 .352941em #000,inset 0 0 0 .4em #f7856e33,inset 0 0 0 .545455em #b32609,inset 0 1.2em .4em #9b2108,inset 0 0 .3em .5em #791a06,0 .15em #0000004d}.push--flat-small:active:after,.push--flat-small.is-pushed:after{border-width:0;bottom:.35em}.dashboard-container{flex-direction:row;height:100vh;display:flex;position:relative;overflow:visible}.dashboard-container .user-container{-webkit-backdrop-filter:blur(20px);background:linear-gradient(#0a0a14fa 0%,#140a28f2 100%);border-right:1px solid #7c3aed26;flex-direction:column;flex-shrink:0;width:260px;min-width:260px;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto;box-shadow:4px 0 24px #0000004d}.dashboard-container .main-container{flex:1;height:100vh;overflow:hidden auto}@media only screen and (max-width:600px){.dashboard-container{flex-direction:column;height:auto;overflow:visible}.dashboard-container .user-container{width:100%;min-width:unset;height:auto;position:relative}.dashboard-container .main-container{flex-direction:column;width:100%;height:auto}}.expanded{min-height:fit-content}.user-container{color:var(--color-primary);flex-direction:column;gap:1.5rem;padding:1.25rem;display:flex}.user-container .dropdown-indicator{display:none}.user-container .sidebar-brand{background:linear-gradient(135deg,#7c3aed33 0%,#06b6d426 100%);border:1px solid #ffffff1a;border-radius:.75rem;align-items:center;gap:.75rem;padding:.5rem .75rem;display:flex}.user-container .sidebar-brand img{border-radius:8px;width:36px;height:36px}.user-container .sidebar-brand .brand-text{font-family:var(--font-press);background:linear-gradient(135deg,#7c3aed,#06b6d4);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:.7rem}.user-container .card-user{background:linear-gradient(135deg,#7c3aed26 0%,#06b6d41a 100%);border:1px solid #ffffff1a;border-radius:1rem;padding:1rem;position:relative;overflow:hidden}.user-container .card-user:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);height:1px;position:absolute;top:0;left:0;right:0}.user-container .card-user .user-row{align-items:center;gap:.85rem;display:flex}.user-container .card-user .container-photo{flex-shrink:0;position:relative}.user-container .card-user .container-photo:after{content:"";z-index:-1;background:linear-gradient(135deg,#7c3aed,#06b6d4);border-radius:50%;animation:2s ease-in-out infinite pulse-glow;position:absolute;inset:-3px}.user-container .card-user .container-photo img{-o-object-fit:cover;object-fit:cover;z-index:1;border:2px solid #00000080;border-radius:50%;width:52px;height:52px;position:relative}.user-container .card-user .user-info-inline{flex:1;min-width:0}.user-container .card-user .text-user p{color:#fff;font-family:var(--font-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:.25rem;font-size:.9rem;font-weight:600;overflow:hidden}.user-container .card-user .container-user-total{background:#0000004d;border-radius:2rem;align-items:center;gap:.4rem;width:fit-content;padding:.35rem .65rem;display:flex}.user-container .card-user .container-user-total p{color:gold;font-family:var(--font-mono);font-size:.8rem;font-weight:700}.user-container .card-user .container-user-total img{width:16px;height:16px}.user-container .nav-container{flex:1}.user-container .nav-container ul{flex-direction:column;gap:.35rem;display:flex}.user-container .nav-container ul li{cursor:pointer;border-radius:.75rem;align-items:center;gap:.85rem;height:46px;padding:0 1rem;list-style:none;transition:all .25s;display:flex;position:relative;overflow:hidden}.user-container .nav-container ul li:before{content:"";background:linear-gradient(#7c3aed,#06b6d4);border-radius:0 2px 2px 0;width:3px;height:0;transition:height .25s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.user-container .nav-container ul li:hover{background:#ffffff0d}.user-container .nav-container ul li:hover:before{height:60%}.user-container .nav-container ul li:hover img{transform:scale(1.1)}.user-container .nav-container ul li[data-active=true]{background:linear-gradient(90deg,#7c3aed33 0%,#0000 100%)}.user-container .nav-container ul li[data-active=true]:before{height:70%;box-shadow:0 0 10px #7c3aed80}.user-container .nav-container ul li[data-active=true] span{color:#fff}.user-container .nav-container ul li[data-active=true] img{filter:drop-shadow(0 0 4px #06b6d480)}.user-container .nav-container ul li img{flex-shrink:0;width:22px;height:22px;transition:transform .25s}.user-container .nav-container ul li span{font-family:var(--font-primary);color:#ffffffb3;letter-spacing:.02em;font-size:.85rem;font-weight:600;transition:color .25s}.perfil-container{flex-direction:column;display:flex}.container-logout{margin-top:auto}.container-logout button{all:unset;box-sizing:border-box;cursor:pointer;color:#ffffffb3;width:100%;font-size:.85rem;font-weight:600;font-family:var(--font-primary);text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.75rem;padding:.75rem 1rem;transition:all .25s;display:block}.container-logout button:hover{color:#ef4444;background:#ef444426;border-color:#ef444466}@keyframes pulse-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@media only screen and (max-width:600px){.user-container{cursor:pointer;gap:1rem;max-height:70px;padding:.75rem 1rem;transition:max-height .3s ease-in-out;position:relative;overflow:hidden}.user-container .dropdown-indicator{color:#ffffff80;font-size:1.25rem;display:flex;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.user-container .sidebar-brand{display:none}.user-container .card-user{background:0 0;border:none;padding:0}.user-container .card-user:before,.user-container .card-user .container-photo:after{display:none}.user-container .card-user .container-photo img{border:2px solid #7c3aed80;width:44px;height:44px}.user-container.expanded{max-height:100vh;padding-bottom:1.5rem}.user-container.expanded .nav-container,.user-container.expanded .container-logout,.user-container.expanded .card-user{display:block!important}.user-container.expanded .card-user{background:linear-gradient(135deg,#7c3aed26 0%,#06b6d41a 100%);border:1px solid #ffffff1a;border-radius:1rem;padding:1rem}.user-container.expanded .card-user:before,.user-container.expanded .card-user .container-photo:after{display:block}.nav-container,.container-logout{display:none!important}.user-container:not(.expanded) .card-user{display:flex!important}.container-logout{margin-top:1rem}}.games-view{background:linear-gradient(#000000f2 0%,#7c3aed14 100%);width:100%;min-height:100%;padding:1.5rem}@media (min-width:1024px){.games-view{padding:2rem 3rem}}.games-hero{border-radius:1.5rem;min-height:65vh;margin-bottom:2rem;position:relative;overflow:hidden}@media (min-width:768px){.games-hero{min-height:70vh}}@media (min-width:1024px){.games-hero{min-height:75vh}}.hero-background{position:absolute;inset:0}.hero-background .hero-bg-image{-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top}.hero-background .hero-bg-overlay{background:linear-gradient(135deg,#000000e6 0%,#000000b3 30%,#7c3aed4d 70%,#06b6d433 100%);position:absolute;inset:0}.hero-background .hero-bg-overlay:after{content:"";background:linear-gradient(#0000 50%,#000000f2 100%);position:absolute;inset:0}.hero-content{z-index:2;flex-direction:column;justify-content:flex-end;gap:2rem;min-height:65vh;padding:2rem;display:flex;position:relative}@media (min-width:768px){.hero-content{flex-direction:row;justify-content:space-between;align-items:flex-end;min-height:70vh;padding:2.5rem}}@media (min-width:1024px){.hero-content{min-height:75vh;padding:3rem}}.hero-game-info{flex-direction:column;gap:1.25rem;max-width:500px;display:flex}.hero-game-info .hero-player-stats{align-items:center;gap:1rem;display:flex}.hero-game-info .player-level{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid var(--level-color,#8b5cf6);box-shadow:0 0 15px color-mix(in srgb,var(--level-color,#8b5cf6)30%,transparent);background:linear-gradient(135deg,#00000080,#0000004d);border-radius:3rem;align-items:center;gap:.75rem;padding:.4rem 1rem .4rem .4rem;display:flex}.hero-game-info .player-level .level-ring-mini{background:linear-gradient(135deg,var(--level-color,#8b5cf6),color-mix(in srgb,var(--level-color,#8b5cf6)70%,black));width:40px;height:40px;box-shadow:0 0 12px var(--level-color,#8b5cf6);border-radius:50%;justify-content:center;align-items:center;animation:2s ease-in-out infinite level-pulse;display:flex}.hero-game-info .player-level .level-ring-mini .level-num{font-family:var(--font-press);color:#fff;text-shadow:0 2px 4px #0000004d;font-size:1.1rem}.hero-game-info .player-level .level-details{flex-direction:column;gap:.1rem;display:flex}.hero-game-info .player-level .level-details .level-name{font-family:var(--font-primary);color:#fff;font-size:.95rem;font-weight:700}.hero-game-info .player-level .level-details .level-xp{font-family:var(--font-primary);color:#06b6d4;font-size:.75rem}.hero-game-info .player-level .level-details .level-xp .xp-separator{color:#ffffff4d;margin:0 .35rem}.hero-game-info .player-level .level-details .level-xp .xp-next{color:#ffffff80}.hero-game-info .player-streak{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#ef444433,#ff963226);border:2px solid #ef444480;border-radius:2rem;align-items:center;gap:.25rem;padding:.5rem .85rem;display:flex}.hero-game-info .player-streak .streak-fire{font-size:1.1rem}.hero-game-info .player-streak .streak-count{font-family:var(--font-primary);color:#ff6b35;font-size:1rem;font-weight:700}.hero-game-info .player-streak.on-fire{animation:1s ease-in-out infinite alternate streak-fire-glow}.hero-game-info .player-streak.on-fire .streak-fire{animation:.4s ease-in-out infinite alternate fire-bounce}.hero-game-info .hero-game-title{width:auto;max-width:280px;height:auto}@media (min-width:768px){.hero-game-info .hero-game-title{max-width:320px}}@media (min-width:1024px){.hero-game-info .hero-game-title{max-width:380px}}.hero-game-info .hero-game-desc{font-family:var(--font-primary);color:#fffc;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:1rem;line-height:1.6;display:-webkit-box;overflow:hidden}@media (min-width:768px){.hero-game-info .hero-game-desc{font-size:1.05rem}}@keyframes level-pulse{0%,to{box-shadow:0 0 15px var(--level-color,#8b5cf6),inset 0 0 10px #fff3}50%{box-shadow:0 0 25px var(--level-color,#8b5cf6),0 0 40px var(--level-color,#8b5cf6),inset 0 0 15px #ffffff4d}}@keyframes streak-fire-glow{0%{box-shadow:0 0 10px #ef44444d}to{box-shadow:0 0 20px #ef444480,0 0 35px #ff963266}}@keyframes fire-bounce{0%{transform:translateY(0)scale(1)}to{transform:translateY(-3px)scale(1.15)}}.hero-actions{gap:1rem;margin-top:.5rem;display:flex}.play-btn{font-family:var(--font-primary);cursor:pointer;border:none;border-radius:1rem;justify-content:center;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1rem;font-weight:700;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.play-btn.primary{color:#fff;background:linear-gradient(135deg,#7c3aed,#06b6d4)}.play-btn.primary:before{content:"";opacity:0;background:linear-gradient(135deg,#fff3,#0000);transition:opacity .3s;position:absolute;inset:0}.play-btn.primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px #7c3aed66}.play-btn.primary:hover:before{opacity:1}.hero-game-preview{display:none}@media (min-width:1024px){.hero-game-preview{display:block}}.hero-game-preview .preview-frame{border:2px solid #ffffff1a;border-radius:1rem;width:220px;transition:transform .5s;position:relative;overflow:hidden;transform:perspective(1000px)rotateY(-5deg);box-shadow:0 20px 50px #00000080}.hero-game-preview .preview-frame:hover{transform:perspective(1000px)rotateY(0)}.hero-game-preview .preview-frame .preview-image{width:100%;height:auto;display:block}.hero-game-preview .preview-frame .preview-glow{pointer-events:none;background:radial-gradient(circle,#7c3aed4d 0%,#0000 50%);animation:3s ease-in-out infinite preview-glow-pulse;position:absolute;inset:-50%}@keyframes preview-glow-pulse{0%,to{opacity:.5}50%{opacity:1}}.games-section{margin-bottom:1.5rem}.section-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.section-title{font-family:var(--font-primary);color:#fff;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;display:flex}.section-title .title-icon{font-size:1.25rem}@media (min-width:768px){.section-title{font-size:1.5rem}}.games-count{font-family:var(--font-primary);color:#fff9;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:2rem;padding:.4rem 1rem;font-size:.8rem;font-weight:500}.games-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media (min-width:480px){.games-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px){.games-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem}}@media (min-width:1024px){.games-grid{grid-template-columns:repeat(5,1fr)}}@media (min-width:1280px){.games-grid{grid-template-columns:repeat(6,1fr);gap:1.5rem}}.game-card{cursor:pointer;background:#ffffff08;border:2px solid #ffffff0f;border-radius:1rem;transition:all .3s;position:relative;overflow:hidden}.game-card:hover{border-color:#7c3aed66;transform:translateY(-4px);box-shadow:0 10px 30px #7c3aed33}.game-card:hover .card-overlay{opacity:1}.game-card:hover .card-play-icon{opacity:1;transform:scale(1)}.game-card:hover .card-image{transform:scale(1.05)}.game-card.selected{border-color:#06b6d4;box-shadow:0 0 30px #06b6d44d,inset 0 0 30px #06b6d40d}.game-card.selected .card-glow{opacity:1}.game-card.selected .card-info{background:linear-gradient(135deg,#06b6d433,#7c3aed26)}.game-card.selected .card-selected-indicator{opacity:1}.card-image-wrapper{aspect-ratio:3/4;position:relative;overflow:hidden}.card-image-wrapper .card-image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .5s}.card-image-wrapper .card-overlay{opacity:0;background:linear-gradient(#7c3aed33 0%,#7c3aed66 50%,#000c 100%);justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.card-image-wrapper .card-play-icon{color:#fff;opacity:0;background:linear-gradient(135deg,#7c3aed,#06b6d4);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s;display:flex;transform:scale(.8);box-shadow:0 8px 25px #7c3aed66}.card-image-wrapper .card-play-icon svg{margin-left:3px}.card-image-wrapper .card-glow{opacity:0;pointer-events:none;background:radial-gradient(circle,#06b6d44d 0%,#0000 70%);transition:opacity .3s;position:absolute;inset:0}.card-info{background:#0006;padding:.75rem;transition:background .3s}.card-info .card-name{font-family:var(--font-primary);color:#fff;-webkit-line-clamp:2;text-align:center;-webkit-box-orient:vertical;font-size:.85rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.card-selected-indicator{opacity:0;background:linear-gradient(135deg,#06b6d4,#7c3aed);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:opacity .3s;display:flex;position:absolute;top:.75rem;right:.75rem;box-shadow:0 4px 12px #06b6d466}.card-selected-indicator:after{content:"✓";color:#fff;font-size:.75rem;font-weight:700}.games-tip{background:#ffffff08;border:1px solid #ffffff0f;border-radius:1rem;justify-content:center;align-items:center;gap:.75rem;padding:1rem;display:flex}.games-tip .tip-icon{font-size:1.25rem}.games-tip .tip-text{font-family:var(--font-primary);color:#fff9;font-size:.85rem}@media (max-width:640px){.games-view{padding:1rem}.games-hero{border-radius:1rem;min-height:55vh}.hero-content{min-height:55vh;padding:1.5rem}.hero-game-info .hero-player-stats{flex-wrap:wrap;gap:.75rem}.hero-game-info .player-level{gap:.5rem;padding:.35rem .75rem .35rem .35rem}.hero-game-info .player-level .level-ring-mini{width:36px;height:36px}.hero-game-info .player-level .level-ring-mini .level-num{font-size:1rem}.hero-game-info .player-level .level-details .level-name{font-size:.85rem}.hero-game-info .player-level .level-details .level-xp{font-size:.7rem}.hero-game-info .player-streak{padding:.4rem .65rem}.hero-game-info .player-streak .streak-fire{font-size:.95rem}.hero-game-info .player-streak .streak-count{font-size:.9rem}.hero-game-info .hero-game-title{max-width:200px}.hero-game-info .hero-game-desc{-webkit-line-clamp:2;font-size:.85rem}.play-btn{padding:.85rem 1.5rem;font-size:.9rem}.section-title,.section-title .title-icon{font-size:1.1rem}.games-grid{gap:.75rem}.card-info{padding:.6rem}.card-info .card-name{font-size:.75rem}.games-tip{padding:.75rem}.games-tip .tip-text{font-size:.75rem}}@media (min-width:1024px){.profile-view{padding:2rem 3rem}}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:768px){.profile-header{flex-direction:row;justify-content:space-between;align-items:center}}@media (min-width:768px){.avatar-ring{width:100px;height:100px}}@media (min-width:768px){.profile-identity .profile-name{font-size:1.75rem}}@media (min-width:768px){.game-card-display{min-width:320px}}@media (min-width:768px){.profile-stats{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.profile-content{grid-template-columns:1fr 1fr}}@media (max-width:640px){.card-info .info-grid{grid-template-columns:1fr}}@media (min-width:768px){.card-avatars .avatars-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}}@media (max-width:640px){.profile-view{padding:1rem}.profile-header{padding:1.5rem}.avatar-ring{width:70px;height:70px}.profile-identity .profile-name{font-size:1.25rem}.profile-identity .profile-email{font-size:.8rem}.game-card-display{width:100%;min-width:auto}.profile-stats{gap:.75rem}.stat-card{padding:1rem}.stat-card.level-card{grid-column:1/-1}.level-ring-large{width:60px;height:60px}.level-ring-large .level-num{font-size:1.25rem}.stat-icon{width:44px;height:44px;font-size:1.25rem}.stat-info .stat-value{font-size:1.1rem}.stat-info .stat-sub{font-size:.75rem}.card{padding:1.25rem}.card-avatars .avatars-grid{grid-template-columns:repeat(4,1fr);gap:.75rem}.card-top-games .top-game-item{padding:.6rem}.card-top-games .game-rank{width:32px;font-size:1.25rem}.card-top-games .game-preview{width:40px;height:54px}.card-settings .setting-item{padding:.85rem}.card-settings .setting-icon{width:32px;height:32px;font-size:1rem}.card-settings .setting-text .setting-name{font-size:.9rem}.card-settings .setting-text .setting-desc{font-size:.75rem}}.container-game{touch-action:none;background:#000;flex:1;width:100%;height:100%;overflow:hidden}.horizontal-game,.container-interface-game{flex-direction:column;width:100%;height:100%;display:flex;position:relative}.game-floating-bar{z-index:100;-webkit-backdrop-filter:blur(12px);background:linear-gradient(#000000d9 0%,#0009 100%);border-bottom:1px solid #7c3aed33;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;display:flex;position:fixed;top:0;left:0;right:0}.game-floating-bar .game-floating-score{background:#ffffff14;border:1px solid #ffffff1a;border-radius:2rem;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.game-floating-bar .game-floating-score span{font-family:var(--font-primary);color:gold;font-size:.9rem;font-weight:700}.game-floating-bar .game-floating-exit{all:unset;cursor:pointer;font-size:.85rem;font-weight:600;font-family:var(--font-primary);color:#fff;background:linear-gradient(135deg,#7c3aedcc,#06b6d4cc);border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.6rem 1.25rem;transition:all .25s;display:flex;box-shadow:0 4px 15px #7c3aed4d}.game-floating-bar .game-floating-exit:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed66}.game-floating-bar .game-floating-exit:active{transform:translateY(0)}.game-center{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding-top:40px;display:flex}.game-center iframe{border:none;width:100%;height:100%}.vertical-game{flex-direction:column;width:100%;height:100%;display:flex;position:relative}.vertical-game .game-center{width:100%;height:100%}@media only screen and (max-width:970px){.game-center{padding-top:50px}.game-floating-bar{padding:.5rem .75rem}.game-floating-bar .game-floating-score{padding:.4rem .75rem}.game-floating-bar .game-floating-score span{font-size:.75rem}.game-floating-bar .game-floating-exit{padding:.5rem 1rem;font-size:.75rem}.vertical-game .game-center{width:100%;height:100%}}@media only screen and (max-width:620px){.rotate-screen,.rotate-vertical-screen{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.rotate-screen p,.rotate-vertical-screen p{font-size:var(--font-size-xxl)}}@media (max-height:600px){.game-center{padding-top:32px}}.dashboard-gamification{background:linear-gradient(#000000f2 0%,#7c3aed14 100%);width:100%;min-height:100%;padding:1.5rem}@media (min-width:1024px){.dashboard-gamification{padding:2rem 3rem}}.dashboard-loading{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:400px;display:flex}.dashboard-loading .loading-spinner{border:3px solid #7c3aed33;border-top-color:#7c3aed;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.dashboard-loading p{color:#fff9;font-family:var(--font-primary)}.hero-section{background:linear-gradient(135deg,#7c3aed26 0%,#06b6d41a 50%,#7c3aed1a 100%);border:1px solid #ffffff14;border-radius:1.5rem;margin-bottom:1.5rem;padding:2rem;position:relative;overflow:hidden}.hero-section:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);height:1px;position:absolute;top:0;left:0;right:0}.level-hero{flex-direction:column;align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex}@media (min-width:768px){.level-hero{flex-direction:row;justify-content:center;gap:3rem}}.level-ring{flex-shrink:0;width:140px;height:140px;position:relative}.level-ring .level-ring-bg{background:#0006;border:2px solid #ffffff1a;border-radius:50%;position:absolute;inset:0}.level-ring .level-ring-progress{position:absolute;inset:0;transform:rotate(-90deg)}.level-ring .level-ring-progress .ring-track{fill:none;stroke:#ffffff1a;stroke-width:8px}.level-ring .level-ring-progress .ring-fill{fill:none;stroke-width:8px;stroke-linecap:round;filter:drop-shadow(0 0 8px);transition:stroke-dasharray 1s}.level-ring .level-center{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.level-ring .level-center .level-number{font-family:var(--font-press);text-shadow:0 0 20px;font-size:2.5rem;font-weight:700;line-height:1}.level-ring .level-center .level-label{font-family:var(--font-primary);letter-spacing:.15em;color:#ffffff80;margin-top:.25rem;font-size:.65rem;font-weight:700}.level-ring .level-glow{opacity:.15;filter:blur(20px);border-radius:50%;animation:3s ease-in-out infinite pulse-glow;position:absolute;inset:10%}.level-info{text-align:center}@media (min-width:768px){.level-info{text-align:left;min-width:280px}}.level-info .level-name{font-family:var(--font-primary);text-shadow:0 0 30px;margin-bottom:1rem;font-size:1.75rem;font-weight:700}.level-info .xp-bar{background:#ffffff1a;border-radius:6px;height:12px;margin-bottom:.75rem;overflow:hidden}.level-info .xp-bar .xp-bar-fill{border-radius:6px;height:100%;transition:width 1s;position:relative}.level-info .xp-bar .xp-bar-fill .xp-shimmer{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:2s infinite shimmer;position:absolute;inset:0}.level-info .xp-text{font-family:var(--font-mono);margin-bottom:.25rem;font-size:.9rem}.level-info .xp-text .xp-current{color:#fff;font-weight:700}.level-info .xp-text .xp-separator{color:#ffffff4d}.level-info .xp-text .xp-needed{color:#ffffff80}.level-info .xp-remaining{font-family:var(--font-primary);color:#fff6;font-size:.8rem}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.quick-stats{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}@media (min-width:768px){.quick-stats{grid-template-columns:repeat(4,1fr)}}.stat-card .stat-icon-wrapper{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative}.stat-card .stat-icon-wrapper svg{color:#fff;z-index:1;position:relative}.stat-card .stat-icon-wrapper.gold{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 15px #f59e0b4d}.stat-card .stat-icon-wrapper.fire{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 15px #ef44444d}.stat-card .stat-icon-wrapper.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 15px #8b5cf64d}.stat-card .stat-icon-wrapper.blue{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 15px #3b82f64d}.stat-card .stat-icon-wrapper .fire-particles{background:radial-gradient(circle,#ff640066 0%,#0000 70%);border-radius:50%;animation:.5s ease-in-out infinite alternate fire-pulse;position:absolute;inset:-4px}.stat-card .stat-details{flex-direction:column;display:flex}.stat-card .stat-details .stat-value{font-family:var(--font-primary);color:#fff;font-size:1.5rem;font-weight:700;line-height:1.2}.stat-card .stat-details .stat-label{font-family:var(--font-primary);color:#ffffff80;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.stat-card.on-fire{background:#ef444426;border-color:#ef44444d;animation:1s ease-in-out infinite alternate fire-border}@keyframes fire-pulse{0%{opacity:.5;transform:scale(1)}to{opacity:1;transform:scale(1.1)}}@keyframes fire-border{0%{box-shadow:0 0 10px #ef44444d}to{box-shadow:0 0 20px #ef444480}}.play-button{color:#fff;width:100%;max-width:300px;font-family:var(--font-primary);cursor:pointer;background:linear-gradient(135deg,#7c3aed,#06b6d4);border:none;border-radius:1rem;justify-content:center;align-items:center;gap:.75rem;margin:0 auto;padding:1rem 2rem;font-size:1.1rem;font-weight:700;transition:all .3s;display:flex;position:relative;overflow:hidden}.play-button:before{content:"";opacity:0;background:linear-gradient(135deg,#fff3,#0000);transition:opacity .3s;position:absolute;inset:0}.play-button:hover{transform:translateY(-3px);box-shadow:0 10px 30px #7c3aed66}.play-button:hover:before{opacity:1}.play-button:active{transform:translateY(-1px)}.content-grid{grid-template-columns:1fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}@media (min-width:1024px){.content-grid{grid-template-columns:repeat(2,1fr)}}.card .card-header .badge{color:#a78bfa;font-size:.75rem;font-weight:600;font-family:var(--font-primary);background:#7c3aed33;border:1px solid #7c3aed4d;border-radius:2rem;padding:.25rem .75rem}.card-leaderboard .podium{justify-content:center;align-items:flex-end;gap:1rem;margin-bottom:1.5rem;padding:1rem 0;display:flex}.card-leaderboard .podium-place{flex-direction:column;align-items:center;gap:.5rem;display:flex}.card-leaderboard .podium-place .podium-avatar{position:relative}.card-leaderboard .podium-place .podium-avatar img{border:3px solid;border-radius:50%;transition:transform .3s}.card-leaderboard .podium-place .podium-avatar .podium-medal{filter:drop-shadow(0 2px 4px #0000004d);font-size:1.25rem;position:absolute;bottom:-4px;right:-4px}.card-leaderboard .podium-place .podium-name{color:#fff;font-size:.85rem;font-weight:600;font-family:var(--font-primary);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:90px;overflow:hidden}.card-leaderboard .podium-place .podium-score{color:#06b6d4;font-size:.75rem;font-family:var(--font-mono);font-weight:600}.card-leaderboard .podium-place:hover .podium-avatar img{transform:scale(1.05)}.card-leaderboard .podium-1{order:2}.card-leaderboard .podium-1 .podium-avatar img{border-color:gold}.card-leaderboard .podium-2{order:1}.card-leaderboard .podium-2 .podium-avatar img{border-color:silver}.card-leaderboard .podium-3{order:3}.card-leaderboard .podium-3 .podium-avatar img{border-color:#cd7f32}.card-leaderboard .leaderboard-list{flex-direction:column;gap:.5rem;display:flex}.card-leaderboard .leaderboard-row{background:#ffffff08;border-radius:.75rem;align-items:center;gap:.75rem;padding:.75rem;transition:background .2s;display:flex}.card-leaderboard .leaderboard-row:hover{background:#ffffff0f}.card-leaderboard .leaderboard-row .row-rank{width:24px;font-family:var(--font-primary);color:#fff6;text-align:center;font-weight:700}.card-leaderboard .leaderboard-row .row-avatar{border-radius:50%;flex-shrink:0}.card-leaderboard .leaderboard-row .row-name{color:#fff;font-size:.9rem;font-weight:500;font-family:var(--font-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.card-leaderboard .leaderboard-row .row-score{color:#06b6d4;font-size:.85rem;font-weight:600;font-family:var(--font-mono)}.card-trophies .trophies-grid{grid-template-columns:1fr;gap:.75rem;display:grid}@media (min-width:640px){.card-trophies .trophies-grid{grid-template-columns:repeat(2,1fr)}}.card-trophies .trophy-item{background:#ffffff05;border:1px solid #ffffff0d;border-radius:.75rem;align-items:center;gap:.75rem;padding:.75rem;transition:all .3s;display:flex}.card-trophies .trophy-item .trophy-icon{flex-shrink:0;width:40px;height:40px;position:relative}.card-trophies .trophy-item .trophy-icon img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;transition:transform .3s}.card-trophies .trophy-item .trophy-icon .trophy-glow{background:radial-gradient(circle,#7c3aed66 0%,#0000 70%);border-radius:50%;animation:2s ease-in-out infinite trophy-glow;position:absolute;inset:-4px}.card-trophies .trophy-item .trophy-icon .trophy-lock{color:#fff6;background:#000000b3;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.card-trophies .trophy-item .trophy-info{flex:1;min-width:0}.card-trophies .trophy-item .trophy-info .trophy-name{color:#fff;font-size:.85rem;font-weight:600;font-family:var(--font-primary);display:block}.card-trophies .trophy-item .trophy-info .trophy-desc{color:#ffffff80;font-size:.7rem;font-family:var(--font-primary);display:block}.card-trophies .trophy-item .trophy-check{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:.7rem;font-weight:700;display:flex}.card-trophies .trophy-item.unlocked{background:#7c3aed1a;border-color:#7c3aed33}.card-trophies .trophy-item.unlocked:hover{background:#7c3aed26;border-color:#7c3aed4d}.card-trophies .trophy-item.unlocked:hover .trophy-icon img{transform:scale(1.1)}.card-trophies .trophy-item.locked .trophy-icon img{filter:grayscale();opacity:.4}.card-trophies .trophy-item.locked .trophy-name{color:#ffffff80}.card-trophies .trophy-item.locked .trophy-desc{color:#ffffff4d}@keyframes trophy-glow{0%,to{opacity:.5}50%{opacity:1}}.tip-banner{background:linear-gradient(135deg,#06b6d426 0%,#7c3aed1a 100%);border:1px solid #06b6d433;border-radius:1rem;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.tip-banner .tip-icon{flex-shrink:0;font-size:1.5rem}.tip-banner .tip-content{font-family:var(--font-primary);color:#fffc;flex:1;font-size:.9rem}.tip-banner .tip-content strong{color:#fff}.tip-banner .tip-action{color:#06b6d4;font-family:var(--font-primary);cursor:pointer;white-space:nowrap;background:#06b6d433;border:1px solid #06b6d44d;border-radius:.5rem;padding:.5rem 1.25rem;font-size:.85rem;font-weight:600;transition:all .2s}.tip-banner .tip-action:hover{background:#06b6d44d;border-color:#06b6d480}@media (max-width:640px){.tip-banner{text-align:center;flex-direction:column}.tip-banner .tip-action{width:100%}}.profile-view{background:linear-gradient(#000000f2 0%,#7c3aed14 100%);width:100%;min-height:100%;padding:1.5rem}@media (min-width:1024px){.profile-view{padding:2rem 3rem}}.profile-loading{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:400px;display:flex}.profile-loading .loading-spinner{border:3px solid #7c3aed33;border-top-color:#7c3aed;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.profile-loading p{color:#fff9;font-family:var(--font-primary)}.profile-header{background:linear-gradient(135deg,#7c3aed26 0%,#06b6d41a 100%);border:1px solid #ffffff14;border-radius:1.5rem;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem;padding:2rem;display:flex;position:relative;overflow:hidden}.profile-header:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);height:1px;position:absolute;top:0;left:0;right:0}@media (min-width:768px){.profile-header{flex-direction:row;justify-content:space-between;align-items:center}}.profile-avatar-section{align-items:center;gap:1.25rem;display:flex}.avatar-ring{background:linear-gradient(135deg,#7c3aed,#06b6d4);border-radius:50%;width:90px;height:90px;padding:4px;position:relative;box-shadow:0 0 25px #7c3aed66}.avatar-ring .avatar-image{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:100%;height:100%}@media (min-width:768px){.avatar-ring{width:100px;height:100px}}.profile-identity .profile-name{font-family:var(--font-primary);color:#fff;margin-bottom:.25rem;font-size:1.5rem;font-weight:700}@media (min-width:768px){.profile-identity .profile-name{font-size:1.75rem}}.profile-identity .profile-email{font-family:var(--font-primary);color:#ffffff80;font-size:.9rem}.game-card-display{background:linear-gradient(135deg,#6a5ae04d 0%,#7c3aed33 100%);border:1px solid #ffffff26;border-radius:1rem;min-width:280px;padding:1.25rem 1.5rem;position:relative;overflow:hidden}@media (min-width:768px){.game-card-display{min-width:320px}}.game-card-display .game-card-header{margin-bottom:1rem}.game-card-display .game-card-header .card-label{font-family:var(--font-press);color:#ffffffb3;letter-spacing:.1em;font-size:.7rem}.game-card-display .game-card-body .card-holder{font-family:var(--font-primary);color:#fff;margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.game-card-display .game-card-body .card-number{font-family:var(--font-mono);color:#ffffffb3;letter-spacing:.1em;margin-bottom:1rem;font-size:.9rem}.game-card-display .game-card-body .card-score{background:#0000004d;border:1px solid #ffffff1a;border-radius:2rem;align-items:center;gap:.5rem;padding:.5rem 1rem;display:inline-flex}.game-card-display .game-card-body .card-score span{font-family:var(--font-mono);color:gold;font-size:1rem;font-weight:700}.game-card-display .game-card-glow{pointer-events:none;background:radial-gradient(circle,#7c3aed33 0%,#0000 60%);width:100%;height:100%;position:absolute;top:-50%;right:-50%}.profile-stats{grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem;display:grid}@media (min-width:768px){.profile-stats{grid-template-columns:repeat(3,1fr)}}.stat-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:1rem;align-items:center;gap:1rem;padding:1.25rem;transition:all .3s;display:flex}.stat-card:hover{border-color:#ffffff1f;transform:translateY(-2px)}.stat-card.level-card{background:linear-gradient(135deg,#7c3aed26 0%,#06b6d41a 100%);border-color:#7c3aed33}.level-ring-large{flex-shrink:0;width:72px;height:72px;position:relative}.level-ring-large svg{width:100%;height:100%;transform:rotate(-90deg)}.level-ring-large svg .ring-bg{fill:none;stroke:#ffffff1a;stroke-width:6px}.level-ring-large svg .ring-progress{fill:none;stroke:var(--level-color,#7c3aed);stroke-width:6px;stroke-linecap:round;stroke-dasharray:264;filter:drop-shadow(0 0 8px var(--level-color,#7c3aed));transition:stroke-dashoffset .5s}.level-ring-large .level-num{font-family:var(--font-press);color:var(--level-color,#7c3aed);text-shadow:0 0 10px var(--level-color,#7c3aed);font-size:1.5rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stat-icon{background:#ffffff0d;border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.75rem;display:flex}.stat-icon.games{background:linear-gradient(135deg,#3b82f633,#3b82f61a)}.stat-icon.trophy{background:linear-gradient(135deg,#f59e0b33,#f59e0b1a)}.stat-info{flex-direction:column;gap:.15rem;display:flex}.stat-info .stat-label{font-family:var(--font-primary);color:#ffffff80;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.stat-info .stat-value{font-family:var(--font-primary);color:#fff;font-size:1.25rem;font-weight:700}.stat-info .stat-sub{font-family:var(--font-primary);color:#fff6;font-size:.8rem}.profile-content{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:1024px){.profile-content{grid-template-columns:1fr 1fr}}.card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #ffffff0f;border-radius:1rem;padding:1.5rem;transition:all .3s}.card:hover{border-color:#ffffff1f}.card .card-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.card .card-header h3{font-family:var(--font-primary);color:#fff;font-size:1.1rem;font-weight:600}.card-info .btn-icon{color:#ffffffb3;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:.5rem;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.card-info .btn-icon:hover{color:#fff;background:#ffffff1a;border-color:#ffffff40}.card-info .btn-icon.cancel:hover{color:#ef4444;border-color:#ef444480}.card-info .btn-icon.save:hover{color:#10b981;border-color:#10b98180}.card-info .btn-group{gap:.5rem;display:flex}.card-info .info-grid{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}@media (max-width:640px){.card-info .info-grid{grid-template-columns:1fr}}.card-info .info-item{flex-direction:column;gap:.5rem;display:flex}.card-info .info-item label{font-family:var(--font-primary);color:#ffffff80;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:500}.card-info .info-item span{font-family:var(--font-primary);color:#fff;font-size:1rem;font-weight:500}.card-info .info-item input{color:#fff;width:100%;font-family:var(--font-primary);background:#ffffff0d;border:1px solid #7c3aed4d;border-radius:.5rem;outline:none;padding:.6rem .75rem;font-size:1rem;transition:all .2s}.card-info .info-item input:focus{border-color:#7c3aed;box-shadow:0 0 0 2px #7c3aed33}.card-avatars .avatars-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}@media (min-width:768px){.card-avatars .avatars-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}}.card-avatars .avatar-option{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:50%;padding:3px;transition:all .3s;position:relative}.card-avatars .avatar-option img{border-radius:50%;width:100%;height:auto;display:block}.card-avatars .avatar-option:hover{border-color:#7c3aed80;transform:scale(1.05)}.card-avatars .avatar-option.selected{border-color:#06b6d4;box-shadow:0 0 20px #06b6d466}.card-avatars .avatar-option.selected .selected-check{opacity:1;transform:scale(1)}.card-avatars .avatar-option .selected-check{color:#fff;opacity:0;background:linear-gradient(135deg,#06b6d4,#7c3aed);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.7rem;font-weight:700;transition:all .3s;display:flex;position:absolute;bottom:0;right:0;transform:scale(.8);box-shadow:0 2px 8px #0000004d}.card-avatars .loading-text{text-align:center;color:#ffffff80;font-family:var(--font-primary);grid-column:1/-1;padding:2rem}.card-avatars .btn-update{color:#fff;width:100%;font-family:var(--font-primary);cursor:pointer;background:linear-gradient(135deg,#7c3aed,#06b6d4);border:none;border-radius:.75rem;padding:.85rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .3s}.card-avatars .btn-update:hover{transform:translateY(-2px);box-shadow:0 8px 25px #7c3aed66}.card-avatars .btn-update:active{transform:translateY(0)}.card-top-games .top-games-list{flex-direction:column;gap:.75rem;display:flex}.card-top-games .top-game-item{background:#ffffff08;border:1px solid #ffffff0f;border-radius:.75rem;align-items:center;gap:1rem;padding:.75rem;transition:all .2s;display:flex}.card-top-games .top-game-item:hover{background:#ffffff0f;border-color:#7c3aed4d}.card-top-games .game-rank{text-align:center;width:40px;font-size:1.5rem}.card-top-games .game-preview{border-radius:.5rem;flex-shrink:0;width:48px;height:64px;overflow:hidden}.card-top-games .game-preview .game-thumb{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.card-top-games .game-info{flex-direction:column;flex:1;gap:.25rem;display:flex}.card-top-games .game-info .game-name{font-family:var(--font-primary);color:#fff;font-size:.95rem;font-weight:600}.card-top-games .game-info .game-score{font-family:var(--font-mono);color:gold;font-size:.85rem}.card-top-games .empty-state{text-align:center;color:#fff6;font-family:var(--font-primary);padding:2rem;font-size:.9rem}.card-settings .settings-list{flex-direction:column;gap:.75rem;display:flex}.card-settings .setting-item{background:#ffffff08;border:1px solid #ffffff0f;border-radius:.75rem;justify-content:space-between;align-items:center;padding:1rem;transition:all .2s;display:flex}.card-settings .setting-item:hover{background:#ffffff0d}.card-settings .setting-item.danger{border-color:#ef444433}.card-settings .setting-item.danger:hover{background:#ef44440d;border-color:#ef444466}.card-settings .setting-info{align-items:center;gap:.75rem;display:flex}.card-settings .setting-icon{background:#ffffff0d;border-radius:.5rem;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.25rem;display:flex}.card-settings .setting-text{flex-direction:column;gap:.1rem;display:flex}.card-settings .setting-text .setting-name{font-family:var(--font-primary);color:#fff;font-size:.95rem;font-weight:500}.card-settings .setting-text .setting-desc{font-family:var(--font-primary);color:#fff6;font-size:.8rem}.card-settings .verified-badge{color:#fff;background:linear-gradient(135deg,#10b981,#06b6d4);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:700;display:flex;box-shadow:0 0 12px #10b98166}.card-settings .btn-logout{color:#ef4444;font-family:var(--font-primary);cursor:pointer;background:#ef44441a;border:1px solid #ef44444d;border-radius:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:500;transition:all .2s}.card-settings .btn-logout:hover{background:#ef444433;border-color:#ef4444}@media (max-width:640px){.profile-view{padding:1rem}.profile-header{padding:1.5rem}.avatar-ring{width:70px;height:70px}.profile-identity .profile-name{font-size:1.25rem}.profile-identity .profile-email{font-size:.8rem}.game-card-display{width:100%;min-width:auto}.profile-stats{gap:.75rem}.stat-card{padding:1rem}.stat-card.level-card{grid-column:1/-1}.level-ring-large{width:60px;height:60px}.level-ring-large .level-num{font-size:1.25rem}.stat-icon{width:44px;height:44px;font-size:1.25rem}.stat-info .stat-value{font-size:1.1rem}.stat-info .stat-sub{font-size:.75rem}.card{padding:1.25rem}.card-avatars .avatars-grid{grid-template-columns:repeat(4,1fr);gap:.75rem}.card-top-games .top-game-item{padding:.6rem}.card-top-games .game-rank{width:32px;font-size:1.25rem}.card-top-games .game-preview{width:40px;height:54px}.card-settings .setting-item{padding:.85rem}.card-settings .setting-icon{width:32px;height:32px;font-size:1rem}.card-settings .setting-text .setting-name{font-size:.9rem}.card-settings .setting-text .setting-desc{font-size:.75rem}}.container-privacy-policy{background:#fff;border-radius:8px;max-width:800px;margin:40px auto;padding:24px;font-family:Arial,sans-serif;box-shadow:0 4px 10px #0000001a}.container-terms-and-conditions{background:#fff;border-radius:8px;max-width:800px;margin:40px auto;padding:24px;font-family:Arial,sans-serif;box-shadow:0 4px 10px #0000001a}.title{text-align:center;color:#2c3e50;margin-bottom:16px;font-size:2rem;font-weight:700}.subtitle{color:#34495e;margin-top:24px;font-size:1.5rem;font-weight:700}.text{color:#555;margin-bottom:16px;font-size:1rem;line-height:1.6}.list{padding-left:20px;list-style-type:disc}.list li{color:#444;margin-bottom:8px}.link{color:#007bff;text-decoration:none}.link:hover{text-decoration:underline}.separator{border:1px solid #ddd;margin:24px 0}.effectiveDate{color:#777;font-size:.9rem}.footerText{text-align:center;color:#666;font-size:.85rem}.analytics-container{padding:var(--spacing-md);background:#6c54d2}@media (min-width:320px){.analytics-container{background:#6c54d2}}@media (min-width:375px){.analytics-container{background:#6c54d2}}@media (min-width:425px){.analytics-container{background:#6c54d2}}@media (min-width:600px){.analytics-container{background:#6c54d2}}@media (min-width:602px){.analytics-container{background:#6c54d2}}@media (min-width:768px){.analytics-container{background:#6c54d2}}@media (min-width:1024px){.analytics-container{background:#6c54d2}}@media (min-width:1440px){.analytics-container{background:url(/img/background/background-games.png)}}@media (min-width:2560px){.analytics-container{background:url(/img/background/background-games.png)}}.analytics-container{background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:auto}@media (min-width:320px){.analytics-container{height:auto}}@media (min-width:375px){.analytics-container{height:auto}}@media (min-width:425px){.analytics-container{height:auto}}@media (min-width:600px){.analytics-container{height:auto}}@media (min-width:602px){.analytics-container{height:auto}}@media (min-width:768px){.analytics-container{height:auto}}@media (min-width:1024px){.analytics-container{height:auto}}@media (min-width:1440px){.analytics-container{height:100%}}@media (min-width:2560px){.analytics-container{height:100%}}.analytics-container{flex-direction:column;gap:2%;display:flex}.analytics-container h2{justify-content:center;display:flex}.analytics-container li{align-items:center;gap:10px;list-style:none;display:flex}.analytics-container li button{font-size:var(--spacing-md);font-family:var(--font-secondary);cursor:pointer;background:0 0;border:none;font-size:1.5rem;font-weight:500}.analytics-container .charts-container{flex-direction:column;width:100%;display:flex}@media (min-width:320px){.analytics-container .charts-container{flex-direction:column}}@media (min-width:375px){.analytics-container .charts-container{flex-direction:column}}@media (min-width:425px){.analytics-container .charts-container{flex-direction:column}}@media (min-width:600px){.analytics-container .charts-container{flex-direction:column}}@media (min-width:602px){.analytics-container .charts-container{flex-direction:column}}@media (min-width:768px){.analytics-container .charts-container{flex-direction:column}}@media (min-width:1024px){.analytics-container .charts-container{flex-direction:column}}@media (min-width:1440px){.analytics-container .charts-container{flex-direction:row}}@media (min-width:2560px){.analytics-container .charts-container{flex-direction:row}}.analytics-container .charts-container{gap:20px;margin-top:20px}.container-landing{background-color:var(--background-color-1);padding:var(--spacing-lg);flex:1}.container-landing .title-bombas{justify-content:center;align-items:center;width:100%;display:flex}.container-landing .title-bombas img{width:100%}.container-landing .init-image{width:100%;padding:var(--spacing-xxl);justify-content:center;align-items:center;padding-top:0;display:flex}.container-landing .init-image img{width:100%}.container-landing .section-intervenir{width:100%;padding:var(--spacing-xxl);flex-direction:row;justify-content:space-evenly;align-items:center;padding-top:0;padding-bottom:0;display:flex}.container-landing .section-intervenir .text{font-size:var(--font-size-sxxl)}.container-landing .section-intervenir .text .dr-simi{color:#4886cd}.container-landing .section-intervenir .text .simi-planeta{color:#3bb285}.container-landing .simple-idea{width:100%;padding:var(--spacing-xxl);justify-content:space-between;align-items:center;padding-top:0;display:flex}.container-landing .simple-idea .text{font-size:var(--font-size-sxxl);width:50%;font-weight:570}.container-landing .simple-idea .image{width:40%}.container-landing .simple-idea .image img{width:100%}.container-landing .section-green{justify-content:center;align-items:center;width:100%;display:flex}.container-landing .section-green img{width:100%}.container-landing .green-section{background-color:#d4eede;flex-direction:column;width:100%;display:flex}.container-landing .green-section .montain-green{padding:var(--font-size-sxxl);margin-top:var(--spacing-lg);justify-content:space-between;display:flex}.container-landing .green-section .montain-green .image{justify-content:center;align-items:center;width:50%;display:flex}.container-landing .green-section .montain-green .image img{width:80%}.container-landing .green-section .montain-green .text{color:var(--color-secondary);font-family:var(--font-primary);font-weight:700;font-size:var(--font-size-sxxl);align-items:center;width:40%;display:flex}.container-landing .green-section .montain-green .text p{color:var(--color-secondary)}.container-landing .green-section .montain-green .text span{color:#3bb285}.container-landing .green-section .nacimiento-proyecto{padding:var(--spacing-xxl);flex-direction:row;justify-content:space-between;align-items:center;padding-top:0;padding-bottom:0;display:flex}.container-landing .green-section .nacimiento-proyecto .text{width:40%}.container-landing .green-section .nacimiento-proyecto .text p{margin-bottom:var(--spacing-xl)}.container-landing .green-section .nacimiento-proyecto p{color:var(--color-secondary);font-weight:600;font-size:var(--font-size-xxl);width:100%}.container-landing .green-section .nacimiento-proyecto p br{margin-top:var(--spacing-sm)}.container-landing .green-section .nacimiento-proyecto p span{font-family:var(--font-press);color:var(--color-secondary)}.container-landing .green-section .nacimiento-proyecto img{width:50%}.container-landing .green-section .section-subtitle{padding:var(--spacing-xxl);justify-content:center;align-items:center;padding-top:0;padding-bottom:0;display:flex}.container-landing .green-section .section-subtitle p{color:var(--color-secondary);font-family:var(--font-primary);text-align:center;font-weight:500;font-size:var(--font-size-xxl);margin-top:var(--spacing-lg);width:80%}.container-landing .green-section .section-subtitle p b{color:var(--color-secondary);font-weight:800}.container-landing .green-section .avion-section{padding:var(--spacing-xxl);justify-content:space-between;align-items:center;display:flex}.container-landing .green-section .avion-section .image{width:60%}.container-landing .green-section .avion-section .image img{width:100%}.container-landing .green-section .avion-section .text{width:50%}.container-landing .green-section .avion-section .text h3{color:var(--color-secondary);text-align:center;margin-bottom:var(--spacing-lg);font-size:var(--font-size-xxxl)}.container-landing .green-section .tv-section{width:100%;padding:var(--spacing-xxxl);justify-content:space-between;align-items:center;padding-top:0;padding-bottom:0;display:flex}.container-landing .green-section .tv-section .text{width:50%;color:var(--color-secondary);flex-direction:column;justify-content:center;align-items:center;display:flex}.container-landing .green-section .tv-section .text h2{color:var(--color-secondary);font-size:var(--font-size-xxxxl);text-align:center}.container-landing .green-section .tv-section .text h3{color:var(--color-secondary);font-size:var(--font-size-sxxl);text-align:center;font-weight:600}.container-landing .green-section .tv-section .text button{all:unset;cursor:pointer;background-color:var(--background-color-1);width:20%;color:var(--color-primary);margin-top:var(--spacing-lg);text-align:center;border-radius:.4rem;padding:.4rem 1rem}.container-landing .green-section .redes{width:100%;margin-top:var(--spacing-lg);flex-direction:row;justify-content:center;align-items:center;display:flex}.container-landing .green-section .redes img{width:70%}#montainGreenImg{opacity:0}@media only screen and (max-width:600px){.container-landing{padding:0}.container-landing .init-image{padding:0;padding:var(--spacing-lg)}.container-landing .section-intervenir{padding:var(--spacing-lg);flex-direction:column}.container-landing .section-intervenir .text{margin-top:var(--spacing-lg)}.container-landing .section-intervenir .text h3{font-size:var(--font-size-xxl);text-align:center}.container-landing .section-intervenir .image{justify-content:center;align-items:center;display:flex}.container-landing .section-intervenir .image img{width:60%}.container-landing .simple-idea{padding:var(--spacing-lg);flex-direction:column}.container-landing .simple-idea .image{width:100%}.container-landing .simple-idea .text{width:100%;margin-bottom:var(--spacing-xl)}.container-landing .simple-idea .text h3{font-size:var(--font-size-xxl);text-align:center}.container-landing .green-section .montain-green{flex-direction:column}.container-landing .green-section .montain-green .image,.container-landing .green-section .montain-green .text{width:100%}.container-landing .green-section .nacimiento-proyecto{padding:var(--spacing-lg);flex-direction:column}.container-landing .green-section .nacimiento-proyecto .text,.container-landing .green-section .nacimiento-proyecto img{width:100%}.container-landing .green-section .section-subtitle{padding:var(--spacing-lg)}.container-landing .green-section .section-subtitle p{text-align:left;width:100%}.container-landing .green-section .avion-section{padding:var(--spacing-lg);flex-direction:column}.container-landing .green-section .avion-section .image,.container-landing .green-section .avion-section .text{width:100%}.container-landing .green-section .avion-section .text h3{margin-bottom:var(--spacing-xxl)}.container-landing .green-section .tv-section{padding:var(--spacing-lg);flex-direction:column}.container-landing .green-section .tv-section .text{width:100%}.container-landing .green-section .tv-section .text h2{font-size:var(--font-size-xxl)}.container-landing .green-section .tv-section .tv{width:90%;margin-top:var(--spacing-lg)}.container-landing .green-section .tv-section .tv img{width:100%}.container-landing .green-section .redes{margin-bottom:var(--spacing-xxl)}.container-landing .green-section .redes img{width:90%}}.modal-overlay-competition{z-index:9999;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content-competition,.modal-content-notificaciones{text-align:center;background-color:#fff;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:500px;padding:20px;display:flex}.modal-content-competition h2,.modal-content-notificaciones h2{color:var(--color-secondary);font-family:var(--font-secondary);width:70%;margin-bottom:var(--spacing-md)}.modal-content-competition p,.modal-content-notificaciones p{color:var(--color-secondary)}.modal-content-competition .nav-competition,.modal-content-notificaciones .nav-competition{flex-direction:row;justify-content:space-between;width:100%;display:flex}.modal-content-competition .nav-competition img,.modal-content-notificaciones .nav-competition img{cursor:pointer;width:5%}.modal-content-competition .container-email-competencia,.modal-content-notificaciones .container-email-competencia{width:90%;margin-top:var(--spacing-xl);flex-direction:column;justify-content:flex-start;align-items:flex-start;display:flex}.modal-content-competition .container-email-competencia h3,.modal-content-notificaciones .container-email-competencia h3{color:var(--color-secondary);font-family:var(--font-press);font-size:var(--font-size-xs);margin-bottom:var(--spacing-md)}.modal-content-competition .container-email-competencia input,.modal-content-notificaciones .container-email-competencia input{all:unset;width:100%;color:var(--color-secondary);padding:var(--spacing-sm);font-family:var(--font-secondary);text-align:left;border:2px solid #000;border-radius:.3rem;display:flex}.modal-content-competition .container-toggle-score,.modal-content-notificaciones .container-toggle-score{width:70%;margin-top:var(--spacing-lg);flex-direction:row;justify-content:space-evenly;align-items:center;display:flex}.modal-content-competition .container-toggle-score .bottom-score,.modal-content-notificaciones .container-toggle-score .bottom-score{background-color:var(--background-color-1);padding:var(--spacing-sm);font-family:var(--font-secondary);cursor:pointer;border-radius:.4rem}.modal-content-competition .container-toggle-score .bottom-score p,.modal-content-notificaciones .container-toggle-score .bottom-score p{color:var(--color-primary)}.modal-content-competition .container-toggle-score .score-apuesta,.modal-content-notificaciones .container-toggle-score .score-apuesta{padding:var(--spacing-sm);border:2px solid #000;border-radius:.3rem;flex-direction:row;justify-content:space-evenly;align-items:center;display:flex}.modal-content-competition .competition-container,.modal-content-notificaciones .competition-container{width:100%}.modal-content-competition .competition-container .active-competition-title,.modal-content-notificaciones .competition-container .active-competition-title{color:var(--color-secondary);font-size:var(--font-size-md);margin-bottom:var(--spacing-md);font-family:var(--font-secondary)}.modal-content-competition .competition-container .active-competition-content,.modal-content-notificaciones .competition-container .active-competition-content{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;display:flex}.modal-content-competition .competition-container .active-competition-content .show-more,.modal-content-notificaciones .competition-container .active-competition-content .show-more{color:var(--color-secondary);font-size:var(--font-size-xs);margin-bottom:var(--spacing-md);font-family:var(--font-secondary)}.modal-content-competition .competition-container .active-competition-content .competition-card-container,.modal-content-notificaciones .competition-container .active-competition-content .competition-card-container{flex-direction:column;width:100%;min-height:auto;max-height:210px;display:flex;overflow-y:scroll}.modal-content-competition button,.modal-content-notificaciones button{background-color:var(--background-color-1);color:var(--color-primary);cursor:pointer;margin-top:var(--spacing-xl);font-family:var(--font-press);font-size:var(--font-size-sm);border:none;border-radius:.4rem;padding:.6rem 2rem}.modal-content-competition button:hover,.modal-content-notificaciones button:hover{background-color:#0056b3}.correo-valido input{border:2px solid green!important}.correo-invalido input{border:2px solid red!important}.modal-content-notificaciones h2{font-family:var(--font-secondary)}.modal-content-notificaciones .notificacion-container{flex-direction:column;width:100%;display:flex}.modal-content-notificaciones .notificacion-container .row-notificacion{width:100%;margin-bottom:var(--spacing-md);flex-direction:row;justify-content:space-evenly;align-items:center;display:flex}.modal-content-notificaciones .notificacion-container .row-notificacion .image-notificacion{width:10%}.modal-content-notificaciones .notificacion-container .row-notificacion .image-notificacion img{border-radius:1rem;width:100%}.modal-content-notificaciones .notificacion-container .row-notificacion .informacion-notificacion{flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.modal-content-notificaciones .notificacion-container .row-notificacion .informacion-notificacion h3{color:var(--color-secondary);font-size:var(--font-size-md);font-family:var(--font-secondary)}.modal-content-notificaciones .notificacion-container .row-notificacion .informacion-notificacion p{font-family:var(--font-secondary);font-size:var(--font-size-sm)}.modal-content-notificaciones .notificacion-container .row-notificacion .action-container{flex-direction:row;justify-content:space-between;width:15%;display:flex}.container-message-competition{flex-direction:column;align-items:center;width:100%;display:flex}.container-competition-creada h3{color:var(--color-secondary);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.modal-premios-overlay{z-index:9999;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-premios-overlay .modal-premios{background-color:var(--background-color-2);padding:var(--spacing-lg);border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;width:40%;display:flex}.modal-premios-overlay .modal-premios h2{color:var(--color-secondary);font-family:var(--font-press);text-align:center;width:70%;line-height:1.5}.modal-premios-overlay .modal-premios p{color:var(--color-secondary)}.modal-premios-overlay .modal-premios .img-container{justify-content:center;align-items:center;display:flex}.modal-premios-overlay .modal-premios .img-container img{width:100%}.modal-premios-overlay .modal-premios p{font-weight:500;font-size:var(--font-size-xl);margin-bottom:var(--spacing-lg)}.modal-premios-overlay .modal-premios button{all:unset;background-color:var(--background-color-1);padding:var(--spacing-sm);text-align:center;border-radius:.4rem;width:20%}@keyframes modal-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes modal-slide-in{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.custom-simple-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:9999;padding:var(--spacing-md);background:#0009;justify-content:center;align-items:center;animation:.2s ease-out modal-overlay-in;display:flex;position:fixed;inset:0}.custom-simple-modal{width:100%;min-width:320px;max-width:420px;padding:var(--spacing-xl);border:1px solid var(--color-border);text-align:center;font-family:var(--font-primary);background:linear-gradient(135deg,#1e143cf2,#140c2dfa);border-radius:1rem;animation:.3s ease-out modal-slide-in;box-shadow:0 8px 32px #0006,0 0 0 1px #7c3aed1a}.custom-simple-modal--warning{border-color:#ff98004d;box-shadow:0 8px 32px #0006,0 0 24px #ff980014}.custom-simple-modal--error{border-color:#f443364d;box-shadow:0 8px 32px #0006,0 0 24px #f4433614}.custom-simple-modal--success{border-color:#4caf504d;box-shadow:0 8px 32px #0006,0 0 24px #4caf5014}.custom-simple-modal--info{border-color:#06b6d44d;box-shadow:0 8px 32px #0006,0 0 24px #06b6d414}.custom-simple-modal__icon{width:56px;height:56px;margin:0 auto var(--spacing-md);border-radius:50%;justify-content:center;align-items:center;display:flex}.custom-simple-modal__icon svg{width:28px;height:28px}.custom-simple-modal__icon--warning{color:#ff9800;background:#ff980026}.custom-simple-modal__icon--error{color:#f44336;background:#f4433626}.custom-simple-modal__icon--success{color:#4caf50;background:#4caf5026}.custom-simple-modal__icon--info{color:#06b6d4;background:#06b6d426}.custom-simple-modal__title{margin:0 0 var(--spacing-sm);font-size:var(--font-size-xl);color:var(--color-primary);letter-spacing:-.01em;font-weight:700}.custom-simple-modal__message{font-size:var(--font-size-sm);color:#ffffffa6;margin:0;line-height:1.6}.custom-simple-modal__actions{margin-top:var(--spacing-lg);gap:var(--spacing-sm);justify-content:center;display:flex}.custom-simple-modal__btn{cursor:pointer;font-family:var(--font-primary);font-size:var(--font-size-sm);letter-spacing:.02em;border:none;border-radius:.6rem;padding:10px 24px;font-weight:600;transition:all .2s}.custom-simple-modal__btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.custom-simple-modal__btn:active{transform:translateY(0)}.custom-simple-modal__btn--warning{color:#fff;background:linear-gradient(135deg,#ff9800,#f57c00);box-shadow:0 4px 12px #ff98004d}.custom-simple-modal__btn--danger{color:#fff;background:linear-gradient(135deg,#f44336,#d32f2f);box-shadow:0 4px 12px #f443364d}.custom-simple-modal__btn--success{color:#fff;background:linear-gradient(135deg,#4caf50,#388e3c);box-shadow:0 4px 12px #4caf504d}.custom-simple-modal__btn--primary{color:#fff;background:linear-gradient(135deg,#7c3aed,#5b21b6);box-shadow:0 4px 12px #7c3aed4d}.custom-simple-modal__btn--info{color:#fff;background:linear-gradient(135deg,#06b6d4,#0891b2);box-shadow:0 4px 12px #06b6d44d}.custom-simple-modal__btn--default{background:var(--color-surface);color:var(--color-primary);border:1px solid var(--color-border);box-shadow:none}.game-launch-screen{z-index:999;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.launch-bg{z-index:0;position:absolute;inset:0}.launch-bg .launch-bg-game{filter:blur(8px)brightness(.4);pointer-events:none;border:none;width:100%;height:100%;transform:scale(1.05)}.launch-bg .launch-bg-overlay{background:linear-gradient(#00000080 0%,#140a28b3 50%,#000000d9 100%);position:absolute;inset:0}.launch-content{z-index:1;flex-direction:column;gap:2rem;width:100%;max-width:900px;padding:2rem;display:flex;position:relative}.launch-back{all:unset;cursor:pointer;color:#fffc;font-family:var(--font-primary);background:#ffffff1a;border:1px solid #ffffff26;border-radius:.5rem;align-items:center;gap:.5rem;width:fit-content;padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:all .25s;display:flex}.launch-back:hover{color:#fff;background:#ffffff26}.launch-back svg{color:inherit}.launch-game-info{align-items:flex-start;gap:2.5rem;display:flex}.launch-game-cover{flex-shrink:0;position:relative}.launch-game-cover .launch-cover-image{border:3px solid #ffffff26;border-radius:1.25rem;box-shadow:0 25px 80px #0009}.launch-game-cover .launch-cover-glow{z-index:-1;background:radial-gradient(circle,#7c3aed66 0%,#0000 70%);animation:2s ease-in-out infinite pulse-glow;position:absolute;inset:-30px}.launch-details{flex-direction:column;flex:1;justify-content:center;gap:1.5rem;display:flex}.launch-title{font-family:var(--font-primary);color:#fff;text-shadow:0 0 40px #7c3aed66;margin:0;font-size:2.5rem;font-weight:700;line-height:1.2}.launch-description{font-family:var(--font-primary);color:#ffffffb3;max-width:500px;margin:0;font-size:1.1rem;line-height:1.7}.launch-warning{background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:.5rem;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.launch-warning span{font-size:1.25rem}.launch-warning p{font-family:var(--font-primary);color:#f59e0b;margin:0;font-size:.85rem}.launch-play-btn{all:unset;cursor:pointer;font-family:var(--font-primary);letter-spacing:.05em;color:#fff;background:linear-gradient(135deg,#7c3aed,#06b6d4);border-radius:.85rem;justify-content:center;align-items:center;gap:.75rem;width:fit-content;margin-top:.5rem;padding:1.1rem 3rem;font-size:1.1rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 8px 30px #7c3aed66}.launch-play-btn:hover{transform:translateY(-3px);box-shadow:0 15px 50px #7c3aed80}.launch-play-btn:active{transform:translateY(-1px)}.launch-play-btn svg,.launch-play-btn span{color:#fff}@media (max-width:768px){.launch-content{gap:1.5rem;padding:1.5rem}.launch-game-info{text-align:center;flex-direction:column;align-items:center;gap:2rem}.launch-game-cover .launch-cover-image{width:200px;height:auto}.launch-details{align-items:center}.launch-title{font-size:1.75rem}.launch-description{font-size:1rem}.launch-play-btn{justify-content:center;width:100%}}@media (max-width:480px){.launch-content{padding:1rem}.launch-back{padding:.4rem .75rem;font-size:.8rem}.launch-game-cover .launch-cover-image{width:160px}.launch-title{font-size:1.35rem}.launch-description{font-size:.9rem}.launch-play-btn{padding:.85rem 2rem;font-size:.85rem}}@media (max-height:500px) and (orientation:landscape){.launch-content{gap:1rem;max-width:100%;padding:1rem 2rem}.launch-back{position:absolute;top:1rem;left:1rem}.launch-game-info{flex-direction:row;align-items:center;gap:2rem}.launch-game-cover .launch-cover-image{width:180px;height:auto}.launch-title{font-size:1.5rem}.launch-description{font-size:.9rem}.launch-play-btn{padding:.75rem 1.5rem;font-size:.85rem}}.container{width:100%;height:50px}.container .informationContainer{align-items:center;gap:10px;width:100%;height:100%;padding:5px;display:flex}.container .informationContainer .profilePicture{border-radius:50%;flex:1.8}.container .informationContainer .userCompetition{flex:14;justify-content:space-between;gap:10px;display:flex}.container .informationContainer .userCompetition .username{color:#000;font-weight:700}.container .informationContainer .userCompetition .competitionPointsContainer{flex-direction:row;align-items:center;display:flex}.container .informationContainer .userCompetition .competitionPointsContainer .competitionPoints{color:#000;font-size:12px;font-weight:700;font-family:var(--font-press)}.container .informationContainer .userCompetition .statusDefault{color:#6c757d;font-family:var(--font-press);font-size:12px}.container .informationContainer .userCompetition .statusWait{color:#ccc;font-family:var(--font-press);font-size:12px}.container .informationContainer .userCompetition .statusAccepted{color:#007bff;font-family:var(--font-press);font-size:12px}.container .informationContainer .userCompetition .statusRejected{color:#ff4d4d;font-family:var(--font-press);font-size:12px}.container .informationContainer .userCompetition .statusDraw{color:#ffc107;font-family:var(--font-press);font-size:12px}.container .informationContainer .userCompetition .statusWon{color:#28a745;font-family:var(--font-press);font-size:12px}.container .informationContainer .userCompetition .statusLost{color:#6c757d;font-family:var(--font-press);font-size:12px}.container .baseline{border-top:1px solid #6c757d;margin-left:16%;margin-right:5%}.top-games-chart-container{background:#4b359b;border-radius:.5rem;flex-direction:column;flex:1;gap:10px;width:100%;height:400px;padding:1rem;display:flex}.top-games-chart-container h3{font-size:.9em}@media (min-width:320px){.top-games-chart-container h3{font-size:.9em}}@media (min-width:375px){.top-games-chart-container h3{font-size:.9em}}@media (min-width:425px){.top-games-chart-container h3{font-size:1em}}@media (min-width:600px){.top-games-chart-container h3{font-size:1em}}@media (min-width:602px){.top-games-chart-container h3{font-size:1em}}@media (min-width:768px){.top-games-chart-container h3{font-size:1em}}@media (min-width:1024px){.top-games-chart-container h3{font-size:1em}}@media (min-width:1440px){.top-games-chart-container h3{font-size:1.17em}}@media (min-width:2560px){.top-games-chart-container h3{font-size:1.17em}}.user-login-chart-container{background:#4b359b;border-radius:.5rem;flex-direction:column;flex:1;gap:10px;width:100%;height:400px;padding:1rem;display:flex}.user-login-chart-container h3{font-size:.9em}@media (min-width:320px){.user-login-chart-container h3{font-size:.9em}}@media (min-width:375px){.user-login-chart-container h3{font-size:.9em}}@media (min-width:425px){.user-login-chart-container h3{font-size:1em}}@media (min-width:600px){.user-login-chart-container h3{font-size:1em}}@media (min-width:602px){.user-login-chart-container h3{font-size:1em}}@media (min-width:768px){.user-login-chart-container h3{font-size:1em}}@media (min-width:1024px){.user-login-chart-container h3{font-size:1em}}@media (min-width:1440px){.user-login-chart-container h3{font-size:1.17em}}@media (min-width:2560px){.user-login-chart-container h3{font-size:1.17em}}.user-login-chart-container .datapicker-container{flex-direction:column;display:flex}@media (min-width:320px){.user-login-chart-container .datapicker-container{flex-direction:column}}@media (min-width:375px){.user-login-chart-container .datapicker-container{flex-direction:column}}@media (min-width:425px){.user-login-chart-container .datapicker-container{flex-direction:row}}@media (min-width:600px){.user-login-chart-container .datapicker-container{flex-direction:row}}@media (min-width:602px){.user-login-chart-container .datapicker-container{flex-direction:row}}@media (min-width:768px){.user-login-chart-container .datapicker-container{flex-direction:row}}@media (min-width:1024px){.user-login-chart-container .datapicker-container{flex-direction:row}}@media (min-width:1440px){.user-login-chart-container .datapicker-container{flex-direction:row}}@media (min-width:2560px){.user-login-chart-container .datapicker-container{flex-direction:row}}.user-login-chart-container .datapicker-container{gap:5px}.user-login-chart-container .datapicker-container .datepicker-date{flex-direction:column;gap:5px;display:flex}.user-login-chart-container .datapicker-container .datapicker{background-color:#3e288d;border:1px solid #8a458c;border-radius:5px;padding:2px 3px}.user-login-chart-container .datapicker-container .fiter-button{background-color:#6047d0;border:none;border-radius:2px;width:fit-content;padding:5px 10px}.user-login-chart-container .datapicker-container .fiter-button:hover{cursor:pointer}.user-registrations-chart-container{background:#4b359b;border-radius:.5rem;flex-direction:column;flex:1;gap:10px;width:100%;height:400px;padding:1rem;display:flex}.user-registrations-chart-container h3{font-size:.9em}@media (min-width:320px){.user-registrations-chart-container h3{font-size:.9em}}@media (min-width:375px){.user-registrations-chart-container h3{font-size:.9em}}@media (min-width:425px){.user-registrations-chart-container h3{font-size:1em}}@media (min-width:600px){.user-registrations-chart-container h3{font-size:1em}}@media (min-width:602px){.user-registrations-chart-container h3{font-size:1em}}@media (min-width:768px){.user-registrations-chart-container h3{font-size:1em}}@media (min-width:1024px){.user-registrations-chart-container h3{font-size:1em}}@media (min-width:1440px){.user-registrations-chart-container h3{font-size:1.17em}}@media (min-width:2560px){.user-registrations-chart-container h3{font-size:1.17em}}.user-registrations-chart-container .datapicker-container{flex-direction:column;display:flex}@media (min-width:320px){.user-registrations-chart-container .datapicker-container{flex-direction:column}}@media (min-width:375px){.user-registrations-chart-container .datapicker-container{flex-direction:column}}@media (min-width:425px){.user-registrations-chart-container .datapicker-container{flex-direction:row}}@media (min-width:600px){.user-registrations-chart-container .datapicker-container{flex-direction:row}}@media (min-width:602px){.user-registrations-chart-container .datapicker-container{flex-direction:row}}@media (min-width:768px){.user-registrations-chart-container .datapicker-container{flex-direction:row}}@media (min-width:1024px){.user-registrations-chart-container .datapicker-container{flex-direction:row}}@media (min-width:1440px){.user-registrations-chart-container .datapicker-container{flex-direction:row}}@media (min-width:2560px){.user-registrations-chart-container .datapicker-container{flex-direction:row}}.user-registrations-chart-container .datapicker-container{gap:5px}.user-registrations-chart-container .datapicker-container .datepicker-date{flex-direction:column;gap:5px;display:flex}.user-registrations-chart-container .datapicker-container .datapicker{background-color:#3e288d;border:1px solid #8a458c;border-radius:5px;padding:2px 3px}.user-registrations-chart-container .datapicker-container .fiter-button{background-color:#6047d0;border:none;border-radius:2px;width:fit-content;padding:5px 10px}.user-registrations-chart-container .datapicker-container .fiter-button:hover{cursor:pointer}