body{color:#e0e0e0;background:#0a0a0a;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}.app-container{background:#0a0a0a;justify-content:center;min-height:100vh;padding:20px 10px;display:flex}.character-card{background:#111;border-radius:16px;width:100%;max-width:1100px;padding:20px 15px;box-shadow:0 0 40px #000000e6}.header{text-align:center;margin-bottom:25px}.char-name{color:#fff;letter-spacing:1px;margin:0 0 4px;font-size:2.4rem;font-weight:900}.char-role{display:none}.attributes-grid{grid-template-columns:repeat(5,1fr);gap:8px;margin:20px 0;display:grid}.attribute-box{text-align:center;background:#1a1a1a;border:2px solid #334155;border-radius:10px;padding:8px 6px;transition:all .2s}.attr-label{color:#94a3b8;margin-bottom:4px;font-size:.7rem;font-weight:700}.attr-value{margin-bottom:6px;font-size:1.55rem;font-weight:700}.attr-btn{border-radius:8px;width:32px;height:32px;font-size:1.2rem}.edge-pool{margin-bottom:12px;padding:14px 12px}.minor-actions{margin-bottom:12px;padding:14px}.monitors{flex-direction:column;gap:18px;margin-bottom:20px;display:flex}.monitor-row{gap:6px}.monitor-box{width:32px;height:32px}.bottom-grid{grid-template-columns:1fr;gap:12px;display:grid}.bottom-button{padding:16px;font-size:1.05rem}@media (width>=768px){.app-container{padding:40px 20px}.character-card{padding:30px}.attributes-grid{grid-template-columns:repeat(10,1fr)}.monitors,.bottom-grid{grid-template-columns:1fr 1fr}}