@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Play:wght@400;700&display=swap");.blackjack-root{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a1a 50%,#0a0a0a);padding:32px;font-family:Play,sans-serif}.blackjack-main-box{margin-left:240px;width:100%;max-width:1200px;height:800px;background:linear-gradient(145deg,#0F212E,#1A2C38);border-radius:16px;box-shadow:0 25px 50px -12px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.1);flex-direction:column;border:2px solid #d4af37}.blackjack-main-box,.blackjack-table{position:relative;overflow:hidden;display:flex}.blackjack-table{flex:1;background:radial-gradient(ellipse at center,#0A3D2E 0,#0A2E22 70%,#0A1F18 100%);border-radius:12px;margin:16px;flex-direction:column;box-shadow:inset 0 0 50px rgba(0,0,0,.3),0 0 20px rgba(212,175,55,.1)}.dealer-area{position:relative;height:40%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,rgba(212,175,55,.15) 0,transparent 70%);border-bottom:3px solid rgba(212,175,55,.4);box-shadow:0 6px 30px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.1)}.dealer-label{font-family:Orbitron,monospace;font-size:1.5rem;font-weight:900;color:#D4AF37;text-shadow:0 0 10px rgba(212,175,55,.5),0 2px 4px rgba(0,0,0,.5);margin-bottom:16px;letter-spacing:3px;position:relative;z-index:10}.dealer-cards{display:flex;gap:12px;align-items:center;justify-content:center;margin-bottom:12px}.dealer-total{font-family:Orbitron,monospace;font-size:1.25rem;font-weight:700;color:#ffffff;background:rgba(0,0,0,.6);padding:8px 16px;border-radius:20px;border:1px solid rgba(212,175,55,.3);box-shadow:0 2px 8px rgba(0,0,0,.3)}.players-area{flex:1;justify-content:center;padding:20px}.player-position,.players-area{display:flex;align-items:center;position:relative}.player-position{flex-direction:column;gap:16px;padding:24px;border-radius:16px;background:rgba(0,0,0,.3);border:2px solid rgba(255,255,255,.1);transition:all .3s ease;min-width:280px}.player-position.active{background:rgba(212,175,55,.15);border:3px solid #d4af37;box-shadow:0 0 30px rgba(212,175,55,.4),inset 0 0 30px rgba(212,175,55,.1);transform:scale(1.08)}.player-info{display:flex;flex-direction:column;align-items:center;gap:4px}.player-name{font-family:Orbitron,monospace;font-size:1.25rem;font-weight:900;color:#ffffff;text-shadow:0 0 10px rgba(255,255,255,.3),0 2px 4px rgba(0,0,0,.5);letter-spacing:2px}.player-bet{font-size:.75rem;color:#D4AF37;font-weight:600}.player-cards{display:flex;gap:8px;align-items:center;justify-content:center}.player-chips{position:relative;margin-top:8px}.player-total{font-size:1rem;font-weight:700;color:#ffffff;background:rgba(0,0,0,.6);padding:6px 12px;border-radius:16px;border:1px solid rgba(255,255,255,.2)}.player-result,.player-total{font-family:Orbitron,monospace}.player-result{position:absolute;top:-10px;right:-10px;font-size:.75rem;font-weight:900;padding:4px 8px;border-radius:8px;text-shadow:0 1px 2px rgba(0,0,0,.8);animation:pulse 2s infinite}.player-result.bust{background:#dc2626;color:#ffffff;box-shadow:0 0 10px rgba(220,38,38,.5)}.player-result.blackjack{background:#D4AF37;color:#000000;box-shadow:0 0 10px rgba(212,175,55,.5)}.player-result.win{background:#059669;color:#ffffff;box-shadow:0 0 10px rgba(5,150,105,.5)}.player-result.lose{background:#dc2626;color:#ffffff;box-shadow:0 0 10px rgba(220,38,38,.5)}.player-result.push{background:#6b7280;color:#ffffff;box-shadow:0 0 10px rgba(107,114,128,.5)}.card-wrapper{position:relative;transition:transform .3s ease}.card-wrapper:hover{transform:translateY(-4px)}.card{width:85px;height:119px;border-radius:8px;position:relative;box-shadow:0 6px 12px rgba(0,0,0,.4),0 2px 4px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.8);transition:all .3s ease;cursor:pointer;border:1px solid #d1d5db}.card:hover{transform:translateY(-3px);box-shadow:0 8px 16px rgba(0,0,0,.5),0 4px 8px rgba(0,0,0,.4)}.card-inner{width:100%;height:100%;border-radius:8px;position:relative;overflow:hidden}.card-black,.card-red{background:linear-gradient(145deg,#ffffff,#f8f9fa 50%,#f1f3f4);border:1px solid #d1d5db}.card-back{background:linear-gradient(145deg,#8b0000,#a52a2a 50%,#8b0000);border:2px solid #d4af37;box-shadow:0 6px 12px rgba(0,0,0,.4),0 2px 4px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.2)}.card-back-pattern{width:100%;height:100%;background:radial-gradient(circle at 30% 30%,rgba(212,175,55,.3) 0,transparent 50%),repeating-linear-gradient(45deg,transparent,transparent 3px,rgba(212,175,55,.2) 0,rgba(212,175,55,.2) 6px);border-radius:8px}.card-corner{position:absolute;display:flex;flex-direction:column;align-items:center;font-weight:900;line-height:1;padding:4px}.card-top-left{top:2px;left:2px}.card-bottom-right{bottom:2px;right:2px;transform:rotate(180deg)}.card-rank{font-size:18px;font-weight:900;font-family:Arial Black,sans-serif}.card-suit{font-size:16px;margin-top:2px;font-weight:700}.card-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}.card-suit-large{font-size:42px;font-weight:700}.card-rank,.card-suit,.card-suit-large{color:#111}.card-red .card-rank,.card-red .card-suit,.card-red .card-suit-large{color:#dc2626}.card-black .card-rank,.card-black .card-suit,.card-black .card-suit-large{color:#111}.chip-stack{flex-direction:column}.chip,.chip-stack{position:relative;display:flex;align-items:center}.chip{width:32px;height:32px;border-radius:50%;justify-content:center;border:2px solid rgba(255,255,255,.3);box-shadow:0 2px 4px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.2);transition:transform .2s ease}.chip:hover{transform:translateY(-1px)}.chip-value{font-size:8px;font-weight:700;color:#ffffff;text-shadow:0 1px 2px rgba(0,0,0,.8)}.game-result-banner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#dc2626,#b91c1c);padding:16px 32px;border-radius:12px;border:2px solid #d4af37;box-shadow:0 8px 32px rgba(220,38,38,.4),0 0 20px rgba(212,175,55,.3);animation:bannerGlow 2s ease-in-out infinite alternate}.result-text{font-family:Orbitron,monospace;font-size:1.5rem;font-weight:900;color:#ffffff;text-shadow:0 2px 4px rgba(0,0,0,.8);letter-spacing:2px}.control-panel{height:120px;background:linear-gradient(145deg,#213743,#1A2C38);border-top:1px solid #557086;display:flex;padding:16px 24px;gap:24px}.control-left{flex:1}.control-left,.control-right{display:flex;align-items:center}.control-right{width:200px}.betting-controls{display:flex;flex-direction:column;gap:16px;width:100%}.bet-amount-section{display:flex;flex-direction:column;gap:8px}.bet-input-wrapper{position:relative;width:200px}.bet-input-dollar{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#D4AF37;font-weight:600;z-index:10}.bet-input{width:100%;padding:10px 12px 10px 32px;background:#0F212E;border:1px solid #557086;border-radius:8px;color:#ffffff;font-weight:600;font-size:1rem}.bet-input:focus{outline:none;border-color:#D4AF37;box-shadow:0 0 0 2px rgba(212,175,55,.2)}.quick-bet-buttons{display:flex;gap:8px}.quick-bet-btn{padding:8px 12px;background:#23283a;border:1px solid #557086;border-radius:6px;color:#ffffff;font-weight:600;font-size:.875rem;transition:all .2s ease}.quick-bet-btn:hover{background:#D4AF37;color:#000000;border-color:#D4AF37}.balance-section{font-size:.875rem;color:#d1d5db;font-weight:500}.deal-btn{width:120px;padding:12px 24px;background:linear-gradient(135deg,#D4AF37,#B8860B);border:none;border-radius:8px;color:#000000;font-family:Orbitron,monospace;font-weight:700;font-size:1rem;letter-spacing:1px;transition:all .2s ease;box-shadow:0 4px 12px rgba(212,175,55,.3)}.deal-btn:hover:not(:disabled){background:linear-gradient(135deg,#FFD700,#D4AF37);transform:translateY(-1px);box-shadow:0 6px 16px rgba(212,175,55,.4)}.deal-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.game-controls{display:flex;flex-direction:column;gap:16px;width:100%}.current-player{font-family:Orbitron,monospace;font-size:1.125rem;font-weight:700;color:#D4AF37;text-shadow:0 0 10px rgba(212,175,55,.3)}.action-buttons{display:flex;gap:12px}.action-btn{padding:12px 20px;border:none;border-radius:8px;font-family:Orbitron,monospace;font-weight:700;font-size:.875rem;letter-spacing:1px;transition:all .2s ease;box-shadow:0 4px 12px rgba(0,0,0,.3)}.hit-btn{background:linear-gradient(135deg,#059669,#047857);color:#ffffff}.hit-btn:hover{background:linear-gradient(135deg,#10b981,#059669);transform:translateY(-1px);box-shadow:0 6px 16px rgba(5,150,105,.4)}.stand-btn{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#ffffff}.stand-btn:hover{background:linear-gradient(135deg,#ef4444,#dc2626);transform:translateY(-1px);box-shadow:0 6px 16px rgba(220,38,38,.4)}.double-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#ffffff}.double-btn:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);transform:translateY(-1px);box-shadow:0 6px 16px rgba(37,99,235,.4)}.complete-controls{display:flex;align-items:center}.new-game-btn{padding:12px 24px;background:linear-gradient(135deg,#D4AF37,#B8860B);border:none;border-radius:8px;color:#000000;font-family:Orbitron,monospace;font-weight:700;font-size:1rem;letter-spacing:1px;transition:all .2s ease;box-shadow:0 4px 12px rgba(212,175,55,.3)}.new-game-btn:hover{background:linear-gradient(135deg,#FFD700,#D4AF37);transform:translateY(-1px);box-shadow:0 6px 16px rgba(212,175,55,.4)}.game-stats{display:flex;flex-direction:column;gap:12px;width:100%}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:rgba(0,0,0,.2);border-radius:6px;border:1px solid rgba(255,255,255,.1)}.stat-label{font-size:.75rem;color:#9ca3af;font-weight:500}.stat-value{font-family:Orbitron,monospace;font-size:.875rem;font-weight:700;color:#D4AF37}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes bannerGlow{0%{box-shadow:0 8px 32px rgba(220,38,38,.4),0 0 20px rgba(212,175,55,.3)}to{box-shadow:0 8px 32px rgba(220,38,38,.6),0 0 30px rgba(212,175,55,.5)}}@media (max-width:1200px){.blackjack-main-box{margin-left:0;max-width:100%;height:700px}.players-area{justify-content:center}.player-position{min-width:280px}}@media (max-width:768px){.blackjack-root{padding:16px}.blackjack-main-box{margin-left:0;height:600px}.dealer-area{height:35%}.players-area{justify-content:center}.player-position{min-width:250px}.control-panel{flex-direction:column;height:auto;gap:16px}.control-right{width:100%}.action-buttons{flex-wrap:wrap}.card{width:60px;height:84px}.card-suit-large{font-size:24px}}@keyframes bust{0%{transform:scale(1) rotate(0deg);opacity:1}25%{transform:scale(1.1) rotate(-2deg);opacity:.9}50%{transform:scale(1.2) rotate(2deg);opacity:.8}75%{transform:scale(1.1) rotate(-1deg);opacity:.9}to{transform:scale(1) rotate(0deg);opacity:1}}@keyframes bustShake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.bust-shake{animation:bustShake .3s ease-in-out}@keyframes cardDeal{0%{transform:translateY(-150px) rotate(-15deg) scale(.5);opacity:0;filter:brightness(1.5) drop-shadow(0 0 20px rgba(255,215,0,.8))}50%{transform:translateY(-30px) rotate(5deg) scale(1.4);opacity:1;filter:brightness(1.3) drop-shadow(0 0 30px rgba(255,215,0,.9))}to{transform:translateY(0) rotate(0deg) scale(1);opacity:1;filter:brightness(1) drop-shadow(0 0 0 transparent)}}@keyframes cardFlip{0%{transform:rotateY(0deg)}50%{transform:rotateY(90deg)}to{transform:rotateY(0deg)}}@keyframes cardSlide{0%{transform:translateX(-250px) rotate(-20deg) scale(.6);opacity:0;filter:brightness(1.5) drop-shadow(0 0 25px rgba(255,215,0,.8))}50%{transform:translateX(-60px) rotate(5deg) scale(1.3);opacity:1;filter:brightness(1.3) drop-shadow(0 0 35px rgba(255,215,0,.9))}to{transform:translateX(0) rotate(0deg) scale(1);opacity:1;filter:brightness(1) drop-shadow(0 0 0 transparent)}}.card-dealing{animation:cardDeal .8s ease-out;z-index:1000}.card-flipping{animation:cardFlip .8s ease-in-out}.card-sliding,.dealing-to-dealer,.dealing-to-player{animation:cardSlide .7s ease-out;z-index:1000}.deal-animation-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;z-index:1000;pointer-events:none}.deal-animation-text{font-family:Orbitron,monospace;font-size:1.5rem;font-weight:900;color:#D4AF37;text-shadow:0 0 10px rgba(212,175,55,.5);animation:pulse 1s ease-in-out infinite}