/* HKBGuide Blackjack Analyzer v0.2.4
 * Visual target: Local Test v0.1.0 dark tool UI.
 * Strictly scoped to #hkbg21-tool-live so the rest of WordPress is untouched.
 */
#hkbg21-tool-live{
  --bja-bg:#07111f;--bja-panel:#0d1d31;--bja-panel2:#112641;--bja-text:#edf5ff;--bja-muted:#9fb1c8;
  --bja-gold:#d9ad57;--bja-teal:#39c6b3;--bja-red:#ff6b6b;--bja-green:#71d18b;--bja-line:#213b59;
  --bja-shadow:0 18px 45px rgba(0,0,0,.25);
  box-sizing:border-box;width:min(1480px,calc(100vw - 24px));max-width:none;margin:0 50%;transform:translateX(-50%);
  background:linear-gradient(180deg,#06101c,#0a1727 38%,#07111f);color:var(--bja-text);border-radius:18px;
  font-family:Inter,"Noto Sans TC","PingFang HK","Microsoft JhengHei",sans-serif;line-height:1.55;overflow:hidden;
}
#hkbg21-tool-live *,#hkbg21-tool-live *::before,#hkbg21-tool-live *::after{box-sizing:border-box}
#hkbg21-tool-live .hkbg21tool-app-shell{padding:28px}
#hkbg21-tool-live h1,#hkbg21-tool-live h2,#hkbg21-tool-live h3,#hkbg21-tool-live p{color:inherit}
#hkbg21-tool-live .hkbg21tool-topbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}
#hkbg21-tool-live .hkbg21tool-topbar h1{margin:3px 0 6px;font-size:clamp(28px,4vw,46px);line-height:1.12;font-weight:900}
#hkbg21-tool-live .hkbg21tool-topbar p,#hkbg21-tool-live .hkbg21tool-muted{color:var(--bja-muted);margin:0}
#hkbg21-tool-live .hkbg21tool-kicker{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--bja-gold);font-weight:800}
#hkbg21-tool-live .hkbg21tool-top-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
#hkbg21-tool-live .hkbg21tool-lang-label{display:flex;align-items:center;gap:7px;color:var(--bja-muted);font-size:12px;margin:0}
#hkbg21-tool-live .hkbg21tool-lang-label select{width:auto;min-width:128px;padding:8px 30px 8px 10px}
#hkbg21-tool-live .hkbg21tool-status-pill{border:1px solid rgba(57,198,179,.45);background:rgba(57,198,179,.12);color:#baf5eb;padding:8px 12px;border-radius:99px;font-size:13px;white-space:nowrap}

#hkbg21-tool-live .hkbg21tool-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
#hkbg21-tool-live .hkbg21tool-tab,#hkbg21-tool-live .hkbg21tool-primary,#hkbg21-tool-live .hkbg21tool-secondary{border:1px solid var(--bja-line);border-radius:10px;padding:10px 15px;font-weight:800;cursor:pointer;font:inherit}
#hkbg21-tool-live .hkbg21tool-tab{background:#0a192a;color:var(--bja-muted)}
#hkbg21-tool-live .hkbg21tool-tab.active{background:var(--bja-gold);color:#111827;border-color:var(--bja-gold)}
#hkbg21-tool-live .hkbg21tool-tab-panel{display:none}
#hkbg21-tool-live .hkbg21tool-tab-panel.active{display:block}
#hkbg21-tool-live .hkbg21tool-tab-panel[hidden]{display:none!important}

