@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--pokemon-red: #FF0000;--pokemon-blue: #3B4CCA;--pokemon-yellow: #FFDE00;--pokemon-white: #F8F8F8;--pokemon-black: #2A2A2A;--pokemon-dark-grey: #4A4A4A;--pokemon-light-grey: #D4D4D4;--pokemon-cream: #FFF4E0;--pokemon-green: #00A651;--screen-bg: #9BBC0F;--screen-dark: #0F380F;--screen-mid: #306230;--screen-light: #8BAC0F;--pixel-font: "Press Start 2P", cursive}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--pixel-font);background-color:var(--pokemon-cream);color:var(--pokemon-black);image-rendering:pixelated;image-rendering:crisp-edges;line-height:1.6}body:before{content:"";position:fixed;inset:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.02) 2px,rgba(0,0,0,.02) 4px);pointer-events:none;z-index:0}.app-container{min-height:100vh;display:flex;flex-direction:column}main{flex-grow:1;display:flex;justify-content:center;align-items:center;padding:2rem 1rem}.main-nav{background:linear-gradient(180deg,var(--pokemon-red) 0%,#CC0000 100%);padding:1.5rem;text-align:center;border-bottom:6px solid var(--pokemon-black);box-shadow:inset 0 -3px #0000004d}.main-nav h1{font-family:var(--pixel-font);font-size:1.2rem;color:var(--pokemon-yellow);text-transform:uppercase;letter-spacing:2px;text-shadow:3px 3px 0 var(--pokemon-black),-1px -1px 0 var(--pokemon-black),1px -1px 0 var(--pokemon-black),-1px 1px 0 var(--pokemon-black),1px 1px 0 var(--pokemon-black)}.game-area{background-color:var(--pokemon-white);padding:2rem;width:90%;max-width:650px;text-align:center;display:flex;flex-direction:column;gap:1.5rem;border:8px solid var(--pokemon-black);border-radius:16px;box-shadow:0 0 0 4px var(--pokemon-dark-grey),0 8px 0 var(--pokemon-black),0 8px 30px #00000080;position:relative}.game-area:before,.game-area:after{content:"";position:absolute;width:16px;height:16px;background:radial-gradient(circle,var(--pokemon-dark-grey) 0%,var(--pokemon-dark-grey) 40%,var(--pokemon-black) 40%,var(--pokemon-black) 100%);border-radius:50%;box-shadow:inset 1px 1px 2px #000c}.game-area:before{top:15px;left:15px}.game-area:after{top:15px;right:15px}.game-area h1{font-family:var(--pixel-font);font-size:1.3rem;color:var(--pokemon-red);text-transform:uppercase;letter-spacing:2px;text-shadow:3px 3px 0 var(--pokemon-yellow),4px 4px 0 var(--pokemon-black);margin-bottom:0}.game-stats{display:flex;justify-content:space-around;align-items:center;gap:1rem;font-size:.65rem;flex-wrap:wrap}.attempts-counter,.char-length{background:linear-gradient(180deg,var(--pokemon-cream) 0%,var(--pokemon-light-grey) 100%);border:4px solid var(--pokemon-black);border-radius:8px;padding:.6rem 1rem;font-family:var(--pixel-font);color:var(--pokemon-black);box-shadow:inset 0 2px #ffffff80,3px 3px 0 var(--pokemon-dark-grey);flex:1;min-width:140px}.pokemon-sprite{width:240px;height:240px;align-self:center;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;transition:filter .4s ease-in-out;background:linear-gradient(135deg,var(--screen-bg) 0%,var(--screen-light) 100%);border:8px solid var(--pokemon-black);border-radius:12px;padding:25px;box-shadow:inset 0 0 0 4px var(--pokemon-dark-grey),inset 0 0 50px #0000004d,0 8px 0 var(--pokemon-black),0 8px 20px #0006;position:relative}.pokemon-sprite:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0px,transparent 2px,rgba(0,0,0,.05) 2px,rgba(0,0,0,.05) 4px);pointer-events:none;border-radius:4px}.pokemon-sprite.attempts-0{filter:blur(1rem) brightness(.7)}.pokemon-sprite.attempts-1{filter:blur(.5rem) brightness(.85)}.pokemon-sprite.attempts-2{filter:blur(.25rem) brightness(.92)}.pokemon-sprite.attempts-3{filter:blur(.12) brightness(.96)}.pokemon-sprite.revealed{filter:blur(0px) brightness(1);transform:scale(1.05);box-shadow:inset 0 0 0 4px var(--pokemon-yellow),inset 0 0 50px #ffde004d,0 8px 0 var(--pokemon-black),0 8px 30px #ff000080}.game-area form{display:flex;flex-direction:column;gap:1rem;width:100%}.game-area input[type=text]{font-family:var(--pixel-font);font-size:.75rem;padding:1rem;background:linear-gradient(180deg,var(--pokemon-white) 0%,var(--pokemon-cream) 100%);border:4px solid var(--pokemon-black);border-radius:8px;color:var(--pokemon-black);text-align:center;text-transform:uppercase;box-shadow:inset 2px 2px 4px #0003,3px 3px 0 var(--pokemon-dark-grey);transition:all .2s ease}.game-area input[type=text]:focus{outline:none;background:linear-gradient(180deg,var(--pokemon-yellow) 0%,#FFE55C 100%);border-color:var(--pokemon-red);box-shadow:inset 2px 2px 4px #0000001a,0 0 0 4px var(--pokemon-yellow)}.game-area input[type=text]:disabled{background:linear-gradient(180deg,var(--pokemon-light-grey) 0%,#AAAAAA 100%);color:var(--pokemon-dark-grey);cursor:not-allowed;border-color:var(--pokemon-dark-grey)}.game-area .guess-btn{font-family:var(--pixel-font);font-size:.85rem;background:linear-gradient(180deg,var(--pokemon-red) 0%,#CC0000 100%);color:var(--pokemon-white);border:4px solid var(--pokemon-black);border-radius:50px;padding:1rem 2rem;cursor:pointer;text-transform:uppercase;letter-spacing:2px;position:relative;box-shadow:inset 0 -3px #0000004d,inset 0 2px #ffffff4d,0 6px 0 var(--pokemon-black),0 6px 15px #0006;transition:all .1s ease;text-shadow:2px 2px 0 rgba(0,0,0,.5)}.game-area .guess-btn:hover:not(:disabled){background:linear-gradient(180deg,#f33,red);transform:translateY(2px);box-shadow:inset 0 -3px #0000004d,inset 0 2px #ffffff4d,0 4px 0 var(--pokemon-black),0 4px 10px #0006}.game-area .guess-btn:active:not(:disabled){transform:translateY(6px);box-shadow:inset 0 2px 4px #00000080,0 0 0 var(--pokemon-black)}.game-area .guess-btn:disabled{background:linear-gradient(180deg,var(--pokemon-dark-grey) 0%,#333333 100%);color:var(--pokemon-light-grey);cursor:not-allowed;box-shadow:0 4px 0 var(--pokemon-black),0 4px 10px #0000004d}.hints-container{background:linear-gradient(180deg,var(--pokemon-cream) 0%,var(--pokemon-white) 100%);border:6px solid var(--pokemon-black);border-radius:12px;padding:1.25rem;color:var(--pokemon-black);line-height:1.8;font-size:.65rem;text-align:left;box-shadow:inset 3px 3px #0000001a,3px 3px 0 var(--pokemon-dark-grey);position:relative}.hints-container:before{content:"";position:absolute;top:-18px;left:20px;width:20px;height:20px;background:radial-gradient(circle,var(--pokemon-green) 0%,#007700 100%);border-radius:50%;border:3px solid var(--pokemon-black);box-shadow:inset -2px -2px 4px #00000080,0 0 10px #00a651cc}.hints-container p{margin-bottom:.8rem;position:relative;padding-left:1.2rem}.hints-container p:before{content:"▶";position:absolute;left:0;color:var(--pokemon-red);font-size:.7rem}.hints-container p:last-child{margin-bottom:0}.win-message,.lose-message{font-family:var(--pixel-font);font-size:.85rem;font-weight:400;padding:1.2rem 1.5rem;border-radius:12px;text-transform:uppercase;letter-spacing:1px;text-shadow:2px 2px 0 rgba(0,0,0,.5);border:6px solid var(--pokemon-black);position:relative}.win-message{background:linear-gradient(135deg,var(--pokemon-yellow) 0%,#FFE55C 100%);color:var(--pokemon-black);box-shadow:inset 0 2px #ffffff80,0 6px 0 var(--pokemon-black),0 6px 20px #ffde0099}.win-message:before{content:"★";position:absolute;left:20px;top:50%;transform:translateY(-50%);font-size:1.2rem;color:var(--pokemon-red)}.lose-message{background:linear-gradient(135deg,var(--pokemon-dark-grey) 0%,#333333 100%);color:var(--pokemon-white);box-shadow:inset 0 2px #fff3,0 6px 0 var(--pokemon-black),0 6px 20px #00000080}.main-footer{background:linear-gradient(180deg,var(--pokemon-black) 0%,#1a1a1a 100%);color:var(--pokemon-light-grey);text-align:center;padding:2rem 1rem;font-size:.6rem;border-top:6px solid var(--pokemon-red);box-shadow:inset 0 3px #ffffff1a}.main-footer p{margin-bottom:1rem;text-shadow:1px 1px 0 rgba(0,0,0,.8)}.social-links{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.social-links a{color:var(--pokemon-white);text-decoration:none;padding:.6rem 1.2rem;border:3px solid var(--pokemon-white);border-radius:8px;transition:all .2s ease;text-shadow:1px 1px 0 rgba(0,0,0,.8);background:linear-gradient(180deg,var(--pokemon-dark-grey) 0%,#2a2a2a 100%);box-shadow:inset 0 1px #fff3,2px 2px #00000080}.social-links a:hover{background:linear-gradient(180deg,var(--pokemon-red) 0%,#CC0000 100%);border-color:var(--pokemon-yellow);transform:translateY(-2px);box-shadow:inset 0 1px #ffffff4d,0 4px 8px #ff000080}.social-links a:active{transform:translateY(0);box-shadow:inset 0 2px 4px #00000080}@media (min-width: 900px){.main-nav h1{font-size:1.6rem}.game-area{max-width:1200px;padding:2.5rem 3rem;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto 1fr auto;gap:1.5rem 2.5rem;text-align:left}.game-area h1{grid-column:1 / -1;font-size:1.8rem;text-align:center}.game-stats{grid-column:1 / -1;font-size:.7rem}.pokemon-sprite{grid-column:1;grid-row:3 / 5;width:100%;max-width:450px;height:auto;aspect-ratio:1;justify-self:center;align-self:center}.game-area form{grid-column:2;grid-row:3;align-self:start}.game-area input[type=text]{font-size:.8rem;padding:1.1rem}.game-area .guess-btn{font-size:.9rem;padding:1.1rem 2.5rem}.hints-container{grid-column:2;grid-row:4;font-size:.7rem;padding:1.5rem;align-self:start}.win-message,.lose-message{grid-column:1 / -1;font-size:1rem;padding:1.5rem 2rem;text-align:center}.main-footer{font-size:.65rem}}@media (min-width: 600px) and (max-width: 899px){.main-nav h1{font-size:1.4rem}.game-area{padding:2.5rem;max-width:700px}.game-area h1{font-size:1.5rem}.pokemon-sprite{width:300px;height:300px}.game-area form{flex-direction:row;align-items:center}.game-area input[type=text]{flex-grow:1;font-size:.8rem}.game-area .guess-btn{font-size:.9rem}.hints-container{font-size:.7rem;padding:1.5rem}.game-stats{font-size:.7rem}.main-footer{font-size:.65rem}}