.ai-component-blackjack-calculator{width:100%;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;color:#333;max-width:800px;margin:0 auto}.calculator-title{text-align:center;color:#4a89dc;font-size:24px;font-weight:600;margin-bottom:30px}.ai-component-section{background-color:#f8f9fa;border-radius:8px;padding:16px 20px;margin-bottom:20px}.ai-component-section-title{color:#4a89dc;font-size:16px;font-weight:600;margin-top:0;margin-bottom:16px}.ai-component-form-row{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:10px}.ai-component-form-group{flex:1;min-width:200px}.ai-component-form-group label{display:block;margin-bottom:6px;font-size:14px;color:#555}.ai-component-select{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;background-color:#fff;color:#333}.ai-component-input{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.ai-component-input-group{display:flex;align-items:center}.ai-component-input-suffix{margin-left:8px;color:#666}.ai-component-dealer-cards p{margin-top:0;margin-bottom:10px;font-size:14px;color:#555}.ai-component-card-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.ai-component-card{display:flex;align-items:center;justify-content:center;width:100%;height:40px;background-color:#fff;border:1px solid #ddd;border-radius:4px;font-size:16px;cursor:pointer;transition:all 0.2s ease}.ai-component-card:hover{background-color:#f0f7ff;border-color:#4a89dc}.ai-component-card-selected{background-color:#e6f0ff;border-color:#4a89dc;box-shadow:0 0 0 2px rgba(74,137,220,.2)}.ai-component-rules-options{display:flex;flex-wrap:wrap;gap:20px}.ai-component-checkbox-group{display:flex;align-items:center}.ai-component-checkbox-group input[type="checkbox"]{margin-right:8px}.ai-component-actions{display:flex;gap:16px;margin-bottom:30px}.ai-component-button{padding:12px 24px;border:none;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color 0.2s ease}.ai-component-button-primary{background-color:#4a89dc;color:#fff}.ai-component-button-primary:hover{background-color:#3b7dd8}.ai-component-button-secondary{background-color:#f1f1f1;color:#333}.ai-component-button-secondary:hover{background-color:#e5e5e5}.ai-component-results{margin-top:30px}.ai-component-results-title{color:#4a89dc;font-size:20px;font-weight:600;margin-bottom:20px;text-align:center}.ai-component-optimal-play{background-color:#f0f7ff;border-radius:8px;padding:20px;text-align:center;margin-bottom:24px}.ai-component-optimal-play-title{color:#666;font-size:14px;font-weight:600;margin-top:0;margin-bottom:8px}.ai-component-optimal-play-action{color:#4a89dc;font-size:24px;font-weight:700;margin-bottom:8px}.ai-component-optimal-play-value{color:#666;font-size:14px}.ai-component-metrics{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:24px}.ai-component-metric{flex:1;min-width:150px;background-color:#fff;border:1px solid #eee;border-radius:8px;padding:16px;text-align:center}.ai-component-metric-title{color:#666;font-size:14px;font-weight:600;margin-top:0;margin-bottom:8px}.ai-component-metric-value{font-size:20px;font-weight:700;margin-bottom:8px}.ai-component-positive{color:#4CAF50}.ai-component-negative{color:#F44336}.ai-component-metric-description{color:#888;font-size:12px}.ai-component-breakdown{background-color:#f8f9fa;border-left:4px solid #4a89dc;padding:16px 20px;margin-bottom:24px}.ai-component-breakdown-title{color:#4a89dc;font-size:16px;font-weight:600;margin-top:0;margin-bottom:10px}.ai-component-breakdown-text{color:#555;font-size:14px;line-height:1.5;margin:0}.ai-component-comparison{margin-bottom:30px}.ai-component-comparison-title{color:#4a89dc;font-size:16px;font-weight:600;margin-top:0;margin-bottom:16px}.ai-component-chart{height:300px;padding:20px;background:linear-gradient(to right,#f8f9fa 0%,#f8f9fa 80px,transparent 80px);background-image:linear-gradient(to bottom,#e9ecef 1px,transparent 1px),linear-gradient(to right,#e9ecef 1px,transparent 1px);background-size:100% 40px,20px 100%;border-radius:8px;position:relative;display:flex}.ai-component-chart-y-axis{width:60px;height:240px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;padding-right:15px;margin-right:5px}.ai-component-y-label{font-size:12px;color:#666;line-height:1}.ai-component-chart-container{display:flex;justify-content:space-around;align-items:flex-end;height:240px;flex:1;margin-bottom:0}.ai-component-chart-column{display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.ai-component-chart-bar{width:60px;min-height:1px;border-radius:4px 4px 0 0;transition:all 0.3s ease;margin-bottom:10px;position:relative}.ai-component-chart-bar[data-action="Hit"]{background-color:#4db6ac}.ai-component-chart-bar[data-action="Stand"]{background-color:#4db6ac}.ai-component-chart-bar[data-action="Double"]{background-color:#ffb74d}.ai-component-chart-bar[data-action="Surrender"]{background-color:#f48fb1}.ai-component-chart-bar-selected{box-shadow:0 2px 8px rgba(0,0,0,.2);transform:scale(1.05)}.ai-component-chart-label{font-size:12px;color:#666;text-align:center;margin-top:8px}.ai-component-chart-legend{position:absolute;top:20px;right:20px}.ai-component-chart-legend-item{display:flex;align-items:center;font-size:12px;color:#666}.ai-component-chart-legend-bar{width:12px;height:12px;background-color:#4db6ac;margin-right:6px;border-radius:2px}.ai-component-strategy-table{margin-top:30px}.ai-component-strategy-table-title{color:#4a89dc;font-size:16px;font-weight:600;margin-top:0;margin-bottom:16px}.ai-component-table-container{overflow-x:auto;margin-bottom:16px}.ai-component-table{width:100%;border-collapse:collapse;font-size:13px}.ai-component-table th,.ai-component-table td{border:1px solid #ddd;padding:8px;text-align:center}.ai-component-table th{background-color:#f5f5f5;font-weight:600}.ai-component-table td:first-child{background-color:#f5f5f5;font-weight:600}.ai-component-table-highlighted{border:3px solid #ff9500!important;box-shadow:0 0 0 1px #ff9500}.ai-component-table-cell-hit{background-color:#b3d9ff;color:#06c;font-weight:600}.ai-component-table-cell-stand{background-color:#b3f0cc;color:#00994d;font-weight:600}.ai-component-table-cell-double{background-color:#ffe6b3;color:#c60;font-weight:600}.ai-component-table-cell-split{background-color:#e6ccff;color:#70a;font-weight:600}.ai-component-table-cell-surrender{background-color:#fcd;color:#c04;font-weight:600}.ai-component-legend{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px}.ai-component-legend-item{display:flex;align-items:center}.ai-component-legend-color{width:16px;height:16px;border-radius:3px;margin-right:6px}.ai-legend-hit{background-color:#b3d9ff}.ai-legend-stand{background-color:#b3f0cc}.ai-legend-double{background-color:#ffe6b3}.ai-legend-split{background-color:#e6ccff}.ai-legend-surrender{background-color:#fcd}.ai-component-legend-text{font-size:12px;color:#666}@media (max-width:768px){.ai-component-form-row,.ai-component-metrics{flex-direction:column;gap:15px}.ai-component-card-grid{grid-template-columns:repeat(5,1fr)}.ai-component-actions{flex-direction:column}.ai-component-legend{justify-content:center}}