#hkbg21-tool-live .hkbg21tool-layout-grid{display:grid;grid-template-columns:320px minmax(520px,1fr) 360px;gap:16px;align-items:stretch}
#hkbg21-tool-live .hkbg21tool-panel{background:linear-gradient(180deg,rgba(17,38,65,.96),rgba(10,27,46,.96));border:1px solid var(--bja-line);border-radius:16px;padding:18px;box-shadow:var(--bja-shadow);min-width:0;color:var(--bja-text)}
#hkbg21-tool-live .hkbg21tool-panel>h2,.hkbg21tool-section-head h2{font-size:19px;line-height:1.3;margin:0 0 12px;color:var(--bja-text);font-weight:900}
#hkbg21-tool-live .hkbg21tool-panel p{color:var(--bja-muted)}
#hkbg21-tool-live .hkbg21tool-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#hkbg21-tool-live .hkbg21tool-form-grid label,#hkbg21-tool-live .hkbg21tool-settlement-grid label,#hkbg21-tool-live .hkbg21tool-block-label{font-size:13px;color:var(--bja-muted);display:grid;gap:6px;margin:0;font-weight:500}
#hkbg21-tool-live select,#hkbg21-tool-live input[type="number"]{width:100%;max-width:none;background:#071522;border:1px solid #294561;color:var(--bja-text);border-radius:9px;padding:10px;min-height:42px;font:inherit}
#hkbg21-tool-live select:focus,#hkbg21-tool-live input:focus{outline:2px solid rgba(217,173,87,.35);outline-offset:1px}
#hkbg21-tool-live .hkbg21tool-switches{display:grid;gap:8px;margin:14px 0}
#hkbg21-tool-live .hkbg21tool-switches label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--bja-text);margin:0;line-height:1.45;font-weight:600;writing-mode:horizontal-tb!important;white-space:normal!important}
#hkbg21-tool-live .hkbg21tool-switches input[type="checkbox"]{width:16px;height:16px;flex:0 0 16px;accent-color:#178d83;margin:0}
#hkbg21-tool-live .hkbg21tool-rule-summary-box,#hkbg21-tool-live .hkbg21tool-quality-box,#hkbg21-tool-live .hkbg21tool-info-box{background:#081827;border:1px solid var(--bja-line);border-radius:12px;padding:12px;margin-top:12px;color:var(--bja-muted)}
#hkbg21-tool-live .hkbg21tool-rule-summary-box strong,#hkbg21-tool-live .hkbg21tool-quality-box strong,#hkbg21-tool-live .hkbg21tool-info-box strong{display:block;color:var(--bja-gold);margin-bottom:4px}

#hkbg21-tool-live .hkbg21tool-section-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
#hkbg21-tool-live .hkbg21tool-section-head h2{margin-bottom:5px}
#hkbg21-tool-live .hkbg21tool-section-head p{margin:0}
#hkbg21-tool-live .hkbg21tool-primary{background:var(--bja-gold);color:#111827;border-color:var(--bja-gold)}
#hkbg21-tool-live .hkbg21tool-secondary{background:#0a192a;color:var(--bja-text)}
#hkbg21-tool-live button:hover{filter:brightness(1.08)}

#hkbg21-tool-live .hkbg21tool-felt{background:radial-gradient(circle at top,#0d5a49,#0a3f36 48%,#073329);border:7px solid #5b3928;border-radius:80px 80px 22px 22px;min-height:330px;padding:35px 28px 28px;margin:16px 0;box-shadow:inset 0 0 40px rgba(0,0,0,.25)}
#hkbg21-tool-live .hkbg21tool-zone-title{text-align:center;font-weight:900;color:#eafaf6;margin-bottom:8px}
#hkbg21-tool-live .hkbg21tool-card-row{min-height:90px;display:flex;justify-content:center;gap:8px;flex-wrap:wrap;align-items:center}
#hkbg21-tool-live .hkbg21-playing-card{width:62px!important;height:86px!important;background:#fff!important;color:#111827!important;border-radius:8px!important;padding:7px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;font-weight:900!important;box-shadow:0 7px 18px rgba(0,0,0,.24)!important;border:1px solid #d1d5db!important;line-height:1!important}
#hkbg21-tool-live .hkbg21-card--red{color:#c62828!important}
#hkbg21-tool-live .hkbg21-card--black{color:#111827!important}
#hkbg21-tool-live .hkbg21-playing-card .suit{font-size:24px!important;align-self:flex-end}
#hkbg21-tool-live .hkbg21-playing-card .rank{font-size:21px!important}
#hkbg21-tool-live .hkbg21tool-hand-label{text-align:center;color:#d5eee8;font-weight:800;margin-top:8px}
#hkbg21-tool-live .hkbg21tool-divider{height:1px;background:rgba(255,255,255,.25);margin:15px 12%}

#hkbg21-tool-live .hkbg21tool-picker-wrap{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#hkbg21-tool-live .hkbg21tool-picker-block{display:grid;gap:8px;min-width:0}
#hkbg21-tool-live .hkbg21tool-picker-block>strong,#hkbg21-tool-live .hkbg21tool-preset-wrap>strong{color:var(--bja-text)}
#hkbg21-tool-live .hkbg21tool-card-picker{display:grid;grid-template-columns:repeat(7,minmax(34px,1fr));gap:5px}
#hkbg21-tool-live .hkbg21tool-card-picker .hkbg-btn,#hkbg21-tool-live .hkbg21tool-preset-grid .hkbg-btn,#hkbg21-tool-live .hkbg21tool-practice-actions .hkbg-btn{background:#0b1a2c!important;color:var(--bja-text)!important;border:1px solid #2a4766!important;border-radius:7px!important;padding:7px 4px!important;cursor:pointer!important;font-weight:800!important;min-width:0!important;box-shadow:none!important;text-decoration:none!important;line-height:1.25!important}
#hkbg21-tool-live .hkbg21tool-card-picker .hkbg-btn:hover,#hkbg21-tool-live .hkbg21tool-preset-grid .hkbg-btn:hover{border-color:var(--bja-gold)!important}
#hkbg21-tool-live .hkbg21tool-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}
#hkbg21-tool-live .hkbg21tool-preset-wrap{display:grid;gap:8px}
#hkbg21-tool-live .hkbg21tool-preset-grid{display:flex;gap:7px;flex-wrap:wrap}
#hkbg21-tool-live .hkbg21tool-preset-grid .hkbg-btn{font-size:12px!important;padding:7px 10px!important;border-radius:99px!important}

#hkbg21-tool-live .hkbg21tool-recommendation{padding:15px;border-radius:12px;background:rgba(57,198,179,.12);border:1px solid rgba(57,198,179,.35);margin-bottom:12px;color:var(--bja-text)}
#hkbg21-tool-live .hkbg21tool-recommendation.empty{background:#081827;border-color:var(--bja-line);color:var(--bja-muted)}
#hkbg21-tool-live .hkbg21tool-recommendation strong{display:block;font-size:22px;font-weight:950;color:#9df0e3;margin-bottom:5px}
#hkbg21-tool-live .hkbg21tool-recommendation p{margin:0;color:var(--bja-muted)}
#hkbg21-tool-live .hkbg21tool-action-cards{display:grid;gap:8px}
#hkbg21-tool-live .hkbg21-decision{background:#081827!important;border:1px solid var(--bja-line)!important;border-radius:11px!important;padding:11px!important;color:var(--bja-text)!important;box-shadow:none!important;margin:0!important}
#hkbg21-tool-live .hkbg21-decision span{display:block;color:var(--bja-gold)!important;font-size:12px!important;margin-bottom:2px}
#hkbg21-tool-live .hkbg21-decision strong{display:block;color:var(--bja-text)!important;font-size:15px!important;margin-bottom:4px}
#hkbg21-tool-live .hkbg21-decision p{margin:0!important;color:var(--bja-muted)!important;font-size:13px!important}
#hkbg21-tool-live .hkbg21tool-warnings{display:grid;gap:8px;margin-top:10px}
#hkbg21-tool-live .hkbg21tool-warnings .hkbg21-note{background:rgba(255,107,107,.08)!important;border:1px solid rgba(255,107,107,.25)!important;border-radius:9px!important;padding:9px 10px!important;color:var(--bja-muted)!important;margin:0!important}
#hkbg21-tool-live .hkbg21tool-warnings .hkbg21-note strong{color:#ffb0b0!important}
#hkbg21-tool-live .hkbg21tool-warnings .hkbg21-note p{margin:3px 0 0!important;color:var(--bja-muted)!important;font-size:13px!important}

#hkbg21-tool-live .hkbg21tool-results-grid{display:grid;grid-template-columns:1.05fr 1.25fr .9fr;gap:16px;margin-top:16px}
#hkbg21-tool-live .hkbg21tool-table-wrap{overflow:auto;max-width:100%}
#hkbg21-tool-live table{width:100%!important;border-collapse:collapse!important;font-size:13px!important;background:transparent!important;color:var(--bja-text)!important;margin:0!important}
#hkbg21-tool-live th,#hkbg21-tool-live td{padding:8px!important;border-bottom:1px solid var(--bja-line)!important;text-align:left!important;color:var(--bja-text)!important;background:transparent!important}
#hkbg21-tool-live th{color:var(--bja-gold)!important;font-weight:800!important}

#hkbg21-tool-live .hkbg21tool-practice-stage{display:grid;grid-template-columns:1fr 1fr;gap:20px;background:#083c33;border:5px solid #563725;border-radius:45px;padding:28px;margin:15px 0}
#hkbg21-tool-live .hkbg21tool-practice-stage>div{text-align:center;color:var(--bja-text)}
#hkbg21-tool-live .hkbg21tool-practice-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
#hkbg21-tool-live .hkbg21tool-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}
#hkbg21-tool-live .hkbg21tool-stats-grid>div{background:#081827;border:1px solid var(--bja-line);border-radius:10px;padding:12px;text-align:center}
#hkbg21-tool-live .hkbg21tool-stats-grid b{display:block;font-size:25px;color:var(--bja-gold)}
#hkbg21-tool-live .hkbg21tool-stats-grid span{font-size:12px;color:var(--bja-muted)}
#hkbg21-tool-live .hkbg21tool-settlement-wrap{max-width:900px;margin:auto}
#hkbg21-tool-live .hkbg21tool-settlement-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:12px}
#hkbg21-tool-live .hkbg21tool-settlement-result{margin-top:16px}
#hkbg21-tool-live .hkbg21tool-advanced-grid{grid-template-columns:1fr 1fr}
#hkbg21-tool-live .hkbg21tool-impact-list{display:grid;gap:8px}
#hkbg21-tool-live .hkbg21tool-impact-list article{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start;padding:10px;border:1px solid var(--bja-line);border-radius:10px;background:#081827;color:var(--bja-text)}
#hkbg21-tool-live .hkbg21tool-impact-list article>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#0d2a43;color:var(--bja-gold);font-weight:900}
#hkbg21-tool-live .hkbg21tool-impact-list h3{font-size:14px;margin:0 0 3px}
#hkbg21-tool-live .hkbg21tool-impact-list p{margin:0;font-size:12px;color:var(--bja-muted)}

@media(max-width:1100px){
  #hkbg21-tool-live .hkbg21tool-layout-grid{grid-template-columns:1fr 1fr}
  #hkbg21-tool-live .hkbg21tool-analysis-panel{grid-column:1/-1}
  #hkbg21-tool-live .hkbg21tool-results-grid{grid-template-columns:1fr 1fr}
  #hkbg21-tool-live .hkbg21tool-results-grid>section:last-child{grid-column:1/-1}
  #hkbg21-tool-live .hkbg21tool-advanced-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  #hkbg21-tool-live{width:calc(100vw - 12px);border-radius:12px}
  #hkbg21-tool-live .hkbg21tool-app-shell{padding:14px}
  #hkbg21-tool-live .hkbg21tool-topbar{align-items:flex-start;flex-direction:column}
  #hkbg21-tool-live .hkbg21tool-top-actions{width:100%;justify-content:space-between}
  #hkbg21-tool-live .hkbg21tool-layout-grid,#hkbg21-tool-live .hkbg21tool-results-grid,#hkbg21-tool-live .hkbg21tool-advanced-grid,#hkbg21-tool-live .hkbg21tool-picker-wrap,#hkbg21-tool-live .hkbg21tool-settlement-grid,#hkbg21-tool-live .hkbg21tool-practice-stage{grid-template-columns:1fr}
  #hkbg21-tool-live .hkbg21tool-results-grid>section:last-child{grid-column:auto}
  #hkbg21-tool-live .hkbg21tool-felt{border-radius:40px 40px 18px 18px;padding:26px 15px 20px}
  #hkbg21-tool-live .hkbg21tool-form-grid{grid-template-columns:1fr}
  #hkbg21-tool-live .hkbg21tool-card-picker{grid-template-columns:repeat(5,1fr)}
  #hkbg21-tool-live .hkbg21tool-stats-grid{grid-template-columns:repeat(2,1fr)}
  #hkbg21-tool-live .hkbg21tool-topbar h1{font-size:30px}
}