/* public_html/css/pko-view.css · Calculadora PKO - LIF Poker */
.pko-view{max-width:980px;margin:0 auto;padding:8px 4px 24px}
.pko-view .pko-header{text-align:center;margin-bottom:20px}
.pko-view .pko-header h1{font-family:'Bebas Neue',sans-serif;font-size:2.4rem;margin:0;letter-spacing:2px;background:linear-gradient(90deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}
.pko-view .pko-header p{color:var(--neutral);margin:6px 0 0;font-size:.95rem}

.pko-view .pko-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:12px 14px;margin-bottom:10px}
.pko-view .pko-card h2{margin:0 0 10px;font-size:1rem;color:var(--primary);font-weight:600;display:flex;align-items:center;gap:8px}
.pko-view .pko-card h2::before{content:"";display:inline-block;width:4px;height:18px;background:var(--primary);border-radius:2px}
.pko-view .pko-card h2 .pko-help{margin-left:auto;width:22px;height:22px;border-radius:50%;background:rgba(110,207,240,.15);color:var(--primary);display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;cursor:pointer;border:1px solid rgba(110,207,240,.3);font-weight:700}
.pko-view .pko-card h2 .pko-help:hover{background:var(--primary);color:var(--bg)}

.pko-view .pko-spot-toggle{margin-left:auto;display:inline-flex;background:#151515;border:1px solid var(--border-color);border-radius:50px;padding:2px;font-size:.7rem}
.pko-view .pko-spot-toggle button{background:transparent;color:#8a9aa8;border:0;padding:4px 12px;border-radius:50px;cursor:pointer;font-family:inherit;font-size:.7rem;font-weight:600}
.pko-view .pko-spot-toggle button.active{background:var(--accent);color:#fff}

.pko-view .pko-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}
.pko-view .pko-field{display:flex;flex-direction:column;gap:5px}
.pko-view .pko-field label{font-size:.72rem;color:var(--neutral);font-weight:500;text-transform:uppercase;letter-spacing:.5px}
.pko-view .pko-field label .hint{text-transform:none;font-weight:400;font-size:.72rem;color:#8a9aa8}
.pko-view .pko-field input{background:#151515;border:1px solid var(--border-color);border-radius:8px;padding:7px 10px;color:var(--text);font-family:inherit;font-size:.92rem;width:100%}
.pko-view .pko-field input:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px rgba(110,207,240,.15)}

.pko-view .pko-presets{display:flex;gap:4px;margin-top:4px;flex-wrap:wrap}
.pko-view .pko-presets button{background:transparent;border:1px solid var(--border-color);color:var(--neutral);padding:3px 8px;border-radius:5px;font-size:.68rem;cursor:pointer;font-family:inherit}
.pko-view .pko-presets button:hover{border-color:var(--primary);color:var(--primary)}

.pko-view .pko-results{background:linear-gradient(135deg,rgba(0,46,103,.4),rgba(20,129,192,.15));border:1px solid rgba(110,207,240,.3);border-radius:12px;padding:12px 14px;margin-bottom:10px}
.pko-view .pko-results-bounty{text-align:center;color:var(--neutral);font-size:.78rem;margin-bottom:8px;padding-bottom:8px;border-bottom:1px dashed rgba(255,255,255,.08)}
.pko-view .pko-results-bounty strong{color:var(--primary);font-family:'Bebas Neue',sans-serif;font-size:1.05rem;letter-spacing:.5px;margin-left:6px}
.pko-view .pko-results-main{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;text-align:center}
.pko-view .pko-results-main .cell{padding:8px 6px}
.pko-view .pko-results-main .lbl{color:var(--neutral);font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:4px;line-height:1.2;min-height:30px}
.pko-view .pko-results-main .val{font-family:'Bebas Neue',sans-serif;font-size:1.6rem;letter-spacing:1px;display:block}
.pko-view .pko-results-main .cell.highlight .val{color:var(--primary);font-size:2.1rem}
.pko-view .pko-results-main .cell.delta .val{color:var(--success)}

.pko-view .pko-bpwr-toggle{text-align:center;margin-top:10px;padding-top:10px;border-top:1px dashed rgba(255,255,255,.08)}
.pko-view .pko-bpwr-toggle button{background:transparent;border:1px solid rgba(110,207,240,.3);color:var(--primary);padding:6px 16px;border-radius:50px;cursor:pointer;font-family:inherit;font-size:.78rem}
.pko-view .pko-bpwr-toggle button:hover{background:rgba(110,207,240,.1)}
.pko-view .pko-bpwr-panel{display:none;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}
.pko-view .pko-bpwr-panel.open{display:block}

.pko-view .pko-bpwr-info{background:rgba(0,0,0,.25);border-left:3px solid var(--primary);padding:12px;border-radius:4px;margin-top:10px;font-size:.85rem;line-height:1.6;color:var(--neutral);display:none}
.pko-view .pko-bpwr-info.open{display:block}
.pko-view .pko-bpwr-info strong{color:var(--primary)}
.pko-view .pko-bpwr-current{text-align:center;font-size:.9rem;color:var(--neutral);margin-bottom:6px}
.pko-view .pko-bpwr-current strong{color:var(--primary);font-family:'Bebas Neue',sans-serif;font-size:1.3rem;letter-spacing:1px}
.pko-view .pko-bpwr-table{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--border-color);border-radius:8px;overflow:hidden;margin-top:12px;font-size:.78rem}
.pko-view .pko-bpwr-col{background:var(--card-bg)}
.pko-view .pko-bpwr-row{display:grid;grid-template-columns:1fr 1fr 1fr;padding:5px 8px;gap:4px;text-align:center}
.pko-view .pko-bpwr-row.head{background:rgba(20,129,192,.25);font-weight:700;color:var(--primary);font-size:.7rem;text-transform:uppercase}
.pko-view .pko-bpwr-row.hit{background:rgba(110,207,240,.2);color:var(--primary);font-weight:700}

.pko-view .pko-verdict{margin-top:10px;padding:12px;border-radius:8px;text-align:center;font-weight:600}
.pko-view .pko-verdict.good{background:rgba(16,185,129,.15);border:1px solid var(--success);color:var(--success)}
.pko-view .pko-verdict.bad{background:rgba(239,68,68,.15);border:1px solid var(--danger);color:var(--danger)}
.pko-view .pko-verdict.neutral{background:rgba(160,174,192,.1);border:1px solid var(--neutral);color:var(--neutral)}

.pko-view .pko-late-result{margin-top:14px;padding:14px;background:rgba(0,0,0,.25);border-radius:8px;font-size:.88rem;color:var(--neutral);line-height:1.9}
.pko-view .pko-late-result code{background:rgba(110,207,240,.15);color:var(--primary);padding:3px 10px;border-radius:4px;font-family:'Bebas Neue',sans-serif;font-size:1.15rem;font-weight:700;letter-spacing:1px}

.pko-view .pko-hand-grid{display:grid;grid-template-columns:repeat(13,1fr);gap:2px;max-width:560px;margin:0 auto}
.pko-view .pko-hand-cell{aspect-ratio:1;background:#151515;border:1px solid #222;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:600;cursor:pointer;color:var(--neutral);user-select:none}
.pko-view .pko-hand-cell:hover{border-color:var(--primary);transform:scale(1.08);z-index:2}
.pko-view .pko-hand-cell.pair{background:#1c2232}
.pko-view .pko-hand-cell.suited{background:#1a2a1e}
.pko-view .pko-hand-cell.offsuit{background:#2a1c1c}
.pko-view .pko-hand-cell.hero{background:var(--accent);color:#fff;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary)}
.pko-view .pko-hand-cell.villain{background:rgba(239,68,68,.7);color:#fff;border-color:var(--danger)}
.pko-view .pko-hand-cell.both{background:linear-gradient(135deg,var(--accent) 50%,rgba(239,68,68,.7) 50%);color:#fff}

.pko-view .pko-grid-controls{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:12px 0}
.pko-view .pko-grid-controls button{background:var(--card-bg);border:1px solid var(--border-color);color:var(--neutral);padding:6px 12px;border-radius:6px;font-size:.75rem;cursor:pointer;font-family:inherit}
.pko-view .pko-grid-controls button.active{border-color:var(--primary);color:var(--primary);background:rgba(110,207,240,.1)}

.pko-view .pko-range-slider{display:flex;align-items:center;gap:12px;margin:10px 0 14px}
.pko-view .pko-range-slider input[type=range]{flex:1;accent-color:var(--primary)}
.pko-view .pko-range-slider .pct{font-family:'Bebas Neue',sans-serif;font-size:1.3rem;color:var(--primary);min-width:55px;text-align:right;letter-spacing:1px}
.pko-view .pko-range-presets{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin:8px 0 12px}
.pko-view .pko-range-presets button{background:var(--card-bg);border:1px solid var(--border-color);color:var(--neutral);padding:5px 11px;border-radius:6px;font-size:.72rem;cursor:pointer;font-family:inherit}
.pko-view .pko-range-presets button:hover{border-color:var(--primary);color:var(--primary)}

.pko-view .pko-hand-info{text-align:center;color:var(--neutral);font-size:.95rem;margin:0 0 12px;padding:10px;background:rgba(110,207,240,.08);border-radius:6px}
.pko-view .pko-hand-info strong{color:var(--primary)}

.pko-view .pko-field-helper{background:rgba(110,207,240,.05);border-left:3px solid var(--primary);padding:8px 12px;border-radius:4px;margin-top:8px;font-size:.78rem;color:var(--neutral);line-height:1.4}
.pko-view .pko-field-helper strong{color:var(--primary);font-family:'Bebas Neue',sans-serif;font-size:1.05rem;letter-spacing:.5px}

.pko-view .pko-footer{text-align:center;color:var(--neutral);font-size:.75rem;margin-top:24px;padding-top:16px;border-top:1px solid var(--border-color)}
.pko-view .pko-footer strong{color:var(--primary)}

@media(max-width:640px){
  .pko-view .pko-bpwr-table{font-size:.68rem}
  .pko-view .pko-header h1{font-size:1.9rem}
  .pko-view .pko-results-main .cell.highlight .val{font-size:1.7rem}
  .pko-view .pko-hand-cell{font-size:.55rem}
  .pko-view .pko-results-main{grid-template-columns:1fr;gap:4px}
  .pko-view .pko-results-main .lbl{min-height:0}
}