/* 룰렛 게임 스타일 */

.wheel-section {
    text-align: center;
    padding: 0;
    margin-bottom: 15px;
    position: relative;
}

.wheel-pointer {
    font-size: 2rem;
    color: var(--accent-gold);
    position: relative;
    z-index: 10;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.5));
}

.wheel-container {
    position: relative;
    display: inline-block;
    margin-top: -10px;
}

#wheel-canvas {
    display: block;
    margin: 0 auto;
    filter: drop-shadow(0 4px 15px rgba(0,0,0,0.4));
}

.result-number {
    margin-top: 15px;
    font-size: 2rem;
    font-weight: 800;
    min-height: 50px;
}

.result-number.red { color: #e74c3c; }
.result-number.black { color: #fff; }
.result-number.green { color: #2ed573; }

/* 배팅 타입 선택 */
.bet-type-section {
    padding: 0;
    margin-bottom: 15px;
}

.bet-type-title {
    font-size: 0.9rem;
    color: var(--text-secondary);
    margin-bottom: 10px;
}

.bet-type-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.bet-type-btn {
    padding: 15px 10px;
    border-radius: 10px;
    background: var(--bg-card);
    border: 2px solid var(--border-color);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    font-family: inherit;
    color: #fff;
    transition: all 0.2s;
}

.bet-type-btn.red { border-color: #e74c3c; }
.bet-type-btn.black { border-color: #555; }
.bet-type-btn.odd { border-color: var(--accent-blue); }
.bet-type-btn.even { border-color: var(--accent-gold); }
.bet-type-btn.low { border-color: #9b59b6; }
.bet-type-btn.high { border-color: #1abc9c; }

.bet-type-btn.selected.red { background: #e74c3c; }
.bet-type-btn.selected.black { background: #555; }
.bet-type-btn.selected.odd { background: var(--accent-blue); }
.bet-type-btn.selected.even { background: var(--accent-gold); color: #000; }
.bet-type-btn.selected.low { background: #9b59b6; }
.bet-type-btn.selected.high { background: #1abc9c; }

.bet-type-btn:disabled {
    opacity: 0.5;
}

.type-label {
    font-size: 1rem;
    font-weight: 700;
}

.type-odds {
    font-size: 0.75rem;
    opacity: 0.8;
}

/* 기록 섹션 */
.history-section {
    padding: 0;
    margin-top: 15px;
}

.history-title {
    font-size: 0.9rem;
    color: var(--text-secondary);
    margin-bottom: 10px;
}

.history-list {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.history-item {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: 700;
}

.history-item.red {
    background: #e74c3c;
    color: #fff;
}

.history-item.black {
    background: #333;
    color: #fff;
}

.history-item.green {
    background: #2ed573;
    color: #fff;
}