:root {
    --nba-blue: #1d428a;
    --nba-red: #c8102e;
    --gold: #ffc72c;
    --glass: rgba(0, 0, 0, 0.9);
}

body { font-family: 'Arial Black', sans-serif; margin: 0; color: white; background: transparent; }

/* OVERLAY STYLES */
#overlay { width: 1920px; height: 1080px; position: relative; }
#scoreboard {
    position: absolute; top: 30px; left: 50%; transform: translateX(-50%);
    display: flex; background: var(--glass); padding: 15px 40px;
    border-bottom: 5px solid var(--gold); border-radius: 8px; font-size: 35px;
}
.score-num { font-size: 60px; color: var(--gold); margin: 0 20px; min-width: 80px; text-align: center; }
#clock { font-family: monospace; min-width: 120px; text-align: center; color: white; }

/* POPUP */
#popup {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0);
    background: var(--glass); padding: 60px; border-radius: 20px; text-align: center;
    border: 4px solid var(--gold); transition: 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
#popup.active { transform: translate(-50%, -50%) scale(1); }

/* DASHBOARD STYLES */
.admin-body { background: #121212; padding: 20px; height: 100vh; overflow: auto; }
.card { background: #222; border: 1px solid #444; padding: 20px; border-radius: 10px; margin-bottom: 20px; }
button { padding: 10px; cursor: pointer; border: none; border-radius: 5px; font-weight: bold; margin: 5px; }
.btn-main { background: var(--nba-blue); color: white; }
.btn-stop { background: var(--nba-red); color: white; }
.btn-point { background: #28a745; color: white; }
input { padding: 8px; background: #333; color: white; border: 1px solid #555; }