@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Roboto+Mono:wght@400;700&display=swap";:root{--color-bg-main: #121212;--color-bg-card: #1E1E1E;--color-gold-primary: #D4AF37;--color-gold-bright: #FFD700;--color-text-light: #F5F5F5;--color-text-muted: #A0A0A0;--rank-divino: #FFD700;--rank-aureo: #D4AF37;--rank-spartan: #9C27B0;--rank-fitness: #2196F3;--rank-solido: #4CAF50;--rank-rookie: #FF9800;--rank-tank: #F44336;--font-serif: "Cinzel", serif;--font-mono: "Roboto Mono", monospace}body{margin:0;background-color:var(--color-bg-main);color:var(--color-text-light);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;justify-content:center;background-image:radial-gradient(circle at 50% 0%,rgba(212,175,55,.1) 0%,transparent 50%),linear-gradient(to bottom,#121212,#0a0a0a)}#root{width:100%;max-width:500px;padding:20px}h1,h2,h3{font-family:var(--font-serif);margin:0}.text-gold{color:var(--color-gold-primary)}.text-center{text-align:center}input,select{width:100%;padding:12px;margin-bottom:15px;background-color:#ffffff0d;border:1px solid rgba(212,175,55,.3);border-radius:8px;color:var(--color-text-light);font-size:16px;outline:none;transition:border-color .3s,box-shadow .3s;box-sizing:border-box}input:focus,select:focus{border-color:var(--color-gold-primary);box-shadow:0 0 10px #d4af3733}label{display:block;margin-bottom:5px;font-size:.85rem;color:var(--color-gold-primary);letter-spacing:1px;text-transform:uppercase}.btn-gold{width:100%;padding:15px;background:linear-gradient(135deg,var(--color-gold-primary),var(--color-gold-bright));border:none;border-radius:8px;color:#000;font-family:var(--font-serif);font-size:1.2rem;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #d4af374d}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d4af3766}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.05);filter:brightness(1.2)}}@media (max-width: 600px){.legend-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 400px){.legend-grid{grid-template-columns:1fr!important}}