/*
HKBGuide Holdem Analyzer v0.1.1
WordPress scoped stylesheet.
All tool selectors are limited to #hkbg-holdem-analyzer.
*/
#hkbg-holdem-analyzer{
  --bg:#03111f;
  --panel:#0d2742;
  --panel2:#071e33;
  --line:#244e70;
  --text:#eef7ff;
  --muted:#9fc0dd;
  --gold:#e1aa43;
  --teal:#29d7cb;
  --green:#07513f;
  --red:#e04b55;
  --shadow:0 16px 38px rgba(0,0,0,.22);
  width:100%;
  max-width:100%;
  margin:0;
  padding:0;
  overflow:hidden;
  background:var(--bg);
  color:var(--text);
  font-family:Inter,"Noto Sans TC","Microsoft JhengHei",system-ui,sans-serif;
  line-height:1.55;
}
#hkbg-holdem-analyzer,
#hkbg-holdem-analyzer *{box-sizing:border-box}

/* Prevent theme typography from turning headings dark on dark panels. */
#hkbg-holdem-analyzer h1,
#hkbg-holdem-analyzer h2,
#hkbg-holdem-analyzer h3,
#hkbg-holdem-analyzer h4,
#hkbg-holdem-analyzer p,
#hkbg-holdem-analyzer li,
#hkbg-holdem-analyzer span,
#hkbg-holdem-analyzer b,
#hkbg-holdem-analyzer strong{color:inherit}
#hkbg-holdem-analyzer h1,
#hkbg-holdem-analyzer h2,
#hkbg-holdem-analyzer h3{font-family:inherit;text-transform:none;letter-spacing:normal}

#hkbg-holdem-analyzer .app-shell{width:100%;max-width:1500px;margin:0 auto;padding:20px}
#hkbg-holdem-analyzer .tool-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:16px}
#hkbg-holdem-analyzer .kicker{color:#ffc75f!important;font-size:12px;font-weight:800;letter-spacing:.12em;margin:0 0 8px}
#hkbg-holdem-analyzer .tool-head h1{color:#fff!important;font-size:38px;line-height:1.15;margin:0 0 8px}
#hkbg-holdem-analyzer .sub{color:#acd1ef!important;margin:0}
#hkbg-holdem-analyzer .status{flex:0 0 auto;border:1px solid #187b78;background:#062c35;color:#73f1e7!important;border-radius:999px;padding:9px 14px;font-size:13px}

#hkbg-holdem-analyzer .tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}
#hkbg-holdem-analyzer button{font:inherit}
#hkbg-holdem-analyzer .tab,
#hkbg-holdem-analyzer .button-row button,
#hkbg-holdem-analyzer .chips button,
#hkbg-holdem-analyzer .size-buttons button,
#hkbg-holdem-analyzer .tiny{
  border:1px solid #285275;
  background:#0a2036;
  color:#cfeaff;
  border-radius:10px;
  padding:10px 16px;
  cursor:pointer;
  font-weight:700;
}
#hkbg-holdem-analyzer .tab.active,
#hkbg-holdem-analyzer .primary{background:var(--gold)!important;color:#07182a!important;border-color:var(--gold)!important}

/* Visible internal links: real site links, not page anchors. */
#hkbg-holdem-analyzer .tool-links{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin:0 0 18px;
  padding:10px 12px;
  border:1px solid #214866;
  border-radius:12px;
  background:#071e33;
}
#hkbg-holdem-analyzer .tool-links>strong{color:#fff!important;font-size:13px;margin-right:2px}
#hkbg-holdem-analyzer .tool-links a{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:5px 9px;
  border:1px solid #315b7e;
  border-radius:999px;
  color:#bfe7ff!important;
  background:#09233b;
  text-decoration:none!important;
  font-size:12px;
  font-weight:700;
}
#hkbg-holdem-analyzer .tool-links a:hover{border-color:#e1aa43;color:#fff!important}

#hkbg-holdem-analyzer .tab-panel{display:none}
#hkbg-holdem-analyzer .tab-panel.active{display:block}

#hkbg-holdem-analyzer .analysis-grid{
  display:grid;
  grid-template-columns:300px minmax(0,1fr) 300px;
  gap:16px;
  align-items:stretch;
}
#hkbg-holdem-analyzer .panel{
  min-width:0;
  background:linear-gradient(180deg,#102d4d,#0b2138);
  border:1px solid #244c6c;
  border-radius:18px;
  padding:18px;
  box-shadow:var(--shadow);
  color:var(--text);
}
#hkbg-holdem-analyzer .panel h2{color:#fff!important;font-size:20px;line-height:1.3;margin:0 0 10px}
#hkbg-holdem-analyzer .panel h3{color:#e9f6ff!important;font-size:15px;line-height:1.35;margin:16px 0 8px}
#hkbg-holdem-analyzer .muted{color:var(--muted)!important}
#hkbg-holdem-analyzer .small{font-size:12px}

