.casino-war-game-area{position:relative;flex:1;display:flex;flex-direction:column;gap:12px;min-width:0}.casino-war-table{padding:24px;display:flex;flex-direction:column;align-items:center;gap:16px;min-height:300px}.casino-war-hand-section{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.casino-war-hand-section .hand-label{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.dealer-section .hand-label{color:var(--ml-loss)}.player-section .hand-label{color:var(--ml-info)}.casino-war-hand-section .hand-cards{display:flex;gap:8px;justify-content:center;min-height:98px;align-items:center}.casino-war-card{width:70px;height:98px;border-radius:8px;background:linear-gradient(165deg, #fff 0%, #fefefe 20%, #f8f9fa 50%, #f1f3f5 80%, #e9ecef 100%);display:flex;flex-direction:column;justify-content:space-between;font-size:18px;font-weight:700;position:relative;box-shadow:0 1px 2px rgba(0,0,0,0.1),0 4px 8px rgba(0,0,0,0.15),0 8px 16px rgba(0,0,0,0.2),0 16px 32px rgba(0,0,0,0.25),inset 0 1px 0 #fff,0 0 0 1px rgba(0,0,0,0.08);overflow:hidden;padding:6px}.casino-war-card::before{content:'';position:absolute;inset:2px;border-radius:6px;box-shadow:inset 0 0 20px rgba(0,0,0,0.03);pointer-events:none;z-index:1}.casino-war-card .card-corner{display:flex;flex-direction:column;align-items:center;line-height:1;gap:0;z-index:2}.casino-war-card .card-corner-top{align-self:flex-start}.casino-war-card .card-corner-bottom{align-self:flex-end;transform:rotate(180deg)}.casino-war-card .card-center{font-size:46px;line-height:1;text-align:center;z-index:2}.casino-war-card .card-rank{font-size:18px;font-weight:700;line-height:1}.casino-war-card .card-suit{font-size:18px;line-height:1}.casino-war-card.face-down{background-color:var(--ml-bg-panel-deep);background-image:var(--card-back-image);background-size:cover;background-position:center;color:transparent}.casino-war-card.face-down::before{display:none}.casino-war-card.winning-card{box-shadow:0 0 16px rgba(var(--ml-win-rgb), 0.6),0 0 0 2px var(--ml-win),0 4px 8px rgba(0,0,0,0.15)}.casino-war-card.losing-card{opacity:0.6}.casino-war-card-wrapper{position:relative;width:70px;height:98px;perspective:1000px;transform-style:preserve-3d;animation:tableCardDeal 0.4s cubic-bezier(0.34, 1.56, 0.64, 1)}.casino-war-card-wrapper .casino-war-card,.casino-war-card-wrapper .casino-war-card-back-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;transition:transform 0.4s cubic-bezier(0.4, 0, 0.2, 1)}.casino-war-card-wrapper .casino-war-card{transform:rotateY(0deg)}.casino-war-card-wrapper .casino-war-card-back-face{transform:rotateY(180deg);background:linear-gradient(135deg, var(--ml-bg-panel-deep) 0%, var(--ml-bg-panel-deeper) 100%);background-image:var(--card-back-image);background-size:cover;background-position:center;border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,0.1),0 4px 8px rgba(0,0,0,0.15),0 8px 16px rgba(0,0,0,0.2)}.casino-war-card-wrapper.face-down .casino-war-card{transform:rotateY(-180deg)}.casino-war-card-wrapper.face-down .casino-war-card-back-face{transform:rotateY(0deg)}.casino-war-hand-section .hand-cards .casino-war-card-wrapper+.casino-war-card-wrapper{margin-left:-20px}.casino-war-vs-divider.war-vs span{color:var(--ml-gold-light);font-size:16px;text-shadow:0 0 10px rgba(var(--ml-gold-light-rgb), 0.4)}.casino-war-hand-section .hand-cards .burn-card-wrapper{margin-left:-50px}.casino-war-hand-section .hand-cards .burn-card-wrapper+.burn-card-wrapper{margin-left:-55px}.casino-war-war-area{display:none}.casino-war-war-btn{flex:1;background:linear-gradient(135deg, var(--ml-loss-dark), var(--ml-loss)) !important;font-weight:700 !important;animation:warBtnPulse 1.5s infinite}.casino-war-surrender-btn{flex:1;background:rgba(255,255,255,0.1) !important;color:rgba(255,255,255,0.7) !important;border:1px solid rgba(255,255,255,0.2) !important}.casino-war-surrender-btn:hover{background:rgba(255,255,255,0.15) !important;color:rgba(255,255,255,0.9) !important}@keyframes warBtnPulse{0%,100%{box-shadow:0 0 0 0 rgba(var(--ml-loss-dark-rgb), 0.4)}50%{box-shadow:0 0 0 8px rgba(var(--ml-loss-dark-rgb), 0)}}.casino-war-profit-display{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:8px;padding:8px 12px;font-size:14px;color:var(--ml-win)}.casino-war-result-text{text-align:center}.casino-war-result-text.push{max-width:160px;line-height:1.3;font-size:15px}.casino-war-recent-results{width:100%;padding-top:12px;border-top:1px solid rgba(255,255,255,0.15);min-height:66px}.casino-war-recent-results h4{color:rgba(255,255,255,0.5);font-size:11px;text-transform:uppercase;letter-spacing:0.5px;margin:0 0 10px 0}.casino-war-results-strip{display:flex;gap:4px;overflow-x:auto;padding:4px 0}.casino-war-result-chip.surrender-chip{background:rgba(156,163,175,0.2);color:#9ca3af;border:1px solid rgba(156,163,175,0.4)}.casino-war-all-side-results{display:flex;flex-direction:column;gap:6px;position:absolute;top:12px;left:12px;max-width:280px;z-index:5}.casino-war-all-side-results .casino-war-side-bet-results{position:static;display:flex;flex-direction:column;gap:6px}.casino-war-side-bet-results{animation:casinoWarSideBetPop 0.4s ease-out}@keyframes casinoWarSideBetPop{0%{opacity:0;transform:translateY(8px) scale(0.9)}100%{opacity:1;transform:translateY(0) scale(1)}}.side-bet-odds{color:var(--ml-gold-light);font-size:11px;font-weight:600}.casino-war-card.flipping-out{animation:tableCardFlipOut 0.15s ease-in forwards}.casino-war-card.flipping-in{animation:tableCardFlipIn 0.3s ease-out}.casino-war-hand-section.winning-hand .hand-label{text-shadow:0 0 10px currentColor}@media (max-width: 1199px){.casino-war-container{padding:10px}.casino-war-game-area{gap:10px}.casino-war-table{padding:16px;min-height:280px;gap:12px}.casino-war-card-wrapper{width:60px;height:84px}.casino-war-card{width:60px;height:84px;padding:5px}.casino-war-card-back-face{width:60px;height:84px}.casino-war-card .card-rank{font-size:15px}.casino-war-card .card-suit{font-size:15px}.casino-war-card .card-center{font-size:38px}.casino-war-hand-section .hand-label{font-size:12px}.casino-war-hand-section .hand-cards{min-height:84px}.casino-war-vs-divider span{font-size:13px;padding:0 14px}.casino-war-hand-section .hand-cards .burn-card-wrapper{margin-left:-42px}}@media (max-width: 767px){.casino-war-container{max-width:400px;margin:0 auto;padding:8px}.casino-war-layout{flex-direction:column;gap:8px}.casino-war-controls{order:2;width:100%;padding:12px;gap:10px}.casino-war-game-area{order:1;width:100%}.casino-war-table{padding:16px;min-height:280px;gap:8px}.casino-war-hand-section .hand-label{font-size:10px;letter-spacing:1px}.casino-war-hand-section .hand-cards{min-height:76px;gap:6px}.casino-war-card-wrapper{width:50px;height:70px}.casino-war-card{width:50px;height:70px;padding:4px;border-radius:6px}.casino-war-card-back-face{border-radius:6px}.casino-war-card .card-rank{font-size:13px}.casino-war-card .card-suit{font-size:13px}.casino-war-card .card-center{font-size:30px}.casino-war-vs-divider span{font-size:12px;letter-spacing:1px}.casino-war-table .felt-rule-text{font-size:7px;letter-spacing:1px}.casino-war-hand-section .hand-cards .casino-war-card-wrapper+.casino-war-card-wrapper{margin-left:-14px}.casino-war-hand-section .hand-cards .burn-card-wrapper{margin-left:-36px}.casino-war-hand-section .hand-cards .burn-card-wrapper+.burn-card-wrapper{margin-left:-40px}.casino-war-all-side-results{top:8px;left:8px;gap:3px;max-width:140px}.casino-war-result-chip{font-size:11px;padding:3px 8px}.casino-war-result-text.push{font-size:10px;max-width:120px}}@media (max-width: 479px){.casino-war-table{padding:10px;min-height:240px;gap:6px}.casino-war-hand-section .hand-label{font-size:9px}.casino-war-hand-section .hand-cards{min-height:65px;gap:5px}.casino-war-card-wrapper{width:42px;height:60px}.casino-war-card{width:42px;height:60px;padding:3px;border-radius:5px}.casino-war-card-back-face{border-radius:5px}.casino-war-card .card-rank{font-size:11px}.casino-war-card .card-suit{font-size:11px}.casino-war-card .card-center{font-size:24px}.casino-war-vs-divider span{font-size:10px}.casino-war-table .felt-rule-text{font-size:6px;letter-spacing:0.5px}.casino-war-decision-buttons{gap:6px}.casino-war-hand-section .hand-cards .casino-war-card-wrapper+.casino-war-card-wrapper{margin-left:-12px}.casino-war-hand-section .hand-cards .burn-card-wrapper{margin-left:-32px}.casino-war-hand-section .hand-cards .burn-card-wrapper+.burn-card-wrapper{margin-left:-34px}.casino-war-all-side-results{top:6px;left:6px;gap:2px;max-width:100px}.casino-war-result-chip{font-size:10px;padding:2px 6px;border-radius:10px}.casino-war-result-text.push{font-size:9px;max-width:100px}.casino-war-card.hand-highlight{box-shadow:0 0 6px rgba(var(--ml-win-rgb), 0.4), 0 2px 8px rgba(var(--ml-win-rgb), 0.2), inset 0 0 0 1.5px var(--ml-win)}}@media (max-width: 359px){.casino-war-table{padding:6px;min-height:200px;gap:4px}.casino-war-hand-section .hand-label{font-size:8px}.casino-war-hand-section .hand-cards{min-height:56px;gap:4px}.casino-war-card-wrapper{width:36px;height:52px}.casino-war-card{width:36px;height:52px;padding:2px;border-radius:4px}.casino-war-card::before{display:none}.casino-war-card-back-face{border-radius:4px}.casino-war-card .card-rank{font-size:9px}.casino-war-card .card-suit{font-size:8px}.casino-war-card .card-center{font-size:18px}.casino-war-vs-divider span{font-size:9px;padding:0 8px}.casino-war-table .felt-rules-display{display:none}.casino-war-hand-section .hand-cards .casino-war-card-wrapper+.casino-war-card-wrapper{margin-left:-10px}.casino-war-hand-section .hand-cards .burn-card-wrapper{margin-left:-28px}.casino-war-hand-section .hand-cards .burn-card-wrapper+.burn-card-wrapper{margin-left:-30px}.casino-war-all-side-results{top:4px;left:4px;gap:2px;max-width:80px}.casino-war-result-chip{font-size:8px;padding:1px 4px;border-radius:8px}.casino-war-result-text.push{font-size:8px;max-width:80px}.casino-war-card.hand-highlight{box-shadow:0 0 4px rgba(var(--ml-win-rgb), 0.4), 0 1px 6px rgba(var(--ml-win-rgb), 0.2), inset 0 0 0 1px var(--ml-win)}}.side-bets-column.side-bets-player .side-bets-heading{color:var(--ml-win)}.side-bets-column.side-bets-dealer .side-bets-heading{color:var(--ml-loss)}.cw-side-bet-suited-tie{min-width:120px}