:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;background-color:#1a1726;color:#ffffffe6}body{margin:0;min-height:100vh;display:flex;justify-content:center}#app{max-width:1200px;margin:2rem;padding:2rem}h1{text-align:center;color:gold;font-size:2.5rem;margin-bottom:2rem;text-shadow:0 0 10px rgba(255,215,0,.3)}.characters-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;padding:1rem}.character-card{background:#ffffff1a;border-radius:12px;padding:1.5rem;transition:transform .2s,box-shadow .2s;border:1px solid rgba(255,255,255,.1)}.character-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px #ffd70033}.character-card h2{color:gold;margin:0 0 1rem;font-size:1.5rem}.character-card p{margin:.5rem 0;color:#fffc}