#hkbg-holdem-analyzer .field-grid{display:grid;gap:10px}
#hkbg-holdem-analyzer .field-grid.two{grid-template-columns:1fr 1fr}
#hkbg-holdem-analyzer label{display:block;color:#b8d8ef!important;font-size:13px;font-weight:700}
#hkbg-holdem-analyzer select,
#hkbg-holdem-analyzer input{
  width:100%;
  margin-top:6px;
  background:#061a2c;
  color:#fff;
  border:1px solid #315b7d;
  border-radius:9px;
  padding:10px 11px;
  font:inherit;
}

#hkbg-holdem-analyzer .slot-group{margin-top:14px;min-width:0}
#hkbg-holdem-analyzer .slot-group small{font-weight:400;color:#8fb4d2!important}
#hkbg-holdem-analyzer .card-slots{display:flex;gap:8px;flex-wrap:wrap;min-width:0}
#hkbg-holdem-analyzer .card-slot{
  width:72px;
  height:92px;
  flex:0 0 auto;
  border-radius:10px;
  border:1px dashed #5a7d9b;
  background:#081d31;
  color:#9dbcd5;
  cursor:pointer;
  font-weight:800;
  white-space:nowrap!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
  line-height:1.2;
}
#hkbg-holdem-analyzer .card-slot.selected{outline:2px solid var(--gold);border-color:var(--gold)}
#hkbg-holdem-analyzer .card-slot.filled{background:#fff;color:#0b2034;border-style:solid;font-size:19px;box-shadow:0 6px 14px rgba(0,0,0,.2)}
#hkbg-holdem-analyzer .card-slot.red{color:#bd2938}
#hkbg-holdem-analyzer .board-slots .card-slot{width:68px;height:78px}

#hkbg-holdem-analyzer .picker-wrap{margin-top:16px;background:#061a2c;border:1px solid #214866;border-radius:12px;padding:12px;min-width:0}
#hkbg-holdem-analyzer .picker-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:9px;font-size:13px}
#hkbg-holdem-analyzer .tiny{padding:6px 9px;font-size:11px}
#hkbg-holdem-analyzer .deck-grid{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:5px;min-width:0}
#hkbg-holdem-analyzer .deck-card{
  min-width:0;
  min-height:38px;
  padding:6px 1px;
  border:1px solid #315b7d;
  background:#0d2945;
  color:#fff;
  border-radius:6px;
  cursor:pointer;
  font-weight:800;
  font-size:13px;
  line-height:1;
  white-space:nowrap!important;
  word-break:keep-all!important;
}
#hkbg-holdem-analyzer .deck-card.red{color:#ff7b83}
#hkbg-holdem-analyzer .deck-card.used{opacity:.22;pointer-events:none}

#hkbg-holdem-analyzer .button-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
#hkbg-holdem-analyzer .preset-wrap{margin-top:14px}
#hkbg-holdem-analyzer .chips{display:flex;gap:6px;flex-wrap:wrap}
#hkbg-holdem-analyzer .chips button{padding:6px 9px;font-size:11px;border-radius:999px}
#hkbg-holdem-analyzer .panel-title-row{display:flex;justify-content:space-between;gap:10px;min-width:0}
#hkbg-holdem-analyzer .street-badge{flex:0 0 auto;background:#061a2c;border:1px solid #2c5c7f;border-radius:10px;padding:8px 12px;height:max-content;color:#fff!important}

#hkbg-holdem-analyzer .felt-table{
  position:relative;
  margin:16px 0;
  background:radial-gradient(circle at 50% 35%,#0e6d58,#074536 65%,#052e27);
  border:7px solid #70412c;
  border-radius:110px 110px 28px 28px;
  min-height:410px;
  padding:28px 18px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:space-between;
  box-shadow:inset 0 0 45px rgba(0,0,0,.3);
}
#hkbg-holdem-analyzer .seat{display:flex;flex-direction:column;align-items:center;gap:6px;font-weight:800;color:#fff}
#hkbg-holdem-analyzer .mini-slots,
#hkbg-holdem-analyzer .hero-display,
#hkbg-holdem-analyzer .table-board{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap;min-height:82px}
#hkbg-holdem-analyzer .board-label{margin-top:10px;font-size:13px;color:#c2eadf!important}
#hkbg-holdem-analyzer .playing-card{width:62px;height:84px;background:#fff;border-radius:8px;color:#0b1f32;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:21px;font-weight:900;box-shadow:0 5px 12px rgba(0,0,0,.3);border:1px solid #dbe5ed}
#hkbg-holdem-analyzer .playing-card.red{color:#c22635}
#hkbg-holdem-analyzer .playing-card.empty{background:rgba(4,29,40,.45);border:1px dashed rgba(255,255,255,.25);color:#7da9a0;box-shadow:none}

