/* VeroxMC Light Theme (Gold) */
:root{
  --bg:#f6f7fb; --panel:#ffffff; --panel2:#f1f3f9; --txt:#1a1d29; --muted:#6b7280;
  --brand:#d6a400; --brand2:#ffd84f; --accent:#ffe08a;
  --stroke:#e5e7ef; --stroke2:#d9dce7;
  --card-grad:linear-gradient(120deg, rgba(255,216,79,0.25), rgba(214,164,0,0.06) 45%, rgba(255,216,79,0.16));
}
*{box-sizing:border-box}
body.theme-light{margin:0;background:var(--bg);color:var(--txt);font-family:Nunito,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
a{color:#111;text-decoration:none} a:hover{opacity:.9}
.topbar{display:flex;gap:16px;align-items:center;justify-content:space-between;background:var(--panel);padding:12px 18px;position:sticky;top:0;z-index:50;border-bottom:1px solid var(--stroke)}
.brand a{font-weight:800;font-size:20px;background:linear-gradient(90deg,var(--brand),var(--brand2));-webkit-background-clip:text;background-clip:text;color:transparent}
.nav{display:flex;gap:14px}
.nav a{padding:8px 12px;border-radius:10px;color:#222}
.nav a.active,.nav a:hover{background:var(--panel2);border:1px solid var(--stroke)}
.player-search{display:flex;gap:8px;align-items:center;position:relative}
.player-search input{background:#fff;border:1px solid var(--stroke);color:#111;padding:8px 10px;border-radius:10px;min-width:220px;outline:none}
.player-search button{background:var(--brand);border:0;color:#111;padding:8px 12px;border-radius:10px;cursor:pointer;font-weight:800}
.suggestions{position:absolute;top:44px;left:0;right:0;background:#fff;border:1px solid var(--stroke);border-radius:12px;display:none;max-height:240px;overflow:auto}
.suggestions a{display:block;padding:8px 10px;color:#111} .suggestions a:hover{background:var(--panel2)}
.container{max-width:1200px;margin:26px auto;padding:0 16px}
.section-title{font-size:28px;font-weight:800;margin:0 0 16px}
.section-sub{color:var(--muted);margin:0 0 20px}
.role-block{margin:20px 0 28px}
.role-title{font-weight:800;margin:0 0 10px;color:#111}
.role-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.card{background:var(--panel);border:1px solid var(--stroke);border-radius:16px;padding:12px;display:flex;gap:12px;align-items:center;transition:transform .15s, box-shadow .15s}
.card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.06)}
.card .head{width:48px;height:48px;border-radius:10px;flex:0 0 48px}
.role-Owner .card{border-color:#ffc1c1}
.role-Manager .card{border-color:#ffe7b0}
.role-Developer .card{border-color:#c6ecff}
.role-Admin .card{border-color:#e5d5ff}
.role-Moderator .card,.role-Sr\ Mod .card{border-color:#bff5c7}
.tag{font-size:12px;color:#111;background:var(--brand2);border-radius:999px;padding:2px 8px;font-weight:800}
.card .name{font-weight:800} .card .role{font-size:12px;color:var(--muted)}
.footer-strip{background:linear-gradient(90deg,var(--brand),var(--brand2));display:flex;justify-content:space-between;align-items:center;color:#111;padding:14px 18px;border-radius:14px;margin:34px 0 18px;font-weight:800;cursor:pointer;border:1px solid var(--stroke2)}
.footer-strip:hover{filter:brightness(1.02)}
.site-footer{padding:0 16px 28px}
.site-footer .cols{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;color:#374151}
.cols h4{margin:0 0 8px}
.banner{display:flex;gap:18px;align-items:center;background:var(--panel);border:1px solid var(--stroke);border-radius:18px;padding:16px;margin-bottom:18px}
.banner .avatar{width:72px;height:72px;border-radius:14px}
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.tile{background:var(--card-grad);border:1px solid var(--stroke2);border-radius:16px;padding:16px;min-height:92px;display:flex;justify-content:space-between;align-items:center}
.tile h3{margin:0;font-size:16px}
.muted{color:var(--muted);font-size:13px}
.small{font-size:12px;color:var(--muted)}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media (max-width:1000px){.role-grid{grid-template-columns:repeat(3,1fr)} .stats-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:700px){.role-grid{grid-template-columns:repeat(2,1fr)} .grid-3{grid-template-columns:1fr}}