:root{--bg-dark: #0d1b1f;--bg-card: #152a30;--bg-elevated: #1e3a42;--accent-green: #2dd4a0;--accent-gold: #f5c842;--accent-red: #e85d5d;--text-primary: #e8f4f0;--text-muted: #7a9a8e;--border: #2a4a52}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Noto Sans SC,-apple-system,sans-serif;background:var(--bg-dark);color:var(--text-primary);min-height:100vh;line-height:1.6}#root{min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:2rem 1rem}.header{text-align:center;margin-bottom:2.5rem}.header h1{font-size:1.75rem;font-weight:700;color:var(--accent-green);letter-spacing:.02em}.subtitle{margin-top:.35rem;font-size:.9rem;color:var(--text-muted)}.main{width:100%;max-width:420px}.input-section{display:flex;flex-direction:column;gap:1.25rem}.input-group{display:flex;flex-direction:column;gap:.4rem}.input-group label{font-size:.85rem;font-weight:500;color:var(--text-muted)}.player-row{display:flex;flex-direction:column;gap:.25rem}.player-input-wrap{display:flex;align-items:flex-start;gap:.75rem;width:100%;overflow:visible}.player-input-wrap .player-equity-badge{margin-top:1.5rem}.player-input-wrap .hand-input{flex:1;min-width:0}.player-equity-badge{flex-shrink:0;min-width:72px;padding:.5rem 1rem;font-size:1.25rem;font-weight:700;text-align:center;border-radius:8px;color:#0d1b1f}.player-equity-badge.p1{background:var(--accent-gold)}.player-equity-badge.p2{background:var(--accent-green)}.equity-result-summary{margin-top:1.5rem;padding:1.25rem;background:var(--bg-card);border:1px solid var(--border);border-radius:12px}.summary-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.summary-cards{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.summary-card-row{display:flex;align-items:center;gap:.75rem;font-size:.9rem}.summary-card-label{color:var(--text-muted);min-width:4rem}.summary-card-value{color:var(--text-primary);font-weight:500;letter-spacing:.02em}.summary-total{font-size:.9rem;color:var(--accent-green);margin-bottom:.75rem}.summary-rows{display:flex;flex-direction:column;gap:.75rem}.summary-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.summary-hand{font-size:.9rem;color:var(--text-muted);min-width:3.5rem}.summary-winrate{font-size:1.1rem;font-weight:700;min-width:4.5rem;padding:.25rem .5rem;border-radius:6px;color:#0d1b1f}.summary-winrate.p1{background:#f5c84266}.summary-winrate.p2{background:#2dd4a066}.summary-win,.summary-tie,.summary-count{font-size:.85rem;color:var(--text-muted)}.summary-stats{margin-top:1rem;padding:.75rem 1rem;background:#00000026;border-radius:8px}.summary-stats-title{font-size:.85rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.summary-stats-rows{display:flex;flex-direction:column;gap:.35rem}.summary-stats-row{display:flex;align-items:center;justify-content:space-between;font-size:.9rem}.summary-stats-label{color:var(--text-muted)}.summary-stats-value{font-weight:600;color:var(--text-primary)}.summary-stats-value.p1{color:#f5c842}.summary-stats-value.p2{color:#2dd4a0}.summary-combos{margin-top:1rem;font-size:.85rem;color:var(--text-muted)}.hand-breakdown{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border)}.hand-breakdown-title{font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.breakdown-table{width:100%;font-size:.85rem;border-collapse:collapse}.breakdown-table th,.breakdown-table td{padding:.4rem .5rem;text-align:left;border-bottom:1px solid var(--border)}.breakdown-table th{color:var(--text-muted);font-weight:500}.breakdown-table td.p1{color:var(--accent-gold)}.breakdown-table td.p2{color:var(--accent-green)}.breakdown-row-expandable{cursor:pointer}.breakdown-row-expandable:hover{background:#ffffff0d}.breakdown-expand-icon{display:inline-block;width:1em;margin-right:.35rem;font-size:.75em;color:var(--text-muted)}.breakdown-sub-row{background:#00000026}.breakdown-sub-cell{padding-left:2rem!important;font-weight:500}.board-section{gap:.5rem}.board-card-input-row{display:flex;align-items:center;gap:.5rem;position:relative}.board-card-label{width:3rem;font-size:.85rem;color:var(--text-muted)}.board-card-input-wrap{display:flex;gap:.35rem;align-items:center;flex:1}.board-card-input-wrap .card-input{flex:1;min-width:0}.board-select-btn{padding:.4rem .75rem;font-size:.8rem;font-family:inherit;color:var(--accent-green);background:transparent;border:1px solid var(--accent-green);border-radius:6px;cursor:pointer;flex-shrink:0}.board-select-btn:hover{background:#2dd4a026}.board-picker-dialog{position:absolute;z-index:50;margin-top:.5rem;padding:1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 24px #0006}.clear-all-btn{padding:.5rem 1rem;font-size:.9rem;font-family:inherit;color:var(--accent-red);background:transparent;border:1px solid var(--accent-red);border-radius:8px;cursor:pointer;margin-top:.5rem}.clear-all-btn:hover{background:#e85d5d26}.equity-summary{margin-top:1rem;font-size:.9rem;color:var(--text-muted)}.equity-summary .tie-info{margin-bottom:.25rem}.equity-summary .combos{font-size:.85rem}.optional{font-weight:400;opacity:.7}.monte-carlo-principle{font-size:.85rem;color:var(--text-muted);border:1px solid var(--border);border-radius:8px;padding:.5rem .75rem;background:#0000001a}.monte-carlo-principle summary{cursor:pointer;font-weight:500;color:var(--text-primary)}.monte-carlo-principle[open] summary{margin-bottom:.5rem}.principle-content p{margin:.35rem 0;line-height:1.5}.principle-content strong{color:var(--accent-green)}.card-input{font-family:JetBrains Mono,monospace;font-size:1rem;padding:.65rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);outline:none;transition:border-color .2s}.card-input:focus{border-color:var(--accent-green)}.card-input::placeholder{color:var(--text-muted);opacity:.6}.calc-btn{width:100%;margin-top:1.5rem;padding:.85rem 1.5rem;font-size:1rem;font-weight:600;font-family:inherit;color:var(--bg-dark);background:var(--accent-green);border:none;border-radius:8px;cursor:pointer;transition:opacity .2s,transform .1s}.calc-btn:hover:not(:disabled){opacity:.95;transform:translateY(-1px)}.calc-btn:disabled{opacity:.6;cursor:not-allowed}.error{margin-top:1rem;padding:.6rem;background:#e85d5d26;color:var(--accent-red);border-radius:6px;font-size:.9rem}.equity-result{margin-top:2rem;padding:1.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:12px}.equity-result h3{font-size:1rem;font-weight:600;margin-bottom:1.25rem;color:var(--text-primary)}.equity-bars{display:flex;flex-direction:column;gap:1rem}.bar-group{display:grid;grid-template-columns:70px 1fr 55px;align-items:center;gap:.75rem}.bar-label{font-size:.9rem;color:var(--text-muted)}.bar-track{height:24px;background:var(--bg-elevated);border-radius:6px;overflow:hidden}.bar-fill{height:100%;border-radius:6px;transition:width .4s ease}.bar-fill.p1{background:linear-gradient(90deg,#2dd4a0,#20b386)}.bar-fill.p2{background:linear-gradient(90deg,#f5c842,#e5b832)}.bar-value{font-family:JetBrains Mono,monospace;font-size:.95rem;font-weight:600;text-align:right}.tie-info{margin-top:1rem;font-size:.9rem;color:var(--text-muted)}.combos{margin-top:.75rem;font-size:.8rem;color:var(--text-muted);opacity:.8}.method-group{margin-top:.5rem}.method-options{display:flex;gap:1.25rem;flex-wrap:wrap}.method-option{display:flex;align-items:center;gap:.4rem;font-size:.9rem;color:var(--text-primary);cursor:pointer}.method-option input{accent-color:var(--accent-green)}.method-option span{-webkit-user-select:none;user-select:none}select.card-input{cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.button-row{display:flex;gap:.75rem;margin-top:1.5rem;align-items:center}.button-row .calc-btn{flex:1}.cancel-btn{padding:.85rem 1.25rem;font-size:.95rem;font-family:inherit;color:var(--accent-red);background:transparent;border:1px solid var(--accent-red);border-radius:8px;cursor:pointer}.cancel-btn:hover{background:#e85d5d26}.progress-bar{margin-top:1rem;padding:.75rem;background:var(--bg-card);border-radius:8px}.progress-track{height:8px;background:var(--bg-elevated);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:var(--accent-green);border-radius:4px;transition:width .2s}.progress-text{font-size:.85rem;color:var(--text-muted)}.confirm-dialog{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.confirm-content{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;max-width:360px}.confirm-content h3{margin-bottom:1rem;font-size:1.1rem}.confirm-content p{margin-bottom:.5rem;color:var(--text-muted)}.confirm-buttons{display:flex;gap:.75rem;margin-top:1.25rem}.confirm-btn{padding:.6rem 1.25rem;font-size:.95rem;font-family:inherit;color:var(--bg-dark);background:var(--accent-green);border:none;border-radius:8px;cursor:pointer}.hand-input{display:flex;flex-direction:column;gap:.5rem;overflow:visible}.hand-input label{font-size:.85rem;font-weight:500;color:var(--text-muted)}.hand-input-actions{display:flex;gap:.5rem;align-items:center}.hand-action-btn{padding:.4rem .75rem;font-size:.8rem;font-family:inherit;color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border);border-radius:6px;cursor:pointer}.hand-action-btn:hover{color:var(--text-primary);border-color:var(--text-muted)}.random-range-wrap{position:relative}.random-range-btn{color:var(--accent-green)}.random-range-btn:hover{color:var(--accent-green);border-color:var(--accent-green)}.random-range-menu{position:absolute;top:100%;left:0;margin-top:.5rem;padding:.25rem;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px #0000004d;z-index:60;display:flex;flex-direction:column;gap:.15rem}.random-range-option{padding:.4rem .75rem;font-size:.8rem;font-family:inherit;color:var(--text-primary);background:transparent;border:none;border-radius:6px;cursor:pointer;text-align:left}.random-range-option:hover{background:#2dd4a026;color:var(--accent-green)}.hand-input-row{display:flex;gap:.5rem;align-items:center;position:relative}.hand-input-row .card-input{flex:1}.hand-picker-btn{padding:.5rem 1rem;font-size:.85rem;font-family:inherit;color:var(--accent-green);background:transparent;border:1px solid var(--accent-green);border-radius:6px;cursor:pointer;flex-shrink:0}.hand-picker-btn:hover{background:#2dd4a026}.input-clear-btn{width:36px;height:36px;padding:0;font-size:1.25rem;font-family:inherit;color:var(--text-muted);background:transparent;border:1px solid var(--border);border-radius:6px;cursor:pointer;flex-shrink:0;line-height:1}.input-clear-btn:hover{color:var(--accent-red);border-color:var(--accent-red)}.hand-mode{position:relative}.hand-preview{padding:.65rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;cursor:pointer;min-height:42px}.hand-preview:hover{border-color:var(--accent-green)}.hand-cards{font-family:JetBrains Mono,monospace;font-size:1rem}.hand-placeholder{color:var(--text-muted);font-size:.9rem}.card-picker-dialog{position:absolute;z-index:50;margin-top:.5rem;padding:1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 24px #0006}.card-picker-title{font-size:.9rem;margin-bottom:.75rem;color:var(--text-primary)}.card-picker-grid{display:flex;flex-direction:column;gap:.25rem}.card-picker-row{display:flex;gap:.25rem}.card-cell{width:36px;height:44px;font-size:.85rem;font-family:JetBrains Mono,monospace;background:var(--bg-elevated);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);cursor:pointer}.card-cell:hover{border-color:var(--accent-green)}.card-cell.picked{background:#2dd4a040;border-color:var(--accent-green)}.card-cell.in-selected{background:#f5c84233;border-color:var(--accent-gold)}.card-cell.picked.in-selected{background:linear-gradient(135deg,#2dd4a04d,#f5c84240);border-color:var(--accent-green)}.card-cell.used,.card-cell:disabled{opacity:.4;cursor:not-allowed;color:var(--text-muted)}.card-cell.used:hover,.card-cell:disabled:hover{border-color:var(--border)}.card-picker-selected{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin-bottom:.75rem;font-size:.85rem}.card-picker-selected-label{color:var(--text-muted)}.card-picker-hand-chip{padding:.2rem .5rem;background:#f5c84233;border:1px solid var(--accent-gold);border-radius:6px;font-family:JetBrains Mono,monospace}.card-picker-preview{margin-bottom:.5rem;font-size:.85rem}.card-picker-preview.add{color:var(--accent-green)}.card-picker-preview.remove{color:var(--accent-red)}.card-picker-actions{display:flex;gap:.5rem;margin-top:1rem}.picker-cancel-btn{padding:.4rem .8rem;font-size:.85rem;font-family:inherit;color:var(--text-muted);background:transparent;border:1px solid var(--border);border-radius:6px;cursor:pointer}.picker-cancel-btn:hover{color:var(--text-primary)}.range-mode{margin-top:.5rem;overflow:visible}.range-matrix{padding:1rem;background:var(--bg-elevated);border-radius:8px;border:1px solid var(--border)}.range-formula-row{display:flex;gap:.5rem;align-items:center;margin-bottom:.75rem;overflow:visible}.range-formula-row .range-formula-actions button{position:relative;z-index:20}.range-formula-input{flex:1;min-width:0;font-size:.9rem}.range-formula-actions{display:flex;gap:.5rem;flex-shrink:0}.range-confirm-btn{padding:.5rem 1rem;font-size:.9rem;font-weight:600}.matrix-title{font-size:.9rem;margin-bottom:.75rem;color:var(--text-primary);text-align:center}.matrix-grid{overflow-x:auto}.matrix-header{display:flex;align-items:center;margin-bottom:.2rem}.matrix-corner{width:24px;flex-shrink:0}.matrix-header-cell{width:32px;flex-shrink:0;font-size:.75rem;text-align:center;color:var(--text-muted)}.matrix-row{display:flex;align-items:center;gap:.2rem;margin-bottom:.2rem}.matrix-row-label{width:24px;flex-shrink:0;font-size:.75rem;color:var(--text-muted)}.matrix-row .matrix-cell{width:32px;height:28px;padding:0;font-size:.7rem;flex-shrink:0}.matrix-cell.pair{background:#2dd4a026}.matrix-cell.suited{background:#f5c84226}.matrix-cell.offsuit{background:#6496c81a}.matrix-legend{display:flex;gap:1rem;margin-top:.75rem;font-size:.75rem;color:var(--text-muted)}.legend-pair{color:var(--accent-green)}.legend-suited{color:var(--accent-gold)}.legend-offsuit{color:#7ab8e8}.range-stats{margin-top:1rem;padding:.75rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;font-size:.85rem}.range-stats-combos{color:var(--text-primary);margin-bottom:.5rem}.range-stats-row{display:flex;gap:1rem;align-items:center;color:var(--text-muted)}.range-stat-label{font-weight:500}.range-stat-value{color:var(--accent-green);font-family:JetBrains Mono,monospace}.range-matrix-actions{display:flex;gap:.5rem;margin-top:1rem;position:relative;z-index:10;flex-shrink:0}.range-matrix-actions .confirm-btn,.range-matrix-actions .picker-cancel-btn{flex-shrink:0;pointer-events:auto;cursor:pointer;min-height:36px;padding:.5rem 1rem}.hand-range-selector{margin-top:.5rem}.selector-trigger{padding:.4rem .75rem;font-size:.8rem;font-family:inherit;color:var(--accent-green);background:transparent;border:1px dashed var(--border);border-radius:6px;cursor:pointer}.selector-trigger:hover{border-color:var(--accent-green)}.range-grid{margin-top:.75rem;padding:1rem;background:var(--bg-elevated);border-radius:8px}.grid-section{margin-bottom:1rem}.grid-label{font-size:.8rem;color:var(--text-muted);margin-bottom:.5rem}.pair-row{display:flex;flex-wrap:wrap;gap:.35rem}.grid-cell.pair,.matrix-cell{padding:.35rem .6rem;font-size:.75rem;font-family:JetBrains Mono,monospace;background:var(--bg-card);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);cursor:pointer}.grid-cell.pair:hover,.matrix-cell:hover{border-color:var(--accent-green)}.grid-cell.selected,.matrix-cell.selected{background:#2dd4a033;border-color:var(--accent-green)}.matrix-cell.empty{cursor:default;opacity:0;pointer-events:none}.suit-picker{margin-top:1rem;padding:1rem;background:var(--bg-card);border-radius:8px;border:1px solid var(--border)}.suit-picker-label{font-size:.85rem;color:var(--text-muted);margin-bottom:.75rem}.suit-picker-grid{display:flex;flex-wrap:wrap;gap:.5rem}.suit-option{padding:.5rem .75rem;font-size:.9rem;font-family:JetBrains Mono,monospace;background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);cursor:pointer}.suit-option:hover{border-color:var(--accent-green)}.suit-option.selected{background:#2dd4a033;border-color:var(--accent-green)}.suit-picker-close{margin-top:.75rem;padding:.4rem .8rem;font-size:.85rem;font-family:inherit;color:var(--text-muted);background:transparent;border:1px solid var(--border);border-radius:6px;cursor:pointer}.suit-picker-close:hover{color:var(--text-primary)}.combo-matrix{display:flex;flex-direction:column;gap:.2rem}.matrix-row{display:flex;gap:.2rem}.footer{margin-top:auto;padding-top:2rem;font-size:.75rem;color:var(--text-muted);opacity:.7}.footer-hint{margin-top:.25rem;font-size:.7rem;opacity:.8}