.evolution-container {display:flex;flex-direction:column;padding:0 30px;}
.table-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;}
.table-card {background:var(--gray-00);border-radius:var(--radius-max);border:1px solid var(--gray-10);overflow:hidden;}
.table-header {background-color:var(--gray-00);color:var(--gray-99);padding:14px 20px;position:relative;}
.table-name {font-size:16px;font-weight:600;}
.table-content {}
.game-info-bar {background:var(--gray-01);color:var(--gray-99);padding:10px 20px;display:flex;align-items:center;gap:20px}
.game-stats {display:flex;gap:14px;align-items:center;}
.stat-group {display:flex;align-items:center;gap:6px;}
.stat-group .label {width:20px;height:20px;border-radius:var(--radius-circle);display:inline-flex;align-items:center;justify-content:center;color:var(--white);font-weight:600}
.stat-group .label.player {background-color:var(--player-bg);}
.stat-group .label.banker {background-color:var(--banker-bg);}
.stat-group .label.tie {background-color:var(--tie-bg);}
.stat-group .label.pair {position:relative;background-color:#9B9B9B;}
.stat-group .label.pair.player::after {content:'';position:absolute;top:-2px;left:-2px;width:7px;height:7px;border-radius:var(--radius-circle);border:2px solid var(--gray-01);background-color:var(--player-bg)}
.stat-group .label.pair.banker::after {content:'';position:absolute;bottom:-2px;right:-2px;width:7px;height:7px;border-radius:var(--radius-circle);border:2px solid var(--gray-01);background-color:var(--banker-bg)}
.stat-group .value {font-size:15px;font-weight:600;color:var(--gray-99)}
.stat-group .small-label {font-size:11px;color:#666;margin-left:5px;}
.round-info {color:var(--gray-99);font-size:14px;font-weight:700;}

/* Big Road */
.bigroad-container {background:transparent;border-radius:8px;padding:6px;overflow-x:auto;cursor:grab;user-select:none;position:relative;}
.bigroad-container:active {cursor:grabbing;}
.bigroad-container.dragging {cursor:grabbing;}
.bigroad-container::-webkit-scrollbar {height:3px;}
.bigroad-container::-webkit-scrollbar-track {background:transparent}
.bigroad-container::-webkit-scrollbar-thumb {background:var(--gray-05);}
.bigroad-container::-webkit-scrollbar-thumb:hover {background:var(--gray-99)}
.bigroad-grid {display:inline-flex;min-height:120px;gap:1px;}
.bigroad-col {display:flex;flex-direction:column;gap:1px;}
.bigroad-cell {width:18px;height:18px;background:var(--gray-00);border:2px solid transparent;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;}
.bigroad-cell.latest {animation:latestGlow 2s ease-in-out infinite;}
.bigroad-cell.P {border-color:var(--player-bg)}
.bigroad-cell.B {border-color:var(--banker-bg)}
.bigroad-cell .pair-dot {position:absolute;width:9px;height:9px;border-radius:50%;border:2px solid var(--gray-00)}
.bigroad-cell .pair-dot.pp {top:-4px;left:-4px;background-color:var(--player-bg)}
.bigroad-cell .pair-dot.bp {bottom:-4px;right:-4px;background-color:var(--banker-bg)}
.bigroad-cell .tie-mark {position:absolute;width:22px;height:2px;background:var(--tie-bg);transform:rotate(135deg);top:50%;left:50%;transform-origin:center;margin-top:-1px;margin-left:-11px;}
.bigroad-cell .tie-number {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;color:var(--gray-99);font-weight:700;}
.bigroad-cell.dot {opacity:1 !important;background:transparent !important;border:none !important;}
.bigroad-cell.dot::before {content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:2px;height:2px;background:var(--gray-10);border-radius:50%;}

/* 탭 메뉴 스타일 */
.tab-menu {display:flex;gap:10px;}
.tab-menu .tab-button {height:36px;display:flex;align-items:center;border-radius:18px;color:var(--gray-60);background:var(--gray-00);border:1px solid var(--gray-05);transition:all 0.2s ease;font-size:14px;font-weight:500;padding:0 18px;flex-shrink:0;gap:6px}
.tab-menu .tab-button:hover {color:var(--gray-80);background-color:var(--gray-01);border-color:var(--gray-10);}
.tab-menu .tab-button.active {color:var(--gray-00);background:var(--gray-99);border-color:var(--gray-99);}
.tab-menu .tab-button.active::before {content:"\e3ed";font-family:"Font Awesome 6 Pro";font-weight:900}

/* 탭 컨텐츠 */
.tab-content {display:none;animation:fadeIn 0.3s ease-out;}
.tab-content.active {display:block;}

/* 연결 상태 표시 */
.connection-status {position:fixed;top:20px;right:20px;background:rgba(255,255,255,0.9);backdrop-filter:blur(10px);border:1px solid var(--gray-10);border-radius:20px;padding:8px 16px;display:flex;align-items:center;gap:8px;z-index:1000;transition:all 0.3s;box-shadow:0 2px 8px rgba(0,0,0,0.1)}
.connection-status.connected {border-color:#4caf50}
.connection-status.disconnected {border-color:#f44336;animation:disconnectedBlink 1s ease-in-out infinite;}
.status-icon {width:8px;height:8px;border-radius:50%;background:#ffc107;transition:background 0.3s}
.status-icon.connected {background:#4caf50}
.status-icon.disconnected {background:#f44336}
.status-text {font-size:13px;color:var(--gray-99);font-weight:500}

/* LIVE 표시 */
.live-indicator {position:absolute;top:11px;right:20px;display:flex;align-items:center;gap:5px;background-color:var(--gray-99);border-radius:13px;padding:6px 10px;font-size:11px;font-weight:600;color:var(--gray-00)}

/* 카드 스타일 */
.card {transition:all 0.3s}
.card.new-card {animation:cardFlip 0.5s ease-out;transform:rotateY(180deg)}

/* 올웨이즈 8 고정 카드 스타일 */
.card.fixed-eight {position:relative;background:linear-gradient(135deg, #ffd700 0%, #ffed4e 50%, #ffd700 100%);border:2px solid #d4af37;box-shadow:0 0 10px rgba(255, 215, 0, 0.5);}
.card.fixed-eight .number {color:#c41e3a;font-weight:bold;}
.card.fixed-eight .symbol {color:#c41e3a;}
.card.fixed-eight .fixed-indicator {position:absolute;top:2px;right:2px;font-size:8px;color:#8b0000;font-weight:bold;background:rgba(255, 255, 255, 0.8);padding:1px 3px;border-radius:2px;}

/* 애니메이션 정의 */
@keyframes latestGlow {0%,100%{opacity:1;}}
@keyframes fadeIn {from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}
@keyframes cardFlip {from{transform:rotateY(180deg);opacity:0;}to{transform:rotateY(0);opacity:1;}}
@keyframes disconnectedBlink {0%,100%{opacity:1;}50%{opacity:0.3;}}