.account-main { max-width: 900px; }
.account-card { width: min(100%, 620px); margin: 20px auto; background: rgba(24,29,51,.88); border:1px solid var(--border-color); border-radius:var(--radius-lg); padding:30px; box-shadow:0 18px 60px rgba(0,0,0,.28); backdrop-filter:blur(14px); }
.profile-card { width:100%; }
.auth-tabs { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-bottom:28px; }
.auth-tab { border:1px solid var(--border-color); background:var(--bg-secondary); color:var(--text-muted); padding:12px; border-radius:var(--radius-sm); cursor:pointer; font-weight:700; }
.auth-tab.active { color:var(--text-main); border-color:var(--n64-blue); background:rgba(0,114,206,.15); }
.account-intro { text-align:center; margin-bottom:24px; }
.account-icon { font-size:3rem; margin-bottom:8px; }
.account-intro h1 { font-size:2rem; margin-bottom:8px; }
.account-intro p,.muted { color:var(--text-muted); }
#auth-form { display:grid; gap:16px; }
#auth-form label { display:grid; gap:7px; font-weight:700; }
#auth-form input { width:100%; padding:13px 14px; border-radius:var(--radius-sm); border:1px solid var(--border-color); background:#0d1120; color:var(--text-main); font:inherit; outline:none; }
#auth-form input:focus { border-color:var(--n64-blue); box-shadow:0 0 0 3px rgba(0,114,206,.16); }
.account-submit { justify-content:center; padding:13px; }
.account-message { min-height:22px; color:#ff8e8e; text-align:center; }
.profile-head { display:flex; align-items:center; gap:16px; padding-bottom:24px; border-bottom:1px solid var(--border-color); }
.profile-head > div:nth-child(2) { flex:1; min-width:0; }
.profile-avatar { width:64px;height:64px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#222b4d,#151a2d);font-size:2rem;border:1px solid var(--border-color); }
.profile-kicker { color:var(--mame-cyan); font-size:.72rem; font-weight:800; letter-spacing:1px; }
.profile-head h1 { font-size:1.8rem; }
.stats-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:20px 0; }
.stat { padding:18px; background:rgba(10,12,20,.55); border:1px solid var(--border-color); border-radius:var(--radius-md); }
.stat strong { display:block; font-size:1.35rem; margin-bottom:4px; }
.stat span { color:var(--text-muted); font-size:.85rem; }
.profile-section { margin-top:26px; }
.profile-section h2 { margin-bottom:12px; }
.games-list { display:grid; gap:10px; }
.game-row { display:flex; justify-content:space-between; gap:12px; padding:14px 16px; background:rgba(10,12,20,.5); border:1px solid var(--border-color); border-radius:var(--radius-md); }
.game-row strong { display:block; }
.game-row small { color:var(--text-muted); }
@media (max-width:650px) { .account-card { padding:20px; } .profile-head { flex-wrap:wrap; } .profile-head .btn { width:100%; justify-content:center; } .stats-grid { grid-template-columns:1fr; } }