/* ONLINE-VRC v2: only the existing browser game; no additional club homepage. */
#siteHeader{justify-content:flex-start;min-height:58px;height:58px}
#brand{min-width:0}
#brand strong{color:var(--red,#ee1b24)}
#appNav{gap:8px}
#appNav .tabBtn[data-page="events"],#appNav .tabBtn[data-page="badges"]{border-color:#5b252a}
#appNav .tabBtn[data-page="admin"]{margin-left:auto;border-color:#42464e;color:#d7d9df}
.vrcPanelIntro{margin:0 0 20px;color:#acb4bf;line-height:1.55}
.vrcActionRow{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:14px 0}
.vrcEventGrid,.vrcBadgesGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:14px}
.vrcEventTile,.vrcBadgeTile{background:#0d1116;border:1px solid #343943;border-radius:8px;padding:16px;min-width:0}
.vrcEventTile.live{border-color:#c42b35;box-shadow:inset 4px 0 #ee1b24}
.vrcEventTile h3,.vrcBadgeTile h3{margin:6px 0 8px;letter-spacing:.01em}
.vrcLabel{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#ff6c72;font-weight:900}
.vrcNote,.vrcMeta{color:#aab0ba;font-size:13px;line-height:1.5}
.vrcMeta{margin:10px 0}
.vrcBadgeTile{display:flex;gap:13px;align-items:flex-start}
.vrcBadgeIcon{display:grid;place-items:center;font-size:29px;background:#242a32;width:48px;height:48px;flex:0 0 48px;border-radius:50%;border:1px solid #414a56}
.vrcBadgeTile.locked{opacity:.58;filter:grayscale(.75)}
.vrcBadgeTile.earned{border-color:#964b23;background:linear-gradient(110deg,#231a14,#11151a)}
.vrcControls{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.vrcControls button,.vrcControls input,.vrcControls select,.vrcControls textarea{max-width:100%}
.vrcAdminForm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0}
.vrcAdminForm .wide{grid-column:span 2}
.vrcAdminForm label{display:grid;gap:7px;color:#c4cbd3;font-size:12px;font-weight:800;letter-spacing:.02em}
.vrcAdminForm input,.vrcAdminForm textarea,.vrcAdminForm select,#vrcAdminPassword{background:#080b10;color:#fff;border:1px solid #46505a;border-radius:4px;padding:11px;width:100%;min-width:0}
.vrcAdminForm textarea{min-height:85px;resize:vertical}
.vrcMessage{margin:10px 0;color:#ffcf80;min-height:18px}
.vrcMessage.ok{color:#64ef91}
.vrcTiny{font-size:11px;color:#a6aeb8;line-height:1.5}
.vrcAdminEvent{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:space-between;padding:11px;border:1px solid #343943;margin:8px 0;background:#0c1015;border-radius:4px}
.vrcAdminEvent span{font-size:12px;color:#aeb4bd}
.vrcEventRanks{border-top:1px solid #343a42;margin-top:12px;padding-top:10px}
.vrcEventRanks li{padding:5px 0;color:#f1f3f6}
#leaderBody tr.vrcPodium{background:rgba(238,27,36,.055)}
#leaderBody tr.vrcPodium td:first-child{font-size:16px;font-weight:900}
#leaderBody tr.vrcPodium:nth-child(1){background:rgba(255,197,55,.10)}
#leaderBody tr.vrcPodium:nth-child(2){background:rgba(190,202,219,.08)}
#leaderBody tr.vrcPodium:nth-child(3){background:rgba(210,125,64,.08)}
#leaderBody tr[style*="229, 27, 35"]{outline:1px solid #872a31;outline-offset:-1px}
.leaderTable{background:#0d1015;border-collapse:separate;border-spacing:0;border:1px solid #313842;border-radius:7px;overflow:hidden}
.leaderTable thead th{background:#1a2027;position:sticky;top:0;z-index:1}
.leaderTable tbody tr:hover{background:rgba(238,27,36,.10)}
.vrcEmpty{padding:22px;color:#aab0ba;border:1px dashed #3b424d;border-radius:6px}
@media(max-width:720px){#siteHeader{height:56px}#brand strong{font-size:23px}#appNav .tabBtn[data-page="admin"]{margin-left:0}.vrcAdminForm{grid-template-columns:1fr}.vrcAdminForm .wide{grid-column:span 1}}

/* Custom achievements admin panel; match the original black-red ONLINE-VRC style. */
.vrcAchievementAdmin{margin-top:30px;border-top:2px solid #8d232b;padding-top:20px}
.vrcAchievementAdmin h3{font-style:italic;text-transform:uppercase}
.vrcAchievementAdmin .vrcCheckline{display:flex;align-items:center;gap:10px;flex-direction:row}
.vrcAchievementAdmin .vrcCheckline input{width:auto;min-width:initial}

/* V4: leaderboard moderation in the original black-red ADMIN panel. */
.vrcModerationAdmin{margin-top:30px;border-top:2px solid #8d232b;padding-top:20px}
.vrcModerationAdmin h3{font-style:italic;text-transform:uppercase}
.vrcModerationFilters{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:16px 0}
.vrcModerationFilters label{display:grid;gap:5px;font-size:12px;font-weight:900;color:#c6cdd6}
.vrcModerationFilters select{min-width:190px;max-width:100%;background:#090c11;color:#fff;border:1px solid #414750;padding:10px;border-radius:4px}
.vrcModerationInfo{min-width:190px;flex:1;overflow-wrap:anywhere}
.vrcModerationEntries{max-height:460px;overflow-y:auto;margin:10px 0}
.vrcResetArea{border:1px solid #713139;background:#190e12;border-radius:6px;padding:15px;margin:24px 0}
.vrcResetArea strong{color:#ff747b;font-size:14px}
.vrcModerationAdmin button{font-size:12px}
@media(max-width:700px){.vrcModerationFilters label{width:100%}.vrcModerationFilters select{width:100%}.vrcResetArea button{width:100%}}
