@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap";:root{--color-bg-deep: #0a0a1a;--color-bg-main: #0f0f23;--color-bg-card: #141428;--color-bg-elevated: #1a1a2e;--color-bg-input: #0d0d20;--color-pokedex-red: #CC0000;--color-pokedex-dark: #1a1a2e;--color-screen-green: #7fff00;--color-gold: #FFD700;--color-electric: #F8D030;--color-fire: #F08030;--color-water: #6890F0;--color-grass: #78C850;--color-psychic: #F85888;--color-accent: #CC0000;--color-accent-soft: rgba(204, 0, 0, .15);--color-text: #d4d4d4;--color-text-bright: #f0f0f0;--color-text-dim: #888;--color-text-muted: #555;--color-border: #2a2a4e;--color-border-dim: #1e1e3a;--color-border-bright: #3a3a6a;--color-correct: #7fff00;--color-incorrect: #CC0000;--color-warning: #F8D030;--font-display: "Press Start 2P", monospace;--font-body: "VT323", monospace;--transition-fast: .12s ease;--transition-normal: .25s ease;--scanline-opacity: .03;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--color-bg-deep);color:var(--color-text);min-height:100vh;min-width:320px;line-height:1.4;font-size:18px;letter-spacing:.02em;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='%23CC0000' stroke='%23222' stroke-width='2'/%3E%3Cline x1='2' y1='12' x2='22' y2='12' stroke='%23222' stroke-width='3'/%3E%3Ccircle cx='12' cy='12' r='4' fill='white' stroke='%23222' stroke-width='2'/%3E%3C/svg%3E") 12 12,auto}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,var(--scanline-opacity)) 2px,rgba(0,0,0,var(--scanline-opacity)) 4px)}#root{min-height:100vh;width:100%;position:relative}h1,h2,h3{font-family:var(--font-display);font-weight:400;line-height:1.6;letter-spacing:.04em}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg-deep)}::-webkit-scrollbar-thumb{background:var(--color-pokedex-red);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ff1a1a}::selection{background:var(--color-pokedex-red);color:#fff}.container{max-width:640px;margin:0 auto;padding:1.5rem}.btn{font-family:var(--font-display);font-size:.65rem;padding:12px 20px;border:3px solid transparent;border-radius:0;cursor:pointer;font-weight:400;text-transform:uppercase;letter-spacing:.08em;transition:all var(--transition-fast);position:relative;outline:none;image-rendering:pixelated}.btn:after{content:"";position:absolute;bottom:-3px;right:-3px;width:100%;height:100%;border:3px solid;border-color:inherit;opacity:.3;z-index:-1;transition:transform var(--transition-fast)}.btn:hover{transform:translate(-2px,-2px);filter:brightness(1.15)}.btn:hover:after{transform:translate(4px,4px)}.btn:active{transform:translate(1px,1px)}.btn:active:after{transform:translate(0)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none;filter:none}.btn:disabled:after{display:none}.btn-primary{background:var(--color-pokedex-red);color:#fff;border-color:#f33}.btn-primary:after{border-color:#f33}.btn-secondary{background:var(--color-bg-elevated);color:var(--color-text);border-color:var(--color-border)}.btn-secondary:after{border-color:var(--color-border)}.btn-gold{background:var(--color-gold);color:#0a0a1a;border-color:#ffed4a}.btn-gold:after{border-color:#ffed4a}.btn-danger{background:#8b0000;color:#fff;border-color:#c00}.card{background:var(--color-bg-card);border:3px solid var(--color-border);border-radius:0;padding:1.5rem;position:relative}.card-screen{background:var(--color-bg-card);border:4px solid var(--color-border-bright);outline:3px solid var(--color-border-dim);outline-offset:3px;padding:1.5rem;position:relative}.pokeball-divider{display:flex;align-items:center;gap:12px;margin:24px 0;opacity:.3}.pokeball-divider:before,.pokeball-divider:after{content:"";flex:1;height:2px;background:var(--color-border)}.pokeball-divider:before{margin-left:0}.pokeball-divider:after{margin-right:0}.hp-bar-track{width:100%;height:8px;background:#1a1a2e;border:2px solid #333;position:relative}.hp-bar-fill{height:100%;transition:width .4s ease,background-color .3s ease}.hp-bar-fill--high{background:var(--color-screen-green)}.hp-bar-fill--mid{background:var(--color-electric)}.hp-bar-fill--low{background:var(--color-pokedex-red)}.feedback-correct{color:var(--color-correct);font-family:var(--font-display);font-size:.7rem;letter-spacing:.06em}.feedback-incorrect{color:var(--color-incorrect);font-family:var(--font-display);font-size:.7rem;letter-spacing:.06em}.feedback-already{color:var(--color-warning);font-family:var(--font-display);font-size:.7rem;letter-spacing:.06em}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pokemon-bob{0%{transform:translateY(0) scale(1)}to{transform:translateY(-16px) scale(1.07)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes crtFlicker{0%{opacity:1}3%{opacity:.95}6%{opacity:1}7%{opacity:.92}9%{opacity:1}to{opacity:1}}@keyframes holoShimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes glowPulse{0%,to{box-shadow:0 0 8px #cc00004d}50%{box-shadow:0 0 20px #c009}}@keyframes pixelReveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.animate-pop{animation:pop .3s ease-out}.animate-shake{animation:shake .4s ease-out}.animate-fadeIn{animation:fadeIn .3s ease-out}.animate-slideUp{animation:slideUp .5s ease-out}.animate-blink{animation:blink 1s step-end infinite}.animate-flicker{animation:crtFlicker 4s infinite}.stagger-1{animation:slideUp .5s ease-out .1s both}.stagger-2{animation:slideUp .5s ease-out .2s both}.stagger-3{animation:slideUp .5s ease-out .3s both}.stagger-4{animation:slideUp .5s ease-out .4s both}.stagger-5{animation:slideUp .5s ease-out .5s both}.stagger-6{animation:slideUp .5s ease-out .6s both}.holo-card{position:relative;overflow:hidden;transition:transform .2s ease}.holo-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 0%,rgba(255,215,0,.05) 25%,rgba(104,144,240,.08) 40%,rgba(120,200,80,.05) 55%,rgba(248,88,136,.08) 70%,rgba(248,208,48,.05) 85%,transparent 100%);background-size:200% 200%;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:1}.holo-card:hover:before{opacity:1;animation:holoShimmer 3s ease infinite}.holo-card:hover{transform:translateY(-4px)}.text-box{font-family:var(--font-display);font-size:.6rem;line-height:2;letter-spacing:.06em;color:var(--color-text);position:relative;padding-left:1.2em}.text-box:before{content:"▶";position:absolute;left:0;animation:blink .8s step-end infinite;color:var(--color-gold)}.section-title{font-family:var(--font-display);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-gold);border-bottom:2px solid var(--color-border);padding-bottom:8px;margin-bottom:16px}.pixel-border{border:4px solid;border-image:linear-gradient(to bottom right,var(--color-border-bright),var(--color-border-dim)) 1}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:20px;padding:24px;background-color:var(--color-bg-deep);animation:crtFlicker 4s infinite}.loading-pokeball{display:inline-block;animation:spin 1s linear infinite;filter:drop-shadow(0 0 12px rgba(204,0,0,.5))}.loading-title{font-family:var(--font-display);font-size:.9rem;color:var(--color-gold);margin:0;letter-spacing:.08em}.loading-text{font-family:var(--font-body);font-size:1.2rem;color:var(--color-text-dim);margin:0;letter-spacing:.06em}.progress-bar-container{width:300px;max-width:100%;height:10px;background:var(--color-bg-elevated);border:2px solid var(--color-border);overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-pokedex-red),var(--color-fire));transition:width .3s ease;position:relative}.progress-bar-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(-45deg,transparent,transparent 4px,rgba(255,255,255,.1) 4px,rgba(255,255,255,.1) 8px)}.progress-percent{font-family:var(--font-display);font-size:.55rem;color:var(--color-text-dim);font-variant-numeric:tabular-nums;letter-spacing:.06em}.loading-error{font-family:var(--font-body);color:var(--color-pokedex-red);margin:0;font-size:1.1rem;padding:12px 20px;background:#cc00001a;border:2px solid rgba(204,0,0,.4);max-width:340px;text-align:center}.not-found-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px;padding:24px;text-align:center}.not-found-code{font-family:var(--font-display);font-size:clamp(3rem,16vw,6rem);color:var(--color-pokedex-red);line-height:1;margin:0;text-shadow:0 0 40px rgba(204,0,0,.4)}.not-found-title{font-family:var(--font-display);font-size:.75rem;color:var(--color-text-bright);margin:0;letter-spacing:.06em}.not-found-subtitle{font-family:var(--font-body);color:var(--color-text-dim);margin:0;font-size:1.2rem}.screen-glow{box-shadow:inset 0 0 30px #7fff0008,0 0 40px #00000080}.crt-screen{position:relative;overflow:hidden}.crt-screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 1px,rgba(0,0,0,.04) 1px,rgba(0,0,0,.04) 3px);pointer-events:none}.gameboy-frame{border:4px solid var(--color-border-bright);box-shadow:inset 0 0 0 3px var(--color-bg-deep),inset 0 0 0 5px var(--color-border-dim),0 4px 20px #0006}.pokedex-scan{position:relative;overflow:hidden}.pokedex-scan:after{content:"";position:absolute;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--color-screen-green),transparent);animation:scanline 2.5s linear infinite;pointer-events:none;opacity:.5}.guess-grid{display:flex;flex-direction:column;gap:4px;width:100%;overflow-x:auto}.guess-header-row,.guess-row{display:flex;gap:4px;align-items:center;min-width:fit-content}:root{--col-w: clamp(56px, 7vw, 68px);--col-type-w: clamp(90px, 11vw, 108px);--col-label-w: 140px}.guess-row-label{font-family:var(--font-body);font-size:1.4rem;color:var(--color-text-bright);width:var(--col-label-w);min-width:var(--col-label-w);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;padding-right:10px;flex-shrink:0}.guess-header-label{width:var(--col-label-w);min-width:var(--col-label-w);flex-shrink:0}.guess-cell{width:var(--col-w);height:var(--col-w);display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid var(--color-border);font-family:var(--font-body);font-size:1.3rem;gap:2px;flex-shrink:0;transition:background-color .15s;text-align:center;padding:3px;overflow:hidden}.guess-cell--type-col,.guess-header-cell--type-col{width:var(--col-type-w);min-width:var(--col-type-w)}.guess-cell--correct{background:#7fff002e;border-color:var(--color-correct);color:var(--color-correct)}.guess-cell--close{background:#f8d03026;border-color:var(--color-warning);color:var(--color-warning)}.guess-cell--wrong{background:#cc00001f;border-color:var(--color-pokedex-red);color:var(--color-pokedex-red)}.guess-cell--empty{background:var(--color-bg-deep);border-color:var(--color-border-dim);opacity:.4}.guess-cell-arrow{font-size:1rem;line-height:1}.guess-header-cell{width:var(--col-w);height:36px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:.35rem;color:var(--color-text-dim);text-align:center;flex-shrink:0;letter-spacing:0em}@keyframes flipIn{0%{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}.guess-row--animate{animation:flipIn .3s ease-out both}.attempt-dots{display:flex;gap:6px;justify-content:center}.attempt-dot{width:12px;height:12px;border-radius:50%;border:2px solid var(--color-border-bright);background:transparent}.attempt-dot--used{background:var(--color-pokedex-red);border-color:var(--color-pokedex-red)}.daily-badge{font-family:var(--font-body);font-size:1rem;color:var(--color-correct);margin-left:8px}