@import url("https://fonts.googleapis.com/css2?family=Arvo:ital@1&display=swap");

/*! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*{scrollbar-color:auto;scrollbar-width:auto}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--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: }::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:rgba(59,130,246,.5);--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: }.text-game-large{font-size:1.5rem;letter-spacing:.025em;line-height:2rem;text-align:center;--tw-text-opacity:1;color:hsl(0 0% 94%/var(--tw-text-opacity));opacity:.8}.modal-overlay{align-items:center;display:flex;height:100vh;justify-content:center;left:0;position:absolute;top:0;transition-duration:.5s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100vw;z-index:200}.modal-content-base{align-items:center;border-radius:20px;border-width:1px;display:block;height:70%;justify-content:center;overflow:hidden;width:60%;--tw-bg-opacity:1;background-color:hsl(0 0% 8%/var(--tw-bg-opacity));text-align:center;--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.category-item-base{background-color:rgb(30 41 59/var(--tw-bg-opacity));border-radius:.5rem;cursor:pointer;--tw-bg-opacity:0.5;padding:.5rem 1rem;--tw-text-opacity:1;color:hsl(0 0% 94%/var(--tw-text-opacity));transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.category-item-base:hover{--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity))}.nav-section{align-content:center;align-items:center;background-color:transparent;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));height:auto;justify-content:stretch;padding:10px 1rem;position:relative;top:0;width:100%;z-index:100}.game-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));text-align:center}.hangman-container{height:20rem;margin:12rem auto auto;width:16rem}.word-section{height:19em;margin-right:8rem;margin-top:16rem}.popup-overlay{height:100vh;position:absolute;top:0;transition-duration:.5s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);visibility:collapse;width:100%;z-index:100}.gameover-modal,.popup-overlay{align-items:center;display:flex;justify-content:center}.gameover-modal{border-radius:1.5rem;height:60%;max-width:700px;min-width:500px;overflow:hidden;padding:2rem;position:relative;width:40%;--tw-text-opacity:1;background:linear-gradient(135deg,#0f172a,#1e293b 50%,#334155);border:2px solid #475569;box-shadow:0 25px 50px rgba(0,0,0,.5),0 0 100px rgba(71,85,105,.3);color:hsl(0 0% 94%/var(--tw-text-opacity))}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.z-10{z-index:10}.z-50{z-index:50}.col-cat-col{grid-column:2/span 1}.col-home-col{grid-column:3/span 1}.col-score-col{grid-column:1/span 1}.row-cont-row,.row-home-row{grid-row:1/span 1}.m-0{margin:0}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-0{margin-bottom:0}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.ml-auto{margin-left:auto}.mt-0{margin-top:0}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-\[26\%\]{height:26%}.h-\[2em\]{height:2em}.h-full{height:100%}.max-h-\[300px\]{max-height:300px}.w-\[80\%\]{width:80%}.w-full{width:100%}.max-w-md{max-width:28rem}.scale-95{--tw-scale-x:.95;--tw-scale-y:.95}.scale-95,.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))}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.gap-3{gap:.75rem}.overflow-y-auto{overflow-y:auto}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-slate-600{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity))}.bg-off-black{--tw-bg-opacity:1;background-color:hsl(0 0% 8%/var(--tw-bg-opacity))}.bg-slate-500{--tw-bg-opacity:1;background-color:rgb(100 116 139/var(--tw-bg-opacity))}.bg-slate-700{--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity))}.bg-opacity-90{--tw-bg-opacity:0.9}.p-6{padding:1.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.pt-6{padding-top:1.5rem}.text-center{text-align:center}.font-Arvo{font-family:Arvo,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.text-off-white{--tw-text-opacity:1;color:hsl(0 0% 94%/var(--tw-text-opacity))}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--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)}.blur-\[10px\]{--tw-blur:blur(10px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.scrollbar-thin{scrollbar-color:var(--scrollbar-thumb,initial) var(--scrollbar-track,initial)}.scrollbar-thin::-webkit-scrollbar-track{background-color:var(--scrollbar-track);border-radius:var(--scrollbar-track-radius)}.scrollbar-thin::-webkit-scrollbar-track:hover{background-color:var(--scrollbar-track-hover,var(--scrollbar-track))}.scrollbar-thin::-webkit-scrollbar-track:active{background-color:var(--scrollbar-track-active,var(--scrollbar-track-hover,var(--scrollbar-track)))}.scrollbar-thin::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:var(--scrollbar-thumb-radius)}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover,var(--scrollbar-thumb))}.scrollbar-thin::-webkit-scrollbar-thumb:active{background-color:var(--scrollbar-thumb-active,var(--scrollbar-thumb-hover,var(--scrollbar-thumb)))}.scrollbar-thin::-webkit-scrollbar-corner{background-color:var(--scrollbar-corner);border-radius:var(--scrollbar-corner-radius)}.scrollbar-thin::-webkit-scrollbar-corner:hover{background-color:var(--scrollbar-corner-hover,var(--scrollbar-corner))}.scrollbar-thin::-webkit-scrollbar-corner:active{background-color:var(--scrollbar-corner-active,var(--scrollbar-corner-hover,var(--scrollbar-corner)))}.scrollbar-thin{scrollbar-width:thin}.scrollbar-thin::-webkit-scrollbar{display:block;height:8px;width:8px}.scrollbar-track-transparent{--scrollbar-track:transparent!important}.scrollbar-thumb-slate-400{--scrollbar-thumb:#94a3b8!important}.back-video{bottom:0;min-height:100%;min-width:100%;-o-object-fit:cover;object-fit:cover;position:fixed;right:0;z-index:-1}.animated-stars{inset:0;overflow:hidden;position:absolute}.star{animation:pulse 3s infinite;background:#94a3b8;border-radius:50%;position:absolute}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.8}}.floating-planet{animation:float 8s infinite;border-radius:50%;box-shadow:0 0 20px rgba(71,85,105,.3),inset 0 0 15px rgba(148,163,184,.1);filter:blur(.5px);opacity:.6;position:absolute}.planet-1{animation-delay:0s;background:linear-gradient(135deg,#64748b,#1e293b);height:90px;left:60px;top:60px;width:90px}.planet-2{animation-delay:2s;background:linear-gradient(135deg,#321a0b,#7c2d12);right:100px;top:100px}.planet-2,.planet-3{height:70px;width:70px}.planet-3{animation-delay:4s;background:linear-gradient(135deg,#283007,#14532d);bottom:80px;left:80px}.floating-planet:before{animation:rotate 12s linear infinite;border:1px solid rgba(71,85,105,.2);border-radius:50%;content:"";inset:0;position:absolute;transform:rotateX(60deg) scale(1.5)}.floating-planet:after{background:rgba(148,163,184,.3);border-radius:50%;content:"";height:4px;left:12px;position:absolute;top:8px;width:4px}@keyframes float{0%,to{opacity:.6;transform:translateY(0) rotate(0deg)}50%{opacity:.8;transform:translateY(-20px) rotate(180deg)}}@keyframes rotate{0%{transform:rotateX(60deg) scale(1.5) rotate(0deg)}to{transform:rotateX(60deg) scale(1.5) rotate(1turn)}}.cosmic-content{margin:0 auto;max-width:512px;padding:32px;position:relative;text-align:center;z-index:10}.rocket-container{display:flex;justify-content:center;margin-bottom:12px;position:relative}.rocket-icon{filter:drop-shadow(0 0 15px rgba(148,163,184,.4));font-size:60px}.rocket-glow,.rocket-icon{animation:rocketPulse 4s infinite}.rocket-glow{background:rgba(148,163,184,.1);border-radius:50%;filter:blur(40px);inset:0;position:absolute;transform:scale(1.5)}@keyframes rocketPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.game-title{background:linear-gradient(90deg,#cbd5e1,#e2e8f0 50%,#94a3b8);-webkit-background-clip:text;background-clip:text;font-size:clamp(36px,6vw,60px)}.game-subtitle,.game-title{font-weight:700;-webkit-text-fill-color:transparent;letter-spacing:.1em;line-height:1}.game-subtitle{background:linear-gradient(90deg,#94a3b8,#e2e8f0 50%,#64748b);-webkit-background-clip:text;background-clip:text;font-size:clamp(24px,4vw,48px)}.game-description{color:#94a3b8;font-size:clamp(14px,1.5vw,18px);font-weight:300;letter-spacing:.05em}.action-button{align-items:center;border:none;border-radius:8px;box-shadow:0 8px 16px rgba(0,0,0,.2);cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;margin:8px 0;overflow:hidden;padding:12px 24px;position:relative;transform:scale(1);transition:all .3s ease}.action-button:hover{transform:scale(1.05)}.primary-button{background:linear-gradient(90deg,#475569,#1e293b);border:1px solid #64748b;color:#f1f5f9}.primary-button:hover{background:linear-gradient(90deg,#64748b,#475569);border-color:#94a3b8;box-shadow:0 12px 24px rgba(71,85,105,.25)}.secondary-button{background:transparent;border:2px solid #64748b;color:#cbd5e1}.secondary-button:hover{background:linear-gradient(90deg,#1e293b,#475569);border-color:#94a3b8;box-shadow:0 12px 24px rgba(71,85,105,.25);color:#f1f5f9}.button-shimmer{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1) 50%,transparent);inset:0;position:absolute;transform:translateX(-100%);transition:transform 1s ease}.action-button:hover .button-shimmer{transform:translateX(100%)}.button-icon{font-size:20px}.button-text{position:relative;z-index:10}.mission-subtitle{color:#64748b;font-size:14px;font-weight:300;letter-spacing:.05em}.cosmic-particles{inset:0;pointer-events:none;position:absolute}.particle{animation:particlePing 6s infinite;border-radius:50%;height:4px;position:absolute;width:4px}.particle-1{animation-delay:0s;background:#94a3b8;left:25%;top:25%}.particle-2{animation-delay:2s;background:#64748b;right:25%;top:75%}.particle-3{animation-delay:4s;background:#475569;left:75%;top:50%}@keyframes particlePing{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.5)}}@keyframes shootingStar{0%{opacity:0;transform:translateX(-100px) translateY(100px)}50%{opacity:1}to{opacity:0;transform:translateX(100px) translateY(-100px)}}.shooting-star{animation:shootingStar 3s linear infinite;background:#cbd5e1;height:2px;position:absolute;width:2px}*{box-sizing:border-box;margin:0;padding:0}.blur-out{animation:blur-out .5s ease-out forwards;--tw-blur:blur(0)}.blur-in,.blur-out{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-in{animation:blur-in .5s ease-out forwards;--tw-blur:blur(10px)}.blur-over{animation:blur-in .5s ease-in forwards;--tw-blur:blur(2px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-down{animation:drop-down .3s ease-out forwards}.list{border-radius:.75rem;max-height:13rem;overflow-x:hidden;overflow-y:scroll;position:absolute;width:100%;z-index:10;--tw-bg-opacity:1;background-color:rgb(100 116 139/var(--tw-bg-opacity));scrollbar-color:var(--scrollbar-thumb,initial) var(--scrollbar-track,initial)}.list::-webkit-scrollbar-track{background-color:var(--scrollbar-track);border-radius:var(--scrollbar-track-radius)}.list::-webkit-scrollbar-track:hover{background-color:var(--scrollbar-track-hover,var(--scrollbar-track))}.list::-webkit-scrollbar-track:active{background-color:var(--scrollbar-track-active,var(--scrollbar-track-hover,var(--scrollbar-track)))}.list::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:var(--scrollbar-thumb-radius)}.list::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover,var(--scrollbar-thumb))}.list::-webkit-scrollbar-thumb:active{background-color:var(--scrollbar-thumb-active,var(--scrollbar-thumb-hover,var(--scrollbar-thumb)))}.list::-webkit-scrollbar-corner{background-color:var(--scrollbar-corner);border-radius:var(--scrollbar-corner-radius)}.list::-webkit-scrollbar-corner:hover{background-color:var(--scrollbar-corner-hover,var(--scrollbar-corner))}.list::-webkit-scrollbar-corner:active{background-color:var(--scrollbar-corner-active,var(--scrollbar-corner-hover,var(--scrollbar-corner)))}.list{scrollbar-width:thin}.list::-webkit-scrollbar{display:block;height:8px;width:8px}.list{--scrollbar-track:transparent;--scrollbar-thumb:#fff}ul li{align-items:center;cursor:pointer;display:flex;height:1.75rem;justify-content:center;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}ul li:hover{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.home-container .home-button{align-items:center;border-radius:9999px;border-width:2px;cursor:pointer;display:flex;height:3rem;justify-content:center;margin-right:5%;margin-top:1rem;width:3rem;--tw-border-opacity:1;background-color:transparent;border-color:rgb(71 85 105/var(--tw-border-opacity));--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--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);transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.home-container .home-button:hover{--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));--tw-border-opacity:1;border-color:rgb(148 163 184/var(--tw-border-opacity))}.home-container .home-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,rgba(30,41,59,.8),rgba(71,85,105,.8));box-shadow:0 8px 16px rgba(0,0,0,.3);overflow:hidden;position:relative}.home-container .home-button:before{content:"🏠";filter:drop-shadow(0 0 10px rgba(148,163,184,.6));font-size:18px}.home-container .home-button:after{background:rgba(148,163,184,.1);border-radius:50%;content:"";filter:blur(20px);inset:0;position:absolute;transform:scale(1.5);z-index:-1}@keyframes homeGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.home-container .home-button:after{animation:homeGlow 3s infinite}.guesses-left span{display:block;font-size:18px;padding-bottom:.75rem;padding-top:.75rem;width:auto;--tw-text-opacity:1;color:hsl(0 0% 94%/var(--tw-text-opacity));opacity:1}.l{display:none}.pole_h{height:10px;width:160px}.pole_h,.pole_v{background:#fff;left:46px;position:relative}.pole_v{height:330px;width:10px}.rope{background-color:#fff;bottom:330px;height:40px;left:180px;position:relative;width:7px}.skeleton-head{background-image:url(../Images/Victim/head3.png);bottom:332px;height:44.4px;left:168px;position:relative;width:32px}.skeleton-upper{background-image:url(../Images/Victim/body3.png);bottom:334.5px;height:115px;left:147px;position:relative;width:73px}.skeleton-rightarm{background-image:url(../Images/Victim/rightarm3.png);bottom:433px;height:127px;left:109px;position:relative;width:50px}.skeleton-leftarm{background-image:url(../Images/Victim/leftarm3.png);bottom:560px;height:128px;left:212px;position:relative;width:48px}.skeleton-rightleg{background-image:url(../Images/Victim/rightleg3.png);bottom:602px;left:157px}.skeleton-leftleg,.skeleton-rightleg{height:150px;position:relative;width:22px}.skeleton-leftleg{background-image:url(../Images/Victim/leftleg2.png);bottom:753px;left:188px}.letter{align-items:center;border-bottom:3px solid #f5f5f5;color:#f5f5f5;display:inline-flex;font-size:30px;height:50px;justify-content:center;margin:0 3px;width:20px}.wrong-letters-container span{font-size:1.25rem;letter-spacing:.5em;line-height:1.75rem;--tw-text-opacity:1;color:hsl(0 0% 94%/var(--tw-text-opacity))}@media (min-width:768px){.wrong-letters-container span{font-size:1.875rem;line-height:2.25rem}}.word-container span{height:2.25rem}.notification-container{background-color:rgba(0,0,0,.3);border-radius:10px 10px 0 0;bottom:-120px;display:none;padding:15px 1.25rem;position:relative;transition-duration:.3s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.show{display:block;transform:translateY(-50px)}.gameover-stars{inset:0;overflow:hidden;position:absolute;z-index:1}.gameover-stars .star{animation-duration:4s;background:linear-gradient(45deg,#cbd5e1,#94a3b8,#64748b)}.gameover-planet{animation-duration:10s;opacity:.4}.gameover-planet.planet-1{height:60px;left:10%;top:15%;width:60px}.gameover-planet.planet-2{height:45px;right:15%;top:20%;width:45px}.gameover-planet.planet-3{bottom:20%;height:50px;left:15%;width:50px}.gameover-content{align-items:center;flex-direction:column;height:100%;margin:0 auto;max-width:600px;padding:32px;text-align:center;z-index:10}.gameover-content,.status-icon-container{display:flex;justify-content:center;position:relative}.status-icon-container{margin-bottom:16px}.status-icon{filter:drop-shadow(0 0 20px rgba(148,163,184,.6));font-size:80px}.status-glow,.status-icon{animation:statusPulse 3s infinite;transition:all .5s ease}.status-glow{border-radius:50%;filter:blur(60px);inset:0;position:absolute;transform:scale(1.8)}@keyframes statusPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.gameover-title{background:linear-gradient(90deg,#cbd5e1,#e2e8f0 50%,#94a3b8);-webkit-background-clip:text;background-clip:text;font-size:clamp(32px,5vw,48px);margin:0}.gameover-subtitle,.gameover-title{font-weight:700;-webkit-text-fill-color:transparent;letter-spacing:.1em;line-height:1;transition:all .5s ease}.gameover-subtitle{background:linear-gradient(90deg,#94a3b8,#e2e8f0 50%,#64748b);-webkit-background-clip:text;background-clip:text;font-size:clamp(20px,3vw,32px);margin:0 0 12px}.status-description{color:#94a3b8;font-size:clamp(14px,1.2vw,16px);font-weight:300;letter-spacing:.05em;margin-bottom:24px;transition:all .5s ease}.reveal-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(30,41,59,.3);border:1px solid #475569;border-radius:12px;margin:20px 0;padding:16px 24px}.reveal-word-text{color:#e2e8f0;font-size:clamp(18px,2vw,24px);font-weight:500;letter-spacing:.05em;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3)}.gameover-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:24px}.cosmic-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,rgba(30,41,59,.8),rgba(71,85,105,.8));border:2px solid #64748b;border-radius:8px;box-shadow:0 8px 16px rgba(0,0,0,.3);color:#e2e8f0;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;min-width:80px;overflow:hidden;padding:12px 20px;position:relative;transform:scale(1);transition:all .3s ease}.cosmic-button:hover{background:linear-gradient(135deg,rgba(71,85,105,.9),rgba(148,163,184,.8));border-color:#94a3b8;box-shadow:0 12px 24px rgba(71,85,105,.4);transform:scale(1.05)}.cosmic-button .button-icon{font-size:16px}.cosmic-button .button-text{font-size:12px;font-weight:600;letter-spacing:.05em}.gameover-particles{inset:0;pointer-events:none;position:absolute;z-index:2}.gameover-particles .particle{animation-duration:8s}.particle-4{animation-delay:1s;background:#e2e8f0;left:20%;top:30%}.particle-5{animation-delay:3s;background:#cbd5e1;right:30%;top:60%}.particle-6{animation-delay:5s;background:#94a3b8;bottom:30%;left:60%}.success-state .status-icon{color:#22c55e}.success-state .status-glow{background:rgba(34,197,94,.3)}.success-state .gameover-title{background:linear-gradient(90deg,#22c55e,#16a34a 50%,#15803d);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.success-state .gameover-subtitle{background:linear-gradient(90deg,#16a34a,#22c55e 50%,#15803d);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.success-state .status-description{color:#16a34a}.success-state .gameover-content{border-color:#22c55e}.failure-state .status-icon{color:#ef4444}.failure-state .status-glow{background:rgba(239,68,68,.3)}.failure-state .gameover-title{background:linear-gradient(90deg,#ef4444,#dc2626 50%,#b91c1c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.failure-state .gameover-subtitle{background:linear-gradient(90deg,#dc2626,#ef4444 50%,#b91c1c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.failure-state .status-description{color:#dc2626}.failure-state .gameover-content{border-color:#ef4444}.disable-animations *{transform:none!important;transition:none!important}.disable-animations *,.disable-animations .floating-planet,.disable-animations .particle,.disable-animations .star,.disable-animations .status-glow,.disable-animations .status-icon{animation:none!important}.disable-animations .home-button:after{animation:none!important;filter:none!important}.disable-animations .button-shimmer{transform:none!important;transition:none!important}.popup-overlay.disable-animations{transition:none!important}.popup-overlay.disable-animations .gameover-modal{transform:none!important;transition:none!important}.popup-overlay.disable-animations .gameover-content *{animation:none!important;transition:none!important}@media (max-width:4000px){.guesses-left span{font-size:28px!important}}@media (max-width:1024px){.modal-content-base{height:auto!important;margin:auto!important;max-height:80vh!important;max-width:500px!important;padding:30px 5px!important;width:90%!important}.action-button{margin:8px 0!important;max-width:200px!important;min-height:50px!important;width:100%!important}.home-container{align-self:center;justify-self:start}.category{align-self:center;justify-self:center;text-align:center}.guesses-left{align-self:center;justify-self:end;text-align:right}.guesses-left span{font-size:28px!important}.game-layout{margin-top:40px!important}.hangman-container{margin-top:60px auto!important}}@media (max-width:768px){.game-layout{display:block!important;margin-top:60px!important;padding:10px}.hangman-container{height:250px!important;margin:80px auto 40px!important;position:relative;transform:scale(.8);width:200px!important}.word-section{height:auto!important;margin:60px auto auto!important;padding:0 10px}.home-container{align-self:center;justify-self:start;margin:0!important}.home-container .home-button{height:40px!important;margin:0!important;width:40px!important}.category{align-self:center;flex:1;justify-self:center;margin:0!important;text-align:center}.text-game-large{font-size:1.5rem!important}.guesses-left{align-self:center;font-size:.9rem!important;justify-self:end;text-align:right}.guesses-left span{font-size:20px!important}.word-container{flex-wrap:wrap;gap:5px;height:auto!important;justify-content:center;margin:15px 0}.letter{font-size:18px!important;height:35px!important;margin:0 2px;width:25px!important}.wrong-letters-container{flex-wrap:wrap;font-size:1.2rem!important;height:auto!important;min-height:50px;padding:10px 0}.pole_h{width:120px!important}.pole_h,.pole_v{left:40px!important}.pole_v{height:200px!important}.rope{bottom:200px!important;height:30px!important;left:135px!important}.skeleton-head{bottom:202px!important;left:123px!important}.skeleton-upper{bottom:204px!important;left:102px!important}.skeleton-rightarm{bottom:300px!important;left:160px!important;transform:rotate(-25deg)!important}.skeleton-leftarm{bottom:425px!important;left:70px!important;transform:rotate(25deg)!important}.skeleton-rightleg{bottom:470px!important;left:112px!important}.skeleton-leftleg{bottom:550px!important;left:141px!important}.modal-content-base{height:auto!important;margin:auto!important;max-height:85vh!important;max-width:400px!important;padding:25px 15px!important;width:95%!important}.cosmic-content{padding:20px!important}.action-button{align-items:center!important;box-sizing:border-box!important;display:flex!important;font-size:16px!important;justify-content:center!important;margin:8px 0!important;max-width:100px!important;padding:12px 24px!important}.action-button,.category-button,.start-game{min-height:50px!important;width:100%!important}.category-button,.start-game{max-width:200px!important}.gameover-modal{height:90%!important;min-width:300px!important;padding:15px!important;width:95%!important}.cosmic-button{font-size:12px!important;gap:6px;min-width:70px;padding:10px 16px}.cosmic-button .button-text{font-size:10px}.cosmic-button .button-icon{font-size:14px}.gameover-buttons{flex-wrap:wrap;gap:12px;justify-content:center}.notification-container{bottom:20px;left:20px;position:fixed;right:20px;z-index:200}.game-title{font-size:clamp(28px,8vw,48px)!important}.game-subtitle{font-size:clamp(20px,6vw,36px)!important}}@media (max-width:480px){.modal-content-base{height:auto!important;margin:auto!important;max-height:80vh!important;max-width:350px!important;padding:20px 15px!important;width:95%!important}.game-layout{margin-top:0!important}.hangman-container{height:200px!important;margin:20px auto 0!important;transform:scale(.7)!important;width:160px!important}.word-section{margin:50px auto auto!important}.pole_h{width:100px!important}.pole_h,.pole_v{left:30px!important}.pole_v{height:170px!important}.rope{bottom:170px!important;height:25px!important;left:115px!important}.skeleton-head{bottom:172px!important;left:103px!important}.skeleton-upper{bottom:174px!important;left:82px!important}.skeleton-rightarm{bottom:275px!important;left:138px!important;transform:rotate(-25deg)!important}.skeleton-leftarm{bottom:400px!important;left:52px!important;transform:rotate(25deg)!important}.skeleton-rightleg{bottom:440px!important;left:88px!important}.skeleton-leftleg{bottom:465px!important;left:145px!important}.letter{font-size:16px!important;height:30px!important;width:20px!important}.wrong-letters-container{font-size:1rem!important;margin-top:25px!important}.home-container .home-button{height:35px!important;width:35px!important}}.onscreen-keyboard-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(0deg,rgba(15,23,42,.95) 0,rgba(15,23,42,.8) 70%,transparent);bottom:0;left:0;padding:20px;position:fixed;right:0;transform:translateY(100%);transition:transform .3s ease-in-out;z-index:150}.onscreen-keyboard-overlay.show{transform:translateY(0)}.onscreen-keyboard{background:linear-gradient(135deg,#0f172a,#1e293b 50%,#334155);border:2px solid #475569;border-radius:15px;box-shadow:0 25px 50px rgba(0,0,0,.5),0 0 50px rgba(71,85,105,.3);margin:0 auto;max-width:600px;overflow:hidden;padding:20px;position:relative}.onscreen-keyboard:before{background:radial-gradient(circle at 50% 50%,rgba(148,163,184,.1) 0,transparent 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.keyboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px;position:relative;z-index:1}.keyboard-title{color:#f8fafc;font-size:1.2rem;font-weight:700;margin:0;text-shadow:0 0 10px rgba(248,250,252,.3)}.keyboard-close{align-items:center;background:rgba(71,85,105,.5);border:1px solid #64748b;border-radius:50%;color:#f8fafc;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:35px;justify-content:center;position:relative;transition:all .2s ease;width:35px;z-index:1}.keyboard-close:hover{background:rgba(239,68,68,.7);border-color:#ef4444;transform:scale(1.1)}.keyboard-grid{position:relative;z-index:1}.keyboard-row{gap:8px;margin-bottom:10px}.keyboard-key,.keyboard-row{display:flex;justify-content:center}.keyboard-key{align-items:center;background:linear-gradient(135deg,#475569,#334155);border:2px solid #64748b;border-radius:8px;color:#f8fafc;cursor:pointer;font-size:16px;font-weight:700;height:45px;overflow:hidden;position:relative;transition:all .2s ease;-moz-user-select:none;user-select:none;-webkit-user-select:none;width:45px;-webkit-tap-highlight-color:transparent}.keyboard-key:before{background:rgba(148,163,184,.3);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .3s,height .3s;width:0}.keyboard-key:active:before,.keyboard-key:hover:before{height:100px;width:100px}.keyboard-key:hover{background:linear-gradient(135deg,#64748b,#475569);border-color:#94a3b8;box-shadow:0 5px 15px rgba(0,0,0,.3);transform:translateY(-2px)}.keyboard-key:active{box-shadow:0 2px 5px rgba(0,0,0,.2);transform:translateY(0)}.keyboard-key.disabled{background:linear-gradient(135deg,#374151,#1f2937);border-color:#4b5563;box-shadow:none!important;color:#6b7280;cursor:not-allowed;transform:none!important}.keyboard-key.disabled:before{display:none}.keyboard-key.correct{animation:correctPulse .6s ease-in-out;background:linear-gradient(135deg,#10b981,#059669);border-color:#34d399}.keyboard-key.wrong{animation:wrongShake .6s ease-in-out;background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#f87171}@keyframes correctPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes wrongShake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.word-container{cursor:pointer;position:relative;transition:all .2s ease}.word-container:hover{transform:translateY(-2px)}.word-container:after{background:rgba(15,23,42,.9);border-radius:6px;bottom:-25px;color:#cbd5e1;font-size:12px;left:50%;opacity:0;padding:4px 12px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s ease;white-space:nowrap;z-index:10}@media (hover:hover) and (pointer:fine){.word-container:after{display:none}}@media (hover:none) and (pointer:coarse){.word-container:after{opacity:.8}}@media (max-width:768px){.onscreen-keyboard{margin:0 10px;padding:15px}.keyboard-key{font-size:14px;height:38px;width:38px}.keyboard-row{gap:6px}.keyboard-title{font-size:1rem}}@media (max-width:480px){.onscreen-keyboard{padding:12px}.keyboard-key{font-size:12px;height:32px;width:32px}.keyboard-row{gap:4px}}.hover\:bg-slate-600:hover{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity))}