* { margin: 0; padding: 0; box-sizing: border-box; }
body { background-color: #0f1923; color: white; font-family: 'Inter', sans-serif; }

.main-layout { display: flex; height: 100vh; }

.sidebar { width: 300px; background: #1a242d; padding: 20px; display: flex; flex-direction: column; gap: 20px; border-right: 1px solid #2f3b45; }

.sidebar-header { color: #f12c4c; font-weight: bold; font-size: 24px; text-align: center; }

.input-area { display: flex; background: #0f1923; padding: 5px; border-radius: 4px; }
.input-area input { background: transparent; border: none; color: white; width: 100%; padding: 10px; outline: none; }
.input-area button { background: #2f3b45; border: none; color: white; padding: 5px 10px; cursor: pointer; margin-left: 2px; }

.btn-spin { background: #f12c4c; color: white; border: none; padding: 15px; border-radius: 4px; font-weight: bold; cursor: pointer; width: 100%; font-size: 16px; transition: 0.3s; }
.btn-spin:hover { background: #ff4d6d; }

.game-area { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; background: #0d141b; }

.wheel-container { width: 400px; height: 400px; position: relative; }
.wheel-img { width: 100%; transition: transform 5s cubic-bezier(0.15, 0, 0.15, 1); filter: drop-shadow(0 0 20px rgba(0,0,0,0.5)); }

.pointer { width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 30px solid #f12c4c; position: absolute; z-index: 10; top: -10px; left: 50%; transform: translateX(-50%); }

.bet-selector { display: flex; gap: 10px; margin-top: 30px; width: 80%; }
.bet-btn { flex: 1; padding: 25px; border: none; border-radius: 4px; font-weight: bold; cursor: pointer; font-size: 20px; transition: 0.2s; }
.bet-btn.red { background: #f12c4c; color: white; border-bottom: 4px solid #b91c36; }
.bet-btn.white { background: white; color: black; border-bottom: 4px solid #ccc; }
.bet-btn.black { background: #2f3b45; color: white; border-bottom: 4px solid #1a242d; }
.bet-btn:active { transform: translateY(3px); }
.bet-btn.selected { border: 2px solid #ffd700; transform: scale(1.05); }

.history { display: flex; gap: 5px; margin-top: 20px; }
.hist-item { width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: bold; } v 

#status-text {
    font-size: 30px;
font-weight: bold;
padding: 15px;
}