.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:#ef4444}.player-section .hand-label{color:#3b82f6}.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:#1e3a5f;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(34,197,94,0.6),0 0 0 2px #22c55e,0 4px 8px rgba(0,0,0,0.15)}.casino-war-card.losing-card{opacity:0.6}@keyframes casinoWarCardDeal{0%{transform:translateY(-30px) scale(0.8);opacity:0}100%{transform:translateY(0) scale(1);opacity:1}}.casino-war-card.hand-highlight{box-shadow:0 0 12px rgba(34,197,94,0.5),0 4px 16px rgba(34,197,94,0.3),inset 0 0 0 2px #22c55e}.casino-war-card-wrapper{position:relative;width:70px;height:98px;perspective:1000px;transform-style:preserve-3d;animation:casinoWarCardDeal 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, #1e3a5f 0%, #0f1f33 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{display:flex;align-items:center;justify-content:center;width:100%;padding:4px 0}.casino-war-vs-divider span{color:rgba(255,255,255,0.3);font-size:14px;font-weight:700;letter-spacing:2px;padding:0 16px}.casino-war-vs-divider.war-vs span{color:#fbbf24;font-size:16px;text-shadow:0 0 10px rgba(251,191,36,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-decision-buttons{display:flex;gap:8px;width:100%}.casino-war-war-btn{flex:1;background:linear-gradient(135deg, #dc2626, #ef4444) !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(220,38,38,0.4)}50%{box-shadow:0 0 0 8px rgba(220,38,38,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:#22c55e}.casino-war-result-overlay{position:absolute;top:12px;right:12px;transform:scale(0.9);transform-origin:top right;background:rgba(15,15,25,0.95);border-radius:12px;padding:16px 28px;display:flex;flex-direction:column;align-items:center;gap:8px;z-index:10;opacity:0;visibility:hidden;transition:none;border:2px solid rgba(255,255,255,0.1);box-shadow:0 4px 20px rgba(0,0,0,0.4)}.casino-war-result-overlay.show{opacity:1;visibility:visible;transform:scale(1);transform-origin:top right;transition:all 0.2s ease-out}.casino-war-result-overlay.show.win-state{border-color:rgba(34,197,94,0.6)}.casino-war-result-overlay.show.loss-state{border-color:rgba(239,68,68,0.5)}.casino-war-result-overlay.show.push-state{border-color:rgba(245,158,11,0.6)}.casino-war-result-text{font-size:18px;font-weight:700;text-transform:uppercase;margin-bottom:4px;letter-spacing:2px;text-align:center}.casino-war-result-text.win{color:#22c55e}.casino-war-result-text.loss{color:#ef4444}.casino-war-result-text.push{color:#f59e0b;max-width:160px;line-height:1.3;font-size:15px}.casino-war-result-payout{display:flex;align-items:center;justify-content:center;gap:4px;font-size:14px;font-weight:600;color:#94a3b8}.casino-war-result-overlay img{height:11px !important;width:11px !important;object-fit:contain;vertical-align:middle}.casino-war-result-overlay .result-breakdown{width:100%;max-width:240px;margin-top:6px;padding-top:8px;border-top:1px solid rgba(255,255,255,0.08);font-size:12px;font-variant-numeric:tabular-nums}.casino-war-result-overlay .rb-wagered{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:4px;margin-bottom:4px;border-bottom:1px solid rgba(255,255,255,0.08);font-size:11px;font-weight:600;color:#64748b}.casino-war-result-overlay .rb-wagered img{height:10px !important;width:10px !important;object-fit:contain;vertical-align:middle}.casino-war-result-overlay .rb-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:3px 0;color:#94a3b8}.casino-war-result-overlay .rb-label{font-weight:500;color:#94a3b8}.casino-war-result-overlay .rb-hand{font-weight:400;font-size:10px;color:#64748b;margin-left:3px}.casino-war-result-overlay .rb-win{color:#22c55e;font-weight:600}.casino-war-result-overlay .rb-loss{color:#ef4444;font-weight:600}.casino-war-result-overlay .rb-even{color:#94a3b8;font-weight:500}.casino-war-result-overlay .rb-total{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:5px;padding-top:6px;border-top:1px solid rgba(255,255,255,0.1);font-size:13px;font-weight:700;color:#e2e8f0}.casino-war-result-overlay .rb-total .rb-win,.casino-war-result-overlay .rb-total .rb-loss,.casino-war-result-overlay .rb-total .rb-even{font-weight:700}.casino-war-result-overlay .rb-total img{height:11px !important;width:11px !important;object-fit:contain;vertical-align:middle}.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{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;transition:transform 0.2s, box-shadow 0.2s;animation:casinoWarChipSlide 0.3s ease-out;white-space:nowrap}.casino-war-result-chip:first-child{animation:casinoWarChipSlide 0.3s ease-out, casinoWarChipPop 0.4s ease-out 0.3s}.casino-war-result-chip.win-chip{background:rgba(34,197,94,0.2);color:#22c55e;border:1px solid rgba(34,197,94,0.4)}.casino-war-result-chip.loss-chip{background:rgba(239,68,68,0.2);color:#ef4444;border:1px solid rgba(239,68,68,0.4)}.casino-war-result-chip.surrender-chip{background:rgba(156,163,175,0.2);color:#9ca3af;border:1px solid rgba(156,163,175,0.4)}@keyframes casinoWarChipSlide{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes casinoWarChipPop{0%{transform:scale(1)}50%{transform:scale(1.15)}100%{transform:scale(1)}}.casino-war-side-bet-results{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;gap:12px;max-width:280px;z-index:5;animation:casinoWarSideBetPop 0.4s ease-out}.casino-war-side-bet-results .side-bet-result{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;background:rgba(15,23,42,0.85);border:1px solid rgba(255,255,255,0.1)}.casino-war-side-bet-results .side-bet-result.win{border-color:rgba(34,197,94,0.4);background:rgba(34,197,94,0.15)}.casino-war-side-bet-results .side-bet-result.loss{border-color:rgba(239,68,68,0.3);background:rgba(239,68,68,0.1)}.casino-war-side-bet-results .side-bet-label{color:rgba(255,255,255,0.6);font-weight:500}.casino-war-side-bet-results .side-bet-payout{font-weight:700}.casino-war-side-bet-results .side-bet-payout.win{color:#22c55e}.casino-war-side-bet-results .side-bet-payout.loss{color:rgba(255,255,255,0.4)}.casino-war-side-bet-results img{height:11px !important;width:11px !important;object-fit:contain;vertical-align:middle}@keyframes casinoWarSideBetPop{0%{opacity:0;transform:translateY(8px) scale(0.9)}100%{opacity:1;transform:translateY(0) scale(1)}}.side-bet-odds{color:#fbbf24;font-size:11px;font-weight:600}.casino-war-card.flipping-out{animation:cwCardFlipOut 0.15s ease-in forwards}.casino-war-card.flipping-in{animation:cwCardFlipIn 0.3s ease-out}@keyframes cwCardFlipOut{0%{transform:rotateY(0deg)}100%{transform:rotateY(90deg)}}@keyframes cwCardFlipIn{0%{transform:rotateY(-90deg)}100%{transform:rotateY(0deg)}}.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:auto}.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}.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-side-bet-results{top:8px;left:8px;gap:3px;max-width:140px}.casino-war-side-bet-results .side-bet-result{font-size:8px;padding:2px 6px;gap:3px}.casino-war-side-bet-results .side-bet-label{font-size:7px}.casino-war-result-chip{font-size:11px;padding:3px 8px}.casino-war-result-overlay{padding:8px 12px;border-radius:8px;top:8px;right:8px;gap:4px;max-width:55%}.casino-war-result-text{font-size:11px;margin-bottom:2px;letter-spacing:0.5px}.casino-war-result-text.push{font-size:10px;max-width:120px}.casino-war-result-payout{font-size:11px}.casino-war-result-overlay .result-breakdown{max-width:170px;font-size:9px;margin-top:3px;padding-top:4px}.casino-war-result-overlay .rb-wagered{font-size:8px;padding-bottom:2px;margin-bottom:2px}.casino-war-result-overlay .rb-row{padding:1px 0}.casino-war-result-overlay .rb-total{font-size:10px;margin-top:3px;padding-top:3px}.casino-war-result-overlay .rb-hand{font-size:7px}}@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}.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-side-bet-results{top:6px;left:6px;gap:2px;max-width:100px}.casino-war-side-bet-results .side-bet-result{font-size:7px;padding:2px 4px;gap:2px}.casino-war-result-chip{font-size:10px;padding:2px 6px;border-radius:10px}.casino-war-result-overlay{padding:6px 10px;border-radius:6px;top:6px;right:6px;gap:3px;max-width:50%}.casino-war-result-text{font-size:10px;letter-spacing:0.3px}.casino-war-result-text.push{font-size:9px;max-width:100px}.casino-war-result-payout{font-size:10px}.casino-war-result-overlay .result-breakdown{max-width:150px;font-size:8px;margin-top:2px;padding-top:3px}.casino-war-result-overlay .rb-wagered{font-size:7px}.casino-war-result-overlay .rb-total{font-size:9px;margin-top:2px;padding-top:2px}.casino-war-result-overlay .rb-hand{font-size:7px}.casino-war-card.hand-highlight{box-shadow:0 0 6px rgba(34,197,94,0.4), 0 2px 8px rgba(34,197,94,0.2), inset 0 0 0 1.5px #22c55e}}@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}.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-side-bet-results{top:4px;left:4px;gap:2px;max-width:80px}.casino-war-side-bet-results .side-bet-result{font-size:6px;padding:1px 3px;gap:2px}.casino-war-result-chip{font-size:8px;padding:1px 4px;border-radius:8px}.casino-war-result-overlay{padding:4px 8px;border-radius:5px;top:4px;right:4px;gap:2px;max-width:48%}.casino-war-result-text{font-size:9px;margin-bottom:1px}.casino-war-result-text.push{font-size:8px;max-width:80px}.casino-war-result-payout{font-size:9px}.casino-war-result-overlay .result-breakdown{max-width:130px;font-size:7px}.casino-war-result-overlay .rb-total{font-size:8px}.casino-war-card.hand-highlight{box-shadow:0 0 4px rgba(34,197,94,0.4), 0 1px 6px rgba(34,197,94,0.2), inset 0 0 0 1px #22c55e}}