* { margin:0; padding:0; box-sizing:border-box; }

body { background:#2c1810; font-family:monospace; display:flex; justify-content:center; align-items:center; min-height:100vh; padding:2rem; }

.pixel-card { max-width:550px; background:#2b1d14; border:4px solid #f97316; border-radius:28px; padding:1.5rem; box-shadow:6px 6px 0 #1a0f0a; }

.pixel-header { text-align:center; border-bottom:2px dashed #f97316; padding-bottom:0.8rem; margin-bottom:1rem; }
.pixel-header h1 { color:#ffb347; text-align:center; }
.pixel-header p { color:#f97316; font-size:0.8rem; }

.btn-voltar {
    display: inline-block;
    background: #b45309;
    color: #ffb347;
    text-decoration: none;
    padding: 0.5rem 1.2rem;
    border-radius: 40px;
    font-weight: bold;
    font-size: 0.8rem;
    margin-top: 0.8rem;
    border: 1px solid #f97316;
    transition: all 0.2s;
}
.btn-voltar:hover { background:#f97316; color:#2c1810; }

.art-area { background:#24160e; text-align:center; border-radius:32px; padding:1rem; }
.art-area img { width:200px; image-rendering:pixelated; }

.pokemon-name { background:#b45309; display:inline-block; padding:0.3rem 1.5rem; border-radius:60px; color:#ffe0b3; font-size:1.8rem; }
.type-badge { background:#9b4a1a; border-radius:32px; padding:0.2rem 1rem; color:#ffe0a3; }

.description { background:#21130c; border-left:5px solid #f97316; border-radius:16px; padding:0.8rem; margin:1rem 0; color:#ffdaa8; }

.matchup-title { color:#ffa559; margin-top:0.8rem; border-left:3px solid #fb8b2c; padding-left:8px; }
.badge-list { display:flex; flex-wrap:wrap; gap:8px; }
.type-tag { background:#352418; padding:4px 12px; border-radius:18px; border:1px solid #f97924; font-size:0.75rem; }
.type-strong { background:#8b5a2b; }
.type-weak { background:#a03a2c; }

.footer { text-align:center; margin-top:1rem; color:#bd8a62; }

.form-section {
    margin-top: 1.5rem;
    background: #21130c;
    padding: 1rem;
    border-radius: 20px;
}
.form-group { margin-bottom: 1rem; }
.form-group label { display: block; color: #ffa559; font-size: 0.8rem; margin-bottom: 0.3rem; font-weight: bold; }
.form-group input { width: 100%; padding: 0.5rem; border-radius: 12px; border: 1px solid #f97316; background: #2b1d14; color: #fff; font-family: monospace; }
.form-group input:focus { outline: none; border-color: #ffb347; }
.btn-enviar { background: #f97316; color: #2c1810; border: none; padding: 0.5rem 1rem; border-radius: 40px; font-weight: bold; cursor: pointer; font-family: monospace; width: 100%; }
.btn-enviar:hover { background: #ffb347; }