:root{
    --bg-dark:#0f111a; --bg-card:#1e2230; --primary:#ff004c; --secondary:#ffd600;
    --text:#ffffff; --muted:#a0a0a0;
}

html,body{height:100%}

body{
    margin:0;color:var(--text); -webkit-font-smoothing:antialiased;
}

/* Topbar */
.topbar{backdrop-filter:blur(8px);background:rgba(18,20,30,0.6);border-bottom:1px solid rgba(255,255,255,0.03);padding:12px 20px;position:sticky;top:0;z-index:50}
.brand{color:var(--secondary);font-weight:700}
.round-id{color:var(--muted);font-weight:700}
.countdown-pill{background:linear-gradient(90deg,var(--primary),var(--secondary));color:#000;padding:6px 12px;border-radius:999px;font-weight:800}

header {
    background: #1e2230;
    border-bottom: 2px solid #ff004c;
    padding: 10px 25px;
}
header h5 { font-family: 'Orbitron', sans-serif; }

/* ---------- GAME AREA ---------- */
.game-area {
    position: relative;
    height: 600px;
    background: radial-gradient(circle at center, #1e2230 0%, #0f111a 100%);
    border-radius: 15px;
    margin-top: 30px;
    overflow: hidden;
}

/* Plane */
#plane {
    position: absolute;
    width: 80px;
    left: 60px;
    bottom: 60px;
    transform-origin: center;
}

.multiplier {
    position: absolute;
    top: 20px;
    left: 30px;
    font-size: 2rem;
    color: #FFD600;
    font-family: 'Orbitron', sans-serif;
}

/* ---------- CONTROL BOXES ---------- */
.bet-controls, .auto-controls {
    background: #1e2230;
    padding: 20px;
    border-radius: 15px;
    margin-top: 20px;
}

.btn-custom {
    background: linear-gradient(135deg, #ff004c, #ffd600);
    border: none;
    color: #fff;
    font-weight: 600;
    transition: all 0.2s;
}
.btn-custom:hover {
    transform: scale(1.05);
}

/* ---------- TABLE ---------- */
table {
    color: #fff;
}

/* ---------- BANNERS ---------- */
.banner {
    background: linear-gradient(135deg, #ff004c, #ff9100);
    border-radius: 15px;
    padding: 20px;
    margin-top: 25px;
    text-align: center;
    font-weight: 600;
}