#hkbg-holdem-analyzer .card-entry-panel{margin:16px 0;padding:16px;background:#071e33;border:1px solid #255170;border-radius:14px;min-width:0}
#hkbg-holdem-analyzer .card-entry-head{align-items:flex-end;margin-bottom:8px}
#hkbg-holdem-analyzer .card-entry-head h3{margin:0 0 2px;font-size:18px}
#hkbg-holdem-analyzer .card-entry-head p{margin:0}
#hkbg-holdem-analyzer .card-entry-head>strong{display:inline-flex;align-items:center;min-height:38px;padding:8px 12px;border:1px solid #315d7e;border-radius:10px;background:#061a2c;color:#67efe3!important;font-size:13px}
#hkbg-holdem-analyzer .card-entry-groups{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}
#hkbg-holdem-analyzer .card-entry-groups .slot-group{margin-top:8px}
#hkbg-holdem-analyzer .board-entry{grid-column:1/-1}
#hkbg-holdem-analyzer .main-picker-wrap{margin-top:14px;padding:12px}
#hkbg-holdem-analyzer .main-picker-wrap .picker-head{font-size:14px;margin-bottom:10px}
#hkbg-holdem-analyzer .setup-note{margin-top:16px}
#hkbg-holdem-analyzer .setup-note h3{margin-top:0}

#hkbg-holdem-analyzer .summary-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#hkbg-holdem-analyzer .summary-cards article{min-width:0;background:#071e33;border:1px solid #255170;border-radius:12px;padding:12px}
#hkbg-holdem-analyzer .summary-cards span{display:block;color:#8db6d7!important;font-size:11px}
#hkbg-holdem-analyzer .summary-cards strong{display:block;color:#fff!important;font-size:17px;margin:3px 0;overflow-wrap:anywhere}
#hkbg-holdem-analyzer .summary-cards small{color:#7fa5c2!important}
#hkbg-holdem-analyzer .draw-box{margin-top:12px;background:#071e33;border:1px solid #255170;border-radius:12px;padding:12px}
#hkbg-holdem-analyzer .text-block{color:#cfe6f7!important}

#hkbg-holdem-analyzer .result-hero{background:#0a3544;border:1px solid #1c7777;border-radius:12px;padding:16px;margin:12px 0}
#hkbg-holdem-analyzer .result-hero span{color:#9fdfda!important}
#hkbg-holdem-analyzer .result-hero strong{display:block;font-size:38px;color:#63f0df!important;line-height:1.2}
#hkbg-holdem-analyzer .meter-row{display:flex;justify-content:space-between;margin:12px 0 4px;color:#fff}
#hkbg-holdem-analyzer .bar{height:9px;background:#061a2c;border-radius:99px;overflow:hidden}
#hkbg-holdem-analyzer .bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#24c8bc,#e2ac49);transition:width .3s}
#hkbg-holdem-analyzer .progress{height:6px;background:#071a2c;border-radius:10px;overflow:hidden;margin-top:12px}
#hkbg-holdem-analyzer .progress i{display:block;height:100%;width:0;background:#e1aa43}
#hkbg-holdem-analyzer .hidden{display:none!important}

#hkbg-holdem-analyzer .lower-grid{display:grid;grid-template-columns:1.1fr 1.1fr .8fr;gap:16px;margin-top:16px}
#hkbg-holdem-analyzer .data-list{display:grid;gap:7px;margin-top:8px}
#hkbg-holdem-analyzer .data-row{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.08)}
#hkbg-holdem-analyzer .pill{display:inline-flex;border:1px solid #315d7e;border-radius:999px;padding:4px 8px;margin:3px;font-size:12px}

#hkbg-holdem-analyzer .showdown-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.7fr);gap:16px}
#hkbg-holdem-analyzer #showdownPlayers{display:grid;gap:12px;margin-top:14px}
#hkbg-holdem-analyzer .sd-player{display:grid;grid-template-columns:110px minmax(150px,1fr) 120px 92px;gap:10px;align-items:center;padding:12px;background:#071e33;border:1px solid #244d6c;border-radius:12px}
#hkbg-holdem-analyzer .sd-player .card-slots{flex-wrap:nowrap}
#hkbg-holdem-analyzer .sd-player .card-slot{width:66px;height:84px;font-size:16px}
#hkbg-holdem-analyzer .active-check{display:flex;align-items:center;gap:6px;font-size:12px}
#hkbg-holdem-analyzer .active-check input{width:auto;margin:0}
#hkbg-holdem-analyzer #sdDeckPicker.deck-grid{grid-template-columns:repeat(13,minmax(0,1fr));gap:5px}
#hkbg-holdem-analyzer #sdDeckPicker .deck-card{min-height:38px;font-size:13px}

#hkbg-holdem-analyzer .pot-grid{display:grid;grid-template-columns:1fr 1fr .8fr;gap:16px}
#hkbg-holdem-analyzer .math-result{margin-top:14px;background:#071e33;border:1px solid #255170;border-radius:12px;padding:14px;color:#d7edfb!important;min-height:70px}
#hkbg-holdem-analyzer .metric{display:grid;grid-template-columns:1fr auto;gap:8px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.08)}
#hkbg-holdem-analyzer .metric strong{color:#65ebdf!important}
#hkbg-holdem-analyzer .size-buttons{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
#hkbg-holdem-analyzer .practice-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px}
#hkbg-holdem-analyzer .practice-table{background:#064a3a;border:6px solid #70412c;border-radius:60px 60px 20px 20px;padding:24px;margin:12px 0;display:grid;grid-template-columns:1fr 2fr;gap:20px;text-align:center}
#hkbg-holdem-analyzer .tool-footer{margin-top:18px;padding:14px;color:#86aac7!important;font-size:12px;border-top:1px solid #214764}

@media (max-width:1200px){
  #hkbg-holdem-analyzer .analysis-grid{grid-template-columns:240px minmax(0,1fr)}
  #hkbg-holdem-analyzer .result-panel{grid-column:1/-1}
  #hkbg-holdem-analyzer .lower-grid,
  #hkbg-holdem-analyzer .pot-grid{grid-template-columns:1fr 1fr}
  #hkbg-holdem-analyzer .lower-grid>:last-child,
  #hkbg-holdem-analyzer .pot-grid>:last-child{grid-column:1/-1}
  #hkbg-holdem-analyzer .showdown-grid{grid-template-columns:1fr}
  #hkbg-holdem-analyzer .practice-grid{grid-template-columns:1fr}
}

@media (max-width:900px){
  #hkbg-holdem-analyzer .analysis-grid{grid-template-columns:1fr}
  #hkbg-holdem-analyzer .result-panel{grid-column:auto}
  #hkbg-holdem-analyzer .lower-grid,
  #hkbg-holdem-analyzer .pot-grid{grid-template-columns:1fr}
  #hkbg-holdem-analyzer .lower-grid>:last-child,
  #hkbg-holdem-analyzer .pot-grid>:last-child{grid-column:auto}
}

@media (max-width:780px){
  #hkbg-holdem-analyzer .app-shell{padding:12px}
  #hkbg-holdem-analyzer .tool-head{align-items:flex-start}
  #hkbg-holdem-analyzer .tool-head h1{font-size:29px}
  #hkbg-holdem-analyzer .status{display:none}
  #hkbg-holdem-analyzer .field-grid.two{grid-template-columns:1fr}
  #hkbg-holdem-analyzer .summary-cards{grid-template-columns:1fr}
  #hkbg-holdem-analyzer .felt-table{min-height:360px;border-radius:65px 65px 18px 18px}
  #hkbg-holdem-analyzer .card-entry-groups{grid-template-columns:1fr}
  #hkbg-holdem-analyzer .board-entry{grid-column:auto}
  #hkbg-holdem-analyzer .card-entry-head{align-items:flex-start;flex-direction:column}
  #hkbg-holdem-analyzer .deck-grid,
  #hkbg-holdem-analyzer #sdDeckPicker.deck-grid{grid-template-columns:repeat(7,minmax(0,1fr))}
  #hkbg-holdem-analyzer .deck-card,
  #hkbg-holdem-analyzer #sdDeckPicker .deck-card{min-height:40px;font-size:13px}
  #hkbg-holdem-analyzer .showdown-grid{grid-template-columns:1fr}
  #hkbg-holdem-analyzer .sd-player{grid-template-columns:1fr 1fr}
  #hkbg-holdem-analyzer .practice-table{grid-template-columns:1fr}
  #hkbg-holdem-analyzer .tab{flex:1 1 40%}
  #hkbg-holdem-analyzer .tool-links{align-items:flex-start}
}