html,body,#root{width:100%;min-height:100%;margin:0}body{min-width:320px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app{box-sizing:border-box;background:#fff8df;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:24px;display:flex}.character-card{box-sizing:border-box;background:#fff;border:3px solid #1f1f1f;border-radius:8px;flex-direction:column;align-items:center;gap:20px;width:min(100%,420px);padding:32px 28px;display:flex;box-shadow:8px 8px #1f1f1f}.character-image{aspect-ratio:1;object-fit:contain;width:100%;max-width:280px;display:block}.character-card h1{color:#1f1f1f;margin:0;font-size:40px;font-weight:800;line-height:1.1}