*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f0f13;--bg-card:#1a1a24;--bg-card-hover:#22222f;--border:#2a2a3a;--text:#c8c8d4;--text-muted:#8888a0;--text-heading:#eeeef4;--pokemon-red:#e74044;--pokemon-red-bg:#e740441f;--pokemon-red-border:#e7404466;--scp-green:#3aba6e;--scp-green-bg:#3aba6e1f;--scp-green-border:#3aba6e66;--correct:#4ade80;--correct-bg:#4ade801f;--incorrect:#f87171;--incorrect-bg:#f871711f;--accent:#8b5cf6;--accent-bg:#8b5cf61f;--accent-border:#8b5cf666;--shadow:0 4px 24px #0006;--radius:12px;--radius-sm:8px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.5}body{min-height:100dvh}#root{flex-direction:column;min-height:100dvh;display:flex}button{cursor:pointer;border:none;outline:none;font-family:inherit}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.footer{text-align:center;max-width:520px;color:var(--text-muted);margin:0 auto;padding-top:32px;padding-bottom:8px;font-size:.75rem;line-height:1.5}.footer p{margin:0 0 8px}.footer-disclaimer{opacity:.7;font-size:.7rem}.app{flex-direction:column;align-items:center;min-height:100dvh;padding:24px;display:flex}.app-content{flex:1;justify-content:center;align-items:center;width:100%;display:flex}.start-screen{text-align:center;max-width:520px}.start-screen h1{color:var(--text-heading);letter-spacing:-1px;margin-bottom:8px;font-size:3rem;font-weight:800}.start-screen h1 .pokemon{color:var(--pokemon-red)}.start-screen h1 .scp{color:var(--scp-green)}.start-screen .subtitle{color:var(--text-muted);margin-bottom:32px;font-size:1.15rem}.start-screen .description{color:var(--text-muted);margin-bottom:36px;font-size:.9rem;line-height:1.6}.btn-play{border-radius:var(--radius);color:#fff;background:var(--accent);padding:14px 48px;font-size:1.1rem;font-weight:600;transition:transform .15s,box-shadow .15s}.btn-play:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf659}.game-screen{flex-direction:column;align-items:center;gap:24px;width:100%;max-width:600px;display:flex}.game-header{width:100%;color:var(--text-muted);justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.score{color:var(--text-heading);font-weight:600}.progress{font-variant-numeric:tabular-nums}.description-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);width:100%;box-shadow:var(--shadow);padding:32px 28px}.description-card .label{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);margin-bottom:16px;font-size:.75rem;font-weight:600;display:inline-block}.description-card .text{color:var(--text-heading);font-size:1.1rem;font-style:italic;line-height:1.7}.guess-buttons{grid-template-columns:1fr 1fr;gap:16px;width:100%;display:grid}.btn-guess{border-radius:var(--radius);border:2px solid #0000;padding:16px 24px;font-size:1.05rem;font-weight:700;transition:transform .12s,border-color .2s,background .2s}.btn-guess:hover{transform:translateY(-2px)}.btn-guess.pokemon{color:var(--pokemon-red);background:var(--pokemon-red-bg);border-color:var(--pokemon-red-border)}.btn-guess.pokemon:hover{background:#e7404433}.btn-guess.scp{color:var(--scp-green);background:var(--scp-green-bg);border-color:var(--scp-green-border)}.btn-guess.scp:hover{background:#3aba6e33}.reveal-section{flex-direction:column;align-items:center;gap:20px;width:100%;display:flex}.result-banner{text-align:center;border-radius:var(--radius);width:100%;padding:14px;font-size:1.1rem;font-weight:700}.result-banner.correct{color:var(--correct);background:var(--correct-bg);border:1px solid #4ade8040}.result-banner.incorrect{color:var(--incorrect);background:var(--incorrect-bg);border:1px solid #f8717140}.reveal-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);width:100%;box-shadow:var(--shadow);flex-direction:column;align-items:center;gap:16px;padding:28px;display:flex}.reveal-card .creature-image{object-fit:contain;border-radius:var(--radius-sm);width:160px;height:160px}.reveal-card .creature-image.scp-logo{filter:invert();width:120px;height:120px}.reveal-card .creature-name{color:var(--text-heading);font-size:1.3rem;font-weight:700}.category-badge{text-transform:uppercase;letter-spacing:1px;border-radius:100px;padding:6px 16px;font-size:.8rem;font-weight:600;display:inline-block}.type-badges{gap:8px;display:flex}.type-badge{text-transform:uppercase;letter-spacing:1px;color:#fff;border-radius:100px;padding:6px 16px;font-size:.8rem;font-weight:600;display:inline-block}.category-badge.scp{color:var(--scp-green);background:var(--scp-green-bg);border:1px solid var(--scp-green-border)}.btn-next{border-radius:var(--radius);color:#fff;background:var(--accent);padding:12px 40px;font-size:1rem;font-weight:600;transition:transform .15s,box-shadow .15s}.btn-next:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf659}.end-screen{text-align:center;max-width:480px}.end-screen h2{color:var(--text-heading);margin-bottom:8px;font-size:2rem;font-weight:800}.end-screen .final-score{color:var(--accent);font-variant-numeric:tabular-nums;margin:24px 0 8px;font-size:3.5rem;font-weight:800}.end-screen .score-label{color:var(--text-muted);margin-bottom:12px;font-size:1rem}.end-screen .score-message{color:var(--text);margin-bottom:32px;font-size:1.1rem}.btn-restart{border-radius:var(--radius);color:#fff;background:var(--accent);padding:14px 44px;font-size:1.05rem;font-weight:600;transition:transform .15s,box-shadow .15s}.btn-restart:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf659}@media (width<=480px){.app{padding:16px}.start-screen h1{font-size:2rem}.description-card{padding:24px 20px}.description-card .text{font-size:1rem}.guess-buttons{grid-template-columns:1fr}.btn-guess{padding:14px 20px}.reveal-card .creature-image{width:120px;height:120px}.end-screen .final-score{font-size:2.5rem}}@media (width>=481px) and (width<=768px){.start-screen h1{font-size:2.5rem}.description-card{padding:28px 24px}}