.game-info{margin-bottom:16px;display:flex;flex-direction:column;gap:14px;}.game-card{background:linear-gradient(160deg,rgba(255,255,255,0.05) 0%,rgba(255,255,255,0.02) 100%);border:1px solid rgba(0,212,255,0.15);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card),0 0 0 1px rgba(255,255,255,0.03),inset 0 1px 0 rgba(255,255,255,0.06);position:relative;transition:box-shadow 0.3s,border-color 0.3s;}.game-card:hover{border-color:rgba(0,212,255,0.3);box-shadow:var(--shadow-card),0 0 30px rgba(0,212,255,0.08),inset 0 1px 0 rgba(255,255,255,0.08);}.game-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,transparent 25%,var(--primary) 42%,rgba(255,255,255,0.9) 50%,var(--secondary) 58%,transparent 75%,transparent 100%);background-size:300% 100%;animation:cardScan 4s linear infinite;z-index:1;opacity:0.85;}@keyframes cardScan{0%{background-position:150% 0;}100%{background-position:-150% 0;}}.game-card-header{background:linear-gradient(135deg,rgba(0,102,204,0.3) 0%,rgba(124,58,237,0.3) 100%);border-bottom:1px solid var(--border);color:var(--text-primary);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;}.game-card-header h3{font-size:14px;font-weight:600;margin:0;display:flex;align-items:center;gap:8px;letter-spacing:0.5px;color:var(--primary);}.badge{background:rgba(0,212,255,0.12);border:1px solid rgba(0,212,255,0.3);color:var(--primary);padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:0.5px;}.badge.success{background:rgba(16,185,129,0.12);border-color:rgba(16,185,129,0.3);color:var(--win);}.game-status{background:rgba(16,185,129,0.15);border:1px solid rgba(16,185,129,0.3);color:var(--win);padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;animation:statusPulse 2s ease-in-out infinite;}@keyframes statusPulse{0%,100%{box-shadow:0 0 0 rgba(16,185,129,0);}50%{box-shadow:0 0 10px rgba(16,185,129,0.3);}}.countdown{padding:20px 20px 16px;text-align:center;background:radial-gradient(ellipse at center top,rgba(239,68,68,0.06) 0%,transparent 70%);position:relative;}.countdown-label{font-size:11px;color:var(--text-muted);margin-bottom:10px;text-transform:uppercase;letter-spacing:2px;}.countdown-timer{font-size:52px;font-weight:700;color:var(--lose);margin-bottom:10px;font-variant-numeric:tabular-nums;text-shadow:0 0 20px rgba(239,68,68,0.8),0 0 40px rgba(239,68,68,0.4),0 0 80px rgba(239,68,68,0.15);letter-spacing:6px;line-height:1;position:relative;}.countdown-progress{width:100%;height:4px;background:rgba(255,255,255,0.08);border-radius:4px;overflow:hidden;margin-bottom:6px;}.countdown-progress-bar{height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary));width:100%;animation:progressAnimation 120s linear infinite;box-shadow:0 0 8px var(--primary);}@keyframes progressAnimation{0%{width:100%;}100%{width:0;}}.next-draw-time{font-size:11px;color:var(--text-muted);}.game-btn{width:calc(100% - 32px);margin:0 16px 16px;padding:13px;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all 0.3s;letter-spacing:1px;text-transform:uppercase;position:relative;overflow:hidden;}.bet-btn{background:linear-gradient(135deg,#059669,#10b981);color:white;box-shadow:0 4px 20px rgba(16,185,129,0.3);}.bet-btn::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent 40%,rgba(255,255,255,0.15) 100%);}.bet-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px rgba(16,185,129,0.5);}.bet-btn:disabled{opacity:0.5;cursor:not-allowed;}.history-btn{background:linear-gradient(135deg,#d97706,#f59e0b);color:#1a1000;box-shadow:0 4px 20px rgba(245,158,11,0.3);font-weight:700;}.history-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(245,158,11,0.5);}.bet-status-text{font-size:11px;opacity:0.8;font-weight:400;text-transform:none;letter-spacing:0;}.game-card-title{display:flex;flex-direction:column;gap:2px;}.game-card-title h3{margin:0;}.period-info{display:flex;align-items:center;gap:5px;}.period-label{font-size:11px;color:var(--text-muted);}.period-number{font-size:12px;font-weight:600;color:var(--text-secondary);}.game-card-status{text-align:right;}.draw-time{font-size:11px;color:var(--text-muted);}.drawing-zone{padding:18px 16px 20px;display:flex;flex-direction:column;align-items:center;gap:14px;background:radial-gradient(ellipse at center,rgba(245,158,11,0.07) 0%,transparent 72%);border-top:1px solid rgba(245,158,11,0.15);position:relative;overflow:hidden;}.drawing-zone::before{content:'';position:absolute;top:0;left:-100%;width:60%;height:2px;background:linear-gradient(90deg,transparent,rgba(245,158,11,0.8),transparent);animation:dzScan 2.4s ease-in-out infinite;}@keyframes dzScan{0%{left:-60%;}100%{left:160%;}}.drawing-label{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:2px;}.drawing-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px var(--accent);animation:dotBlink 1s ease-in-out infinite alternate;}.drawing-dot:last-child{animation-delay:0.5s;}@keyframes dotBlink{from{opacity:1;transform:scale(1);}to{opacity:0.25;transform:scale(0.65);}}.drawing-balls-row{display:flex;align-items:center;justify-content:center;gap:8px;}.drawing-plus,.drawing-equals{font-size:18px;font-weight:300;color:var(--text-secondary);}.drawing-ball-wrap{position:relative;width:58px;height:58px;}.drawing-ball-glow{position:absolute;inset:-6px;border-radius:50%;opacity:0.45;filter:blur(8px);animation:glowPulse 1.1s ease-in-out infinite alternate;}.glow1{background:radial-gradient(circle,#fb923c,transparent 70%);animation-delay:0s;}.glow2{background:radial-gradient(circle,#22d3ee,transparent 70%);animation-delay:0.37s;}.glow3{background:radial-gradient(circle,#c084fc,transparent 70%);animation-delay:0.74s;}@keyframes glowPulse{from{opacity:0.3;transform:scale(0.9);}to{opacity:0.65;transform:scale(1.15);}}.drawing-ball{position:absolute;inset:0;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;color:white;letter-spacing:0;user-select:none;box-shadow:0 6px 20px rgba(0,0,0,0.45);}.drawing-ball::before{content:'';position:absolute;top:8px;left:11px;width:13px;height:7px;background:rgba(255,255,255,0.55);border-radius:50%;filter:blur(1.5px);}.db-color1{background:radial-gradient(circle at 35% 30%,#fb923c,#c2410c);}.db-color2{background:radial-gradient(circle at 35% 30%,#22d3ee,#0369a1);}.db-color3{background:radial-gradient(circle at 35% 30%,#c084fc,#7c3aed);}.drawing-ball-wrap{perspective:120px;perspective-origin:center center;}.drawing-ball .ball-digit-track{display:flex;flex-direction:column;align-items:center;line-height:1;transition:none;will-change:transform;pointer-events:none;}.drawing-ball .ball-digit-track span{display:block;height:22px;line-height:22px;text-align:center;font-size:20px;font-weight:800;color:white;flex-shrink:0;}.drawing-ball.rolling{animation:ballSpin 0.45s ease-in-out infinite alternate;}@keyframes ballSpin{from{box-shadow:0 6px 20px rgba(0,0,0,0.45),inset -3px 0 8px rgba(0,0,0,0.25);}to{box-shadow:0 6px 20px rgba(0,0,0,0.45),inset 3px 0 8px rgba(0,0,0,0.25);}}.drawing-ball.landing{animation:ballSettle 0.5s cubic-bezier(0.22,1,0.36,1) forwards;}@keyframes ballSettle{0%{transform:scale(1.12);}55%{transform:scale(0.95);}80%{transform:scale(1.04);}100%{transform:scale(1);}}.drawing-sum-box{display:flex;flex-direction:column;align-items:center;gap:1px;background:linear-gradient(135deg,rgba(245,158,11,0.18),rgba(245,158,11,0.06));border:1px solid rgba(245,158,11,0.45);border-radius:var(--radius-sm);padding:6px 14px;min-width:52px;box-shadow:0 0 18px rgba(245,158,11,0.18),inset 0 1px 0 rgba(255,255,255,0.08);}.drawing-sum-label{font-size:10px;color:var(--accent);text-transform:uppercase;letter-spacing:1.5px;font-weight:700;}.drawing-sum-val{font-size:28px;font-weight:800;color:var(--accent);line-height:1;text-shadow:0 0 12px rgba(245,158,11,0.9),0 0 24px rgba(245,158,11,0.4);font-variant-numeric:tabular-nums;min-width:28px;text-align:center;}.drawing-sum-val.rolling{animation:sumRoll 0.18s steps(1) infinite;}@keyframes sumRoll{0%{opacity:1;}49%{opacity:0.5;}50%{opacity:1;}100%{opacity:1;}}.drawing-sum-val.landing{animation:sumLand 0.6s cubic-bezier(0.34,1.56,0.64,1) forwards;}@keyframes sumLand{0%{transform:scale(0.7);opacity:0.4;}70%{transform:scale(1.15);opacity:1;}100%{transform:scale(1);opacity:1;}}.game-card.drawing-active{border-color:rgba(245,158,11,0.5);box-shadow:var(--shadow-card),0 0 0 1px rgba(255,255,255,0.03),inset 0 1px 0 rgba(255,255,255,0.06),0 0 30px rgba(245,158,11,0.15);animation:cardDrawingBreath 1.8s ease-in-out infinite;}@keyframes cardDrawingBreath{0%,100%{box-shadow:var(--shadow-card),0 0 22px rgba(245,158,11,0.12);}50%{box-shadow:var(--shadow-card),0 0 38px rgba(245,158,11,0.30);}}