refacto: Removing the admin debugger

public/style.css

@@ -192,85 +192,7 @@ body {
   background: rgba(113, 199, 255, 0.28);
 }
 
-/* ── Team corner (admin only) ─────────────────────────────────────────────── */
 
-.teamCorner {
-  position: fixed;
-  top: 12px;
-  left: 12px;
-  z-index: 10;
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 8px 10px;
-  border-radius: 12px;
-  border: 1px solid rgba(255, 255, 255, 0.12);
-  background: rgba(7, 10, 20, 0.85);
-  backdrop-filter: blur(8px);
-}
-
-.teamCornerLabel {
-  font-size: 11px;
-  font-weight: 600;
-  text-transform: uppercase;
-  letter-spacing: 0.06em;
-  opacity: 0.75;
-}
-
-.teamCorner--hidden {
-  display: none !important;
-}
-
-.teamSegmented {
-  min-width: 148px;
-}
-
-.teamSegmentedTrack {
-  position: relative;
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  border-radius: 12px;
-  overflow: hidden;
-  border: 1px solid rgba(255, 255, 255, 0.18);
-  background: rgba(0, 0, 0, 0.25);
-}
-
-.teamSegmentedTrack::before {
-  content: "";
-  position: absolute;
-  top: 2px;
-  bottom: 2px;
-  left: 2px;
-  width: calc(50% - 4px);
-  border-radius: 9px;
-  background: linear-gradient(180deg, rgba(90, 200, 255, 0.42), rgba(35, 95, 150, 0.55));
-  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
-  transition: left 0.22s ease, background 0.22s ease;
-  z-index: 0;
-  pointer-events: none;
-}
-
-.teamSegmentedTrack[data-active="red"]::before {
-  left: calc(50% + 2px);
-  background: linear-gradient(180deg, rgba(255, 130, 130, 0.42), rgba(150, 45, 45, 0.55));
-}
-
-.teamSegmentedBtn {
-  position: relative;
-  z-index: 1;
-  margin: 0;
-  padding: 9px 12px;
-  border: none;
-  background: transparent;
-  color: #e9eef6;
-  font-weight: 700;
-  font-size: 13px;
-  cursor: pointer;
-}
-
-.teamSegmentedBtn:hover {
-  color: #ffffff;
-}
 
 /* ── Score board ──────────────────────────────────────────────────────────── */
 
@@ -972,97 +894,6 @@ button:hover {
   color: rgba(255, 220, 100, 0.9);
 }
 
-/* ── Options / admin section ──────────────────────────────────────────────── */
-
-.infoSection--options {
-  padding-top: 8px;
-}
-
-.optionsDetails {
-  border-radius: 10px;
-  border: 1px solid rgba(255, 255, 255, 0.07);
-  overflow: hidden;
-}
-
-.optionsSummary {
-  padding: 8px 12px;
-  font-size: 11px;
-  font-weight: 600;
-  opacity: 0.6;
-  cursor: pointer;
-  list-style: none;
-  user-select: none;
-  display: flex;
-  align-items: center;
-}
-
-.optionsSummary::after {
-  content: "›";
-  margin-left: auto;
-  font-size: 16px;
-  font-weight: 400;
-  opacity: 0.4;
-  display: inline-block;
-  transform: rotate(0deg);
-  transition: transform 0.2s ease, opacity 0.15s;
-}
-
-.optionsDetails[open] .optionsSummary::after {
-  transform: rotate(90deg);
-  opacity: 0.7;
-}
-
-.optionsSummary::-webkit-details-marker {
-  display: none;
-}
-
-.optionsSummary:hover {
-  opacity: 0.9;
-}
-
-.optionsPanel {
-  padding: 12px;
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-  border-top: 1px solid rgba(255, 255, 255, 0.07);
-}
-
-.optionsPanel .authField input[type="password"] {
-  padding: 8px 10px;
-  font-size: 12px;
-  font-family: "Courier New", Courier, monospace;
-}
-
-.adminUnlockBtn {
-  padding: 7px 12px;
-  font-size: 12px;
-  align-self: flex-start;
-}
-
-.adminStatus {
-  font-size: 11px;
-  padding: 6px 10px;
-  border-radius: 7px;
-  font-family: "Courier New", Courier, monospace;
-}
-
-.adminStatus.hidden {
-  display: none;
-}
-
-.adminStatus--ok {
-  color: rgba(90, 200, 130, 0.95);
-  background: rgba(30, 120, 60, 0.15);
-  border: 1px solid rgba(30, 150, 70, 0.25);
-}
-
-.adminStatus--err {
-  color: rgba(255, 130, 100, 0.95);
-  background: rgba(200, 50, 30, 0.12);
-  border: 1px solid rgba(200, 50, 30, 0.25);
-}
-
 /* ── Galaxy: square, fills viewport height, 1:1 ratio ────────────────────── */
 
 .galaxyMain {