:root{
  --bg:#030303;
  --bg2:#071014;
  --panel:#0b1114;
  --panel2:#0f1b20;
  --panel3:#112b33;
  --text:#fcfcfc;
  --text2:#e9f3f5;
  --muted:#b5b5b5;
  --muted2:#7f8d92;
  --line:rgba(252,252,252,.10);
  --line2:rgba(86,215,253,.22);
  --accent:#56d7fd;
  --accent2:#8af0ff;
  --accent-soft:rgba(86,215,253,.12);
  --accent-softer:rgba(86,215,253,.07);
  --danger:#ff6f6f;
  --radius:22px;
  --radius-sm:14px;
  --shadow:0 24px 70px rgba(0,0,0,.35);
  --font:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;min-height:100vh;background:
  radial-gradient(circle at 12% -10%,rgba(86,215,253,.23),transparent 36%),
  radial-gradient(circle at 100% 0%,rgba(86,215,253,.10),transparent 34%),
  linear-gradient(180deg,#081216 0%,#030303 54%,#05090b 100%);
  color:var(--text);font-family:var(--font);font-size:14px;font-weight:400;letter-spacing:-.01em}
button,input,textarea,select{font-family:inherit}button{cursor:pointer}.app-shell{min-height:100vh;position:relative;overflow:hidden}.app-shell:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:radial-gradient(rgba(252,252,252,.4) .7px,transparent .7px);background-size:38px 38px;mask-image:linear-gradient(180deg,#000,transparent 70%)}
.topbar{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:18px 28px;border-bottom:1px solid var(--line);background:rgba(3,3,3,.68);position:sticky;top:0;z-index:20;backdrop-filter:blur(18px)}
.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:var(--accent);font-weight:700}.topbar h1{margin:5px 0 0;font-size:22px;line-height:1.1;font-weight:560;letter-spacing:-.035em}.top-actions,.actions-wrap,.small-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.btn{border:1px solid var(--line);background:rgba(17,43,51,.42);color:var(--text2);border-radius:999px;padding:9px 14px;text-decoration:none;font-size:13px;font-weight:560;line-height:1;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease,color .15s ease}.btn:hover{transform:translateY(-1px);border-color:var(--line2);background:rgba(86,215,253,.12)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#030303}.btn.ghost{background:rgba(17,43,51,.35)}
.tabs{display:flex;gap:8px;padding:12px 28px;background:rgba(3,3,3,.52);border-bottom:1px solid var(--line);position:sticky;top:69px;z-index:18;backdrop-filter:blur(18px)}.tab{border:1px solid var(--line);background:rgba(17,43,51,.28);color:var(--muted);padding:9px 14px;border-radius:999px;font-weight:520;cursor:pointer;transition:.15s ease}.tab:hover{color:var(--text);border-color:var(--line2)}.tab.active{background:var(--accent);color:#030303;border-color:var(--accent)}
main{padding:18px 28px 30px}.tab-panel{display:none}.tab-panel.active{display:block}.grid.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.card{background:linear-gradient(180deg,rgba(15,27,32,.78),rgba(8,14,17,.76));border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:none;backdrop-filter:blur(12px)}.card-head{padding:16px 18px;border-bottom:1px solid var(--line);background:rgba(252,252,252,.02)}.card-head.split{display:flex;justify-content:space-between;align-items:center;gap:16px}.card h2{margin:0;font-size:17px;font-weight:560;letter-spacing:-.025em}.card p{margin:6px 0 0;color:var(--muted);line-height:1.45;font-weight:380}.card-body{padding:16px 18px}.form-grid{display:grid;gap:12px}label{display:grid;gap:7px;color:var(--muted);font-size:12px;font-weight:500;text-transform:none}input,textarea{width:100%;border:1px solid var(--line);background:rgba(3,3,3,.38);color:var(--text);border-radius:14px;padding:11px 12px;outline:none;font-weight:400}input::placeholder,textarea::placeholder{color:rgba(181,181,181,.48)}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(86,215,253,.10)}.log{margin:0;white-space:pre-wrap;background:rgba(3,3,3,.55);border:1px solid var(--line);border-radius:16px;padding:13px;min-height:120px;max-height:260px;overflow:auto;color:var(--text2);font-size:12px;line-height:1.45}.status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.status-card{background:rgba(3,3,3,.36);border:1px solid var(--line);border-radius:16px;padding:13px}.status-card b{display:block;font-size:22px;font-weight:560;letter-spacing:-.03em}.status-card span{font-size:10px;color:var(--muted2);text-transform:uppercase;letter-spacing:.10em}.mt{margin-top:16px}.pipeline{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.pipeline div{background:rgba(3,3,3,.34);border:1px solid var(--line);border-radius:16px;padding:14px}.pipeline b{display:block;margin-bottom:6px;color:var(--accent);font-weight:560}.pipeline span{display:block;color:var(--muted);line-height:1.45;font-weight:380}
.filter-layout{display:grid;grid-template-columns:minmax(720px,1fr) 360px;min-height:calc(100vh - 222px);gap:14px;padding:14px;background:rgba(3,3,3,.16)}#filterFrame{width:100%;height:calc(100vh - 250px);min-height:760px;border:1px solid var(--line);border-radius:20px;background:#030303;overflow:hidden}.filter-side{border:1px solid var(--line);border-radius:20px;padding:14px;background:rgba(8,14,17,.70);overflow:auto}.filter-side h3{margin:8px 0 10px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:560;color:var(--muted)}#filterJson{height:250px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;resize:vertical;color:#cfeff5}.result-summary,.filter-resume{background:rgba(17,43,51,.35);border:1px solid var(--line);border-radius:16px;padding:12px;color:var(--text2);margin-bottom:10px;line-height:1.45}.filter-resume b{color:var(--accent);font-weight:560}.results{display:grid;gap:8px;max-height:calc(100vh - 650px);overflow:auto}.result-card{border:1px solid var(--line);background:rgba(3,3,3,.36);border-radius:16px;padding:12px;text-align:left;color:var(--text);cursor:pointer;transition:.15s ease}.result-card:hover,.result-card.active{border-color:var(--accent);background:rgba(86,215,253,.10)}.result-card b{display:block;font-weight:560}.result-card .meta{margin-top:5px;color:var(--muted);font-size:12px;line-height:1.35}.result-index{font-size:10px;color:var(--accent);margin-bottom:5px;font-weight:600;letter-spacing:.08em}.replayer-grid{display:grid;grid-template-columns:minmax(820px,1fr) 360px;gap:16px}.table-wrap{position:relative;min-height:780px;background:rgba(3,3,3,.62);border:1px solid var(--line);border-radius:22px;overflow:hidden}.table-wrap:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,rgba(86,215,253,.08),transparent 42%);pointer-events:none}.table-felt{position:absolute;left:50%;top:52%;width:62%;height:350px;transform:translate(-50%,-50%);background:linear-gradient(180deg,#108864,#08714f);border-radius:999px;box-shadow:inset 0 0 0 16px rgba(3,3,3,.22),0 36px 90px rgba(0,0,0,.35)}.pot-board{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);text-align:center;z-index:3}.pot{font-size:24px;font-weight:600;letter-spacing:-.03em}.board{display:flex;gap:8px;justify-content:center;margin-top:16px}.card-ui{width:44px;height:58px;border-radius:9px;background:#fcfcfc;color:#030303;border:1px solid rgba(3,3,3,.12);display:grid;place-items:center;font-weight:650;font-size:16px}.card-ui.small{width:27px;height:36px;font-size:11px;border-radius:7px}.card-ui.hidden{background:#18252b;border-color:rgba(252,252,252,.08)}.red-card{color:#d84c4c}.seat{position:absolute;z-index:5;transform:translate(-50%,-50%);width:158px;border-radius:16px;background:rgba(17,27,33,.92);border:1px solid rgba(252,252,252,.11);padding:10px;box-shadow:0 12px 28px rgba(0,0,0,.26)}.seat.hero{background:rgba(86,215,253,.16);border-color:var(--accent)}.seat.folded{opacity:.38}.seat.active{box-shadow:0 0 0 2px var(--accent),0 12px 30px rgba(0,0,0,.28)}.seat-top{display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.nick-line{display:flex;align-items:center;gap:6px;min-width:0}.nick-line .nick{min-width:0;flex:1}.nick{font-weight:560;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stack{font-size:12px;color:var(--muted);margin-top:2px}.seat-action{min-height:16px;color:var(--accent);font-size:11px;margin-top:4px}.hole{display:flex;gap:5px;margin-top:4px;margin-bottom:4px}.opp-type-badge{display:inline-flex;align-items:center;gap:4px;max-width:82px;border-radius:999px;padding:2px 6px;font-size:9px;font-weight:650;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 0 0 1px rgba(255,255,255,.18) inset}.opp-type-dot{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.85;flex:0 0 auto}.bet-chip{position:absolute;z-index:4;transform:translate(-50%,-50%);background:#fcfcfc;color:#030303;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:650}.progress-line{height:6px;background:rgba(252,252,252,.08);border-radius:999px;margin-top:14px;overflow:hidden}.progress-line span{display:block;height:100%;width:0;background:var(--accent)}.current-action{margin-top:10px;color:var(--text2);font-weight:520}.replayer-sidebar{display:grid;gap:16px;align-content:start}.side-card{max-height:calc(100vh - 165px);overflow:hidden}.info-list{display:grid;gap:8px;margin-bottom:14px}.info-row{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding-bottom:7px;color:var(--text2)}.info-row span:first-child{color:var(--muted2)}.info-row b{font-weight:560;text-align:right}.action-flow{display:grid;gap:7px;max-height:calc(100vh - 390px);overflow:auto}.flow-btn{border:1px solid var(--line);background:rgba(3,3,3,.36);color:var(--text2);border-radius:14px;padding:10px;text-align:left;cursor:pointer;font-weight:400}.flow-btn.active{background:var(--accent);color:#030303;border-color:var(--accent)}.flow-btn small{display:flex;justify-content:space-between;color:inherit;opacity:.72;margin-bottom:4px;font-weight:500}.empty{display:grid;place-items:center;height:700px;color:var(--muted2);font-weight:520}.toast{position:fixed;right:20px;bottom:20px;background:rgba(8,14,17,.92);border:1px solid var(--accent);border-radius:16px;padding:12px 14px;color:var(--text);box-shadow:var(--shadow);z-index:100}.error{border-color:var(--danger);color:#ffe7e7}.hand-list-card{max-height:360px}.action-card{max-height:calc(100vh - 540px);min-height:280px}.replayer-results{max-height:250px;overflow:auto}.result-card.active{border-color:var(--accent);background:rgba(86,215,253,.14);box-shadow:0 0 0 1px rgba(86,215,253,.22) inset}.side-card .card-body{overflow:hidden}.action-card .action-flow{max-height:calc(100vh - 640px);min-height:180px}.action-stats-mini{margin-top:10px;border-top:1px solid var(--line);padding-top:10px;display:grid;gap:6px}.action-stats-mini b{font-weight:560;color:var(--text)}.action-stat-row{display:flex;justify-content:space-between;gap:8px;border:1px solid var(--line);background:rgba(3,3,3,.32);border-radius:12px;padding:7px 9px;font-size:12px}.action-stat-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text2)}.action-stat-row b{color:var(--accent);font-weight:560}.muted-mini{color:var(--muted);font-size:12px;line-height:1.35}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(252,252,252,.14);border-radius:999px;border:3px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:rgba(86,215,253,.35);border:3px solid transparent;background-clip:padding-box}
@media(max-width:1200px){.grid.two,.pipeline,.filter-layout,.replayer-grid{grid-template-columns:1fr}.filter-side{border-left:1px solid var(--line)}.results{max-height:380px}.tabs{top:76px}.status-grid{grid-template-columns:repeat(2,1fr)}.hand-list-card,.action-card{max-height:none}.replayer-results,.action-card .action-flow{max-height:360px}}

.saved-filter-box{display:grid;gap:8px;margin-bottom:12px}.saved-filter-box input,.saved-filter-box select{width:100%;background:rgba(3,3,3,.38);border:1px solid var(--line);border-radius:14px;color:var(--text);padding:9px 10px}.btn.full{width:100%;justify-content:center}.diagnostics-box{font-size:12px}.diag-ok{color:#9ff7d3}.diag-warn{color:#ffd08a;margin-bottom:8px}.diag-error{color:#ffb2b2}.diag-row{display:grid;grid-template-columns:70px 1fr;gap:8px;border:1px solid var(--line);background:rgba(3,3,3,.28);border-radius:12px;padding:7px 8px;margin-top:6px}.diag-row b{color:var(--accent);font-weight:560}.diag-row span{color:var(--text2)}.funnel-box{margin-top:10px;border-top:1px solid var(--line);padding-top:10px;display:grid;gap:6px}.funnel-box>b{font-weight:560;color:var(--text)}.funnel-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;border:1px solid var(--line);background:rgba(3,3,3,.30);border-radius:12px;padding:7px 9px;font-size:12px}.funnel-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text2)}.funnel-row b{color:var(--accent);font-weight:560}.funnel-row em{color:#ffb2b2;font-style:normal;font-size:11px}.funnel-row.final{border-color:rgba(86,215,253,.34);background:rgba(86,215,253,.08)}

/* v18: saved training hand blocks */
.btn.danger{border-color:rgba(255,111,111,.35);background:rgba(255,111,111,.10);color:#ffdada}
.saved-hands-layout{display:grid;gap:16px}.saved-hands-intro{display:flex;gap:10px;align-items:flex-start;background:rgba(86,215,253,.07);border:1px solid var(--line2);border-radius:18px;padding:14px;color:var(--text2)}.saved-hands-intro b{color:var(--accent);font-weight:560}.saved-hands-intro span{color:var(--muted);line-height:1.45}.saved-blocks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.training-block-card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(17,43,51,.35),rgba(3,3,3,.34));border-radius:22px;padding:16px;box-shadow:0 18px 50px rgba(0,0,0,.22);display:grid;gap:12px}.training-block-top{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.training-block-kicker{font-size:10px;color:var(--muted2);text-transform:uppercase;letter-spacing:.10em;margin-bottom:6px}.training-title{font-size:20px;font-weight:560;letter-spacing:-.03em;border:0;background:transparent;padding:0;border-radius:0;color:var(--text);box-shadow:none}.training-title:focus{box-shadow:none;border:0;color:var(--accent)}.training-count{min-width:96px;border:1px solid var(--line2);background:rgba(86,215,253,.10);border-radius:18px;padding:10px;text-align:center}.training-count b{display:block;font-size:26px;line-height:1;color:var(--accent);font-weight:620}.training-count span{font-size:10px;text-transform:uppercase;letter-spacing:.10em;color:var(--muted)}.training-note{min-height:76px;resize:vertical;background:rgba(3,3,3,.30);border-radius:16px}.training-meta-line{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted2);font-size:12px;border-top:1px solid var(--line);padding-top:10px}.training-block-card h4{margin:0;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.10em;font-weight:560}.hero-breakdown{display:grid;gap:7px}.hero-break-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;border:1px solid var(--line);background:rgba(3,3,3,.25);border-radius:14px;padding:8px 10px}.hero-break-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-break-row b{color:var(--accent);font-weight:560}.hero-break-row em{font-style:normal;color:var(--muted);font-size:12px}.hero-break-row small{grid-column:1/-1;color:var(--muted2);font-size:11px}.saved-hand-preview{display:grid;gap:6px;max-height:170px;overflow:auto}.saved-hand-preview div{border:1px solid var(--line);background:rgba(3,3,3,.22);border-radius:13px;padding:8px 10px}.saved-hand-preview b{display:block;font-weight:560;color:var(--text2)}.saved-hand-preview span{display:block;margin-top:3px;color:var(--muted);font-size:12px;line-height:1.35}.training-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;border-top:1px solid var(--line);padding-top:12px}@media(max-width:1200px){.saved-blocks{grid-template-columns:1fr}.training-block-top{flex-direction:column}.training-count{width:100%;text-align:left}.training-count b{display:inline;margin-right:6px}}

/* v19: students / hero report */
.students-panel{border:1px solid var(--line);background:linear-gradient(180deg,rgba(17,43,51,.32),rgba(3,3,3,.30));border-radius:22px;padding:16px;display:grid;gap:14px}.students-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.students-head h3{margin:0 0 6px;font-size:18px;font-weight:560;color:var(--text)}.students-head p{margin:0;color:var(--muted);line-height:1.4}.students-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.student-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px}.student-stat-card{border:1px solid var(--line);background:rgba(3,3,3,.28);border-radius:16px;padding:11px 12px}.student-stat-card b{display:block;font-size:18px;color:var(--accent);font-weight:620}.student-stat-card span{display:block;margin-top:3px;font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}.students-editor-grid{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(360px,1.1fr);gap:14px}.students-picker,.students-report{border:1px solid var(--line);background:rgba(3,3,3,.24);border-radius:18px;padding:12px;display:grid;gap:10px}.students-picker-head{display:grid;grid-template-columns:1fr minmax(150px,260px);gap:10px;align-items:center}.students-picker-head b,.students-report h4{font-size:11px;text-transform:uppercase;letter-spacing:.10em;color:var(--muted);font-weight:560;margin:0}.students-picker-head input,.student-manual-label textarea{width:100%;background:rgba(3,3,3,.38);border:1px solid var(--line);border-radius:14px;color:var(--text);padding:9px 10px}.hero-picker-list{display:grid;gap:6px;max-height:390px;overflow:auto;padding-right:4px}.hero-pick-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:8px;align-items:center;border:1px solid var(--line);background:rgba(3,3,3,.20);border-radius:13px;padding:8px 9px;color:var(--text2)}.hero-pick-row input{accent-color:var(--accent)}.hero-pick-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-pick-row b{color:var(--accent);font-weight:560}.hero-pick-row em{font-style:normal;color:var(--muted);font-size:12px}.hero-pick-row small{grid-column:2/-1;color:var(--muted2);font-size:11px;white-space:normal}.student-manual-label{display:grid;gap:7px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.student-manual-label textarea{min-height:146px;resize:vertical;text-transform:none;letter-spacing:0;font-size:13px;color:var(--text2)}.student-breakdown{display:grid;gap:7px;max-height:320px;overflow:auto;padding-right:4px}.student-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:8px;align-items:center;border:1px solid var(--line);background:rgba(86,215,253,.06);border-radius:13px;padding:8px 10px}.student-row.missing{background:rgba(245,158,11,.06)}.student-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text2)}.student-row b{color:var(--accent);font-weight:560}.student-row em,.student-row i{font-style:normal;color:var(--muted);font-size:12px}.student-row small{grid-column:1/-1;color:var(--muted2);font-size:11px}@media(max-width:1250px){.student-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.students-editor-grid{grid-template-columns:1fr}.students-head{flex-direction:column}.students-actions{justify-content:flex-start}}@media(max-width:700px){.student-summary-grid{grid-template-columns:1fr}.students-picker-head{grid-template-columns:1fr}.student-row{grid-template-columns:1fr auto}.student-row em,.student-row i{grid-column:1/-1}.hero-pick-row{grid-template-columns:auto minmax(0,1fr) auto}.hero-pick-row em{display:none}}

/* v20: poker-room visual refresh for Replay + Saved Hands */
#tab-replayer,#tab-saved{--room-bg:#071018;--room-panel:#0b1721;--room-panel2:#101d29;--room-edge:rgba(125,197,230,.18);--room-edge2:rgba(86,215,253,.34);--room-blue:#17bfff;--room-green:#067244;--room-felt:#0b7a48;--room-text:#eaf6fb;--room-muted:#8fa6b5}
#tab-replayer .card,#tab-saved .card,.saved-room-shell{background:linear-gradient(180deg,rgba(10,22,32,.92),rgba(4,11,17,.96));border-color:var(--room-edge);box-shadow:0 22px 80px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.035)}
#tab-replayer .card-head{padding:14px 16px;background:linear-gradient(180deg,rgba(13,33,44,.88),rgba(7,16,24,.78));border-bottom:1px solid var(--room-edge)}
#tab-replayer .card-head h2{font-size:17px;font-weight:540;letter-spacing:-.02em;color:var(--room-text)}
#tab-replayer .card-head p{font-size:12px;color:var(--room-muted)}
#tab-replayer .actions-wrap{gap:8px}.btn{transition:.16s ease}.btn.primary,#tab-replayer .btn.primary,#tab-saved .btn.primary{background:linear-gradient(180deg,#42d7ff,#078fd3);color:#031017;border:1px solid rgba(86,215,253,.55);box-shadow:0 0 22px rgba(23,191,255,.20),inset 0 1px 0 rgba(255,255,255,.42);font-weight:650}.btn.ghost,#tab-replayer .btn.ghost,#tab-saved .btn.ghost{background:linear-gradient(180deg,rgba(24,42,55,.68),rgba(7,17,25,.64));border:1px solid var(--room-edge);color:#d8e9f2;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}.btn.ghost:hover{border-color:var(--room-edge2);background:rgba(20,51,67,.66)}
#tab-replayer .replayer-grid{grid-template-columns:minmax(900px,1fr) 390px;gap:16px;align-items:start}.replay-meta-strip{display:grid;grid-template-columns:1.15fr .95fr .95fr 1.25fr 1.15fr auto;gap:8px;margin-bottom:12px;padding:11px 12px;border:1px solid var(--room-edge);border-radius:18px;background:linear-gradient(180deg,rgba(13,25,36,.78),rgba(6,14,21,.80));box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}.replay-meta-item{display:grid;gap:3px}.replay-meta-item span,.replay-meta-controls span{font-size:10px;color:var(--room-muted);text-transform:uppercase;letter-spacing:.06em}.replay-meta-item b,.replay-meta-controls b{font-size:15px;font-weight:500;color:var(--room-text);letter-spacing:-.01em}.replay-meta-controls{display:flex;align-items:center;gap:9px;border-left:1px solid var(--room-edge);padding-left:12px;color:var(--room-text)}
#tab-replayer .table-wrap{min-height:670px;border-radius:20px;border:1px solid rgba(103,166,197,.22);background:radial-gradient(circle at 50% 48%,rgba(24,107,80,.14),transparent 37%),linear-gradient(180deg,#06111a,#03080d 58%,#020508);box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 25px 70px rgba(0,0,0,.42)}#tab-replayer .table-wrap:before{background:radial-gradient(ellipse at 50% 47%,rgba(23,191,255,.11),transparent 58%)}
#tab-replayer .table-rim{position:absolute;left:50%;top:51%;width:72%;height:382px;transform:translate(-50%,-50%);border-radius:999px;background:linear-gradient(180deg,rgba(42,54,62,.95),rgba(5,10,15,.95));box-shadow:0 28px 60px rgba(0,0,0,.55),inset 0 0 0 2px rgba(255,255,255,.06)}
#tab-replayer .table-felt{left:50%;top:51%;width:69%;height:342px;transform:translate(-50%,-50%);background:radial-gradient(circle at 50% 42%,rgba(23,196,120,.18),transparent 55%),linear-gradient(180deg,#0c995c,#08643d);border-radius:999px;box-shadow:inset 0 0 0 14px rgba(5,72,48,.55),inset 0 0 34px rgba(0,0,0,.28),0 22px 60px rgba(0,0,0,.32)}.pot-board{top:49%}.pot{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:7px 14px;background:rgba(2,29,21,.58);font-size:18px;font-weight:540;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);color:#f2fbf8}.board{gap:12px;margin-top:20px}.card-ui{width:58px;height:76px;border-radius:11px;background:linear-gradient(180deg,#fff,#e7eef1);box-shadow:0 10px 18px rgba(0,0,0,.28),inset 0 0 0 1px rgba(0,0,0,.08);font-size:20px;font-weight:720}.card-ui.small{width:36px;height:48px;font-size:14px}.card-ui.hidden{background:repeating-linear-gradient(45deg,#57616a 0,#57616a 2px,#e8ecee 2px,#e8ecee 4px);box-shadow:0 7px 12px rgba(0,0,0,.30);opacity:.88}.chips-pot{margin-top:16px;color:#e8fff7;text-shadow:0 1px 2px rgba(0,0,0,.5);font-size:15px}.red-card{color:#d64545}
#tab-replayer .seat{width:164px;background:transparent;border:0;padding:0;box-shadow:none}.seat-panel{position:relative;min-height:92px;border:1px solid rgba(170,210,232,.20);border-radius:16px;background:linear-gradient(180deg,rgba(22,36,48,.94),rgba(9,18,27,.92));padding:12px 13px;box-shadow:0 12px 26px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.05)}.seat.hero .seat-panel{background:linear-gradient(180deg,rgba(8,86,119,.82),rgba(9,36,54,.95));border-color:rgba(60,211,255,.85);box-shadow:0 0 0 1px rgba(23,191,255,.24),0 0 30px rgba(23,191,255,.25),0 16px 34px rgba(0,0,0,.48)}.seat.active .seat-panel{box-shadow:0 0 0 2px rgba(86,215,253,.86),0 0 34px rgba(23,191,255,.28),0 16px 36px rgba(0,0,0,.44)}.seat.folded .seat-panel,.seat.folded .hole{opacity:.36}.seat-top{position:absolute;right:9px;top:8px;gap:5px}.seat-top span:first-child{background:rgba(172,184,194,.18);color:#cfdae1;border-radius:6px;padding:2px 6px;font-size:9px;font-weight:700}.seat-top span:last-child{font-size:9px;max-width:52px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nick{font-size:15px;font-weight:650;margin:0 48px 4px 0;color:#f3fbff}.stack{font-size:14px;color:#f2fbff;margin-top:2px}.seat-action{margin-top:5px;color:#69dfff;min-height:15px}.hole{position:absolute;z-index:2;top:-42px;left:50%;transform:translateX(-50%);margin:0}.seat.hero .hole{top:-46px}.hero-hand-label{display:inline-flex;margin-top:7px;background:#0d8bd0;color:#eaffff;border-radius:7px;padding:3px 8px;font-size:11px;font-weight:650}.opp-type-badge{margin-top:7px;max-width:128px;border-radius:7px;padding:3px 8px;font-size:11px;box-shadow:none}.opp-type-dot{display:none}.bet-stack{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:4px;z-index:4}.bet-chip{position:relative;background:linear-gradient(180deg,#fff,#d9e8ed);box-shadow:0 8px 16px rgba(0,0,0,.34);font-size:11px;padding:6px 10px;border-radius:999px;color:#111827;font-weight:700;white-space:nowrap}.bet-stack.hero-bet .bet-chip{box-shadow:0 12px 22px rgba(0,0,0,.38),0 0 0 1px rgba(255,255,255,.28) inset}.chip-pile{position:relative;height:18px;min-width:28px}.mini-chip{position:absolute;left:var(--chip-offset);top:0;width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.78);box-shadow:0 4px 8px rgba(0,0,0,.35), inset 0 1px 2px rgba(255,255,255,.35)}.mini-chip.c1{background:radial-gradient(circle at 35% 30%,#fff6c6,#f2b81e 45%,#b06a00)}.mini-chip.c2{background:radial-gradient(circle at 35% 30%,#dbf5ff,#49befa 45%,#075f9f)}.mini-chip.c3{background:radial-gradient(circle at 35% 30%,#fde7f0,#ea588c 45%,#8d1747)}.mini-chip.c4{background:radial-gradient(circle at 35% 30%,#eaffee,#22c55e 45%,#0b6b30)}.dealer-btn{position:absolute;transform:translate(-50%,-50%);min-width:32px;height:32px;padding:0 8px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#fbfbfc,#cfd8de);color:#0f172a;font-size:11px;font-weight:800;box-shadow:0 10px 20px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.8);border:1px solid rgba(15,23,42,.15);z-index:5}.current-action{border:1px solid var(--room-edge);border-radius:16px;background:linear-gradient(180deg,rgba(13,26,37,.72),rgba(6,12,18,.74));padding:14px;text-align:center;font-size:16px;font-weight:450;color:#eaf7fb}.progress-line{height:5px;margin:11px 0 8px;background:rgba(255,255,255,.075)}.progress-line span{background:linear-gradient(90deg,#54dcff,#0ab2f0);box-shadow:0 0 16px rgba(23,191,255,.4)}
#tab-replayer .replayer-sidebar .card-head{padding:14px 16px}.hand-list-card,.action-card{border-radius:18px;background:linear-gradient(180deg,rgba(12,24,35,.91),rgba(6,13,20,.92));border-color:var(--room-edge)}.hand-list-card{max-height:370px}.action-card{max-height:calc(100vh - 480px);min-height:420px}.replayer-results{max-height:245px}.result-card{border-radius:13px;background:linear-gradient(180deg,rgba(19,34,46,.72),rgba(8,18,28,.76));border-color:rgba(125,197,230,.13);padding:10px 11px}.result-card:hover,.result-card.active{border-color:rgba(23,191,255,.85);box-shadow:0 0 0 1px rgba(23,191,255,.35) inset,0 0 20px rgba(23,191,255,.12)}.info-list{display:none}.action-flow{position:relative;gap:0;padding-left:24px;max-height:calc(100vh - 585px)}.action-flow:before{content:"";position:absolute;left:9px;top:8px;bottom:8px;width:2px;background:linear-gradient(#22cfff,rgba(172,184,194,.24))}.flow-btn{position:relative;border:0;border-radius:0;background:transparent;padding:8px 10px;color:#c6d6df}.flow-btn:before{content:"";position:absolute;left:-20px;top:17px;width:10px;height:10px;border-radius:50%;background:#70808a;box-shadow:0 0 0 3px rgba(112,128,138,.13)}.flow-btn.active{background:rgba(23,191,255,.10);color:#effcff;border-radius:12px}.flow-btn.active:before{background:#31d0ff;box-shadow:0 0 0 5px rgba(49,208,255,.18),0 0 15px rgba(49,208,255,.7)}.flow-btn small{font-size:10px;opacity:.75}.flow-btn div{font-size:13px;line-height:1.35}

/* Saved hands poker-room dashboard */
#tab-saved main{padding-top:14px}.saved-room-shell{display:grid;gap:16px;border-radius:22px;border:1px solid rgba(125,197,230,.18);padding:12px;background:linear-gradient(180deg,rgba(8,18,27,.94),rgba(4,10,16,.96));box-shadow:0 25px 90px rgba(0,0,0,.36)}.saved-room-top{display:grid;grid-template-columns:minmax(760px,1fr) 420px;gap:14px}.saved-preview-card{display:grid;grid-template-columns:minmax(420px,.95fr) minmax(340px,.75fr);gap:14px;border:1px solid var(--room-edge);border-radius:20px;padding:12px;background:linear-gradient(180deg,rgba(12,26,38,.82),rgba(6,14,22,.88))}.saved-preview-table{position:relative;min-height:280px;border:1px solid rgba(125,197,230,.15);border-radius:18px;background:radial-gradient(circle at 50% 45%,rgba(23,191,255,.12),transparent 52%),#050d14;overflow:hidden}.mini-table-felt{position:absolute;left:50%;top:53%;width:76%;height:158px;transform:translate(-50%,-50%);border-radius:999px;background:radial-gradient(circle at 50% 42%,rgba(30,195,119,.18),transparent 55%),linear-gradient(180deg,#0b8a52,#065c39);box-shadow:inset 0 0 0 10px rgba(2,47,31,.55),0 18px 44px rgba(0,0,0,.45)}.mini-pot{position:absolute;left:50%;top:25%;transform:translateX(-50%);font-size:12px;color:#eafff8}.mini-board{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);display:flex;gap:5px}.mini-board span{width:30px;height:40px;display:grid;place-items:center;border-radius:7px;background:#f4f8fa;color:#061018;font-weight:700;font-size:13px}.mini-seat{position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:rgba(18,32,44,.92);color:#dcebf2;padding:6px 8px;font-size:11px;box-shadow:0 10px 20px rgba(0,0,0,.35)}.mini-seat small{display:block;color:#4bd7ff}.mini-seat.hero{left:71%;top:67%;border-color:#17bfff;box-shadow:0 0 20px rgba(23,191,255,.22)}.mini-seat.s1{left:38%;top:11%}.mini-seat.s2{right:9%;top:28%}.mini-seat.s3{left:14%;top:59%}.saved-collection-info{border-radius:18px;padding:16px 18px;background:linear-gradient(180deg,rgba(16,31,43,.70),rgba(8,17,26,.62));border:1px solid rgba(125,197,230,.12)}.room-kicker{display:block;color:#8aa6b6;font-size:11px;text-transform:uppercase;letter-spacing:.10em;margin-bottom:6px}.saved-collection-info h2{margin:0;font-size:24px;letter-spacing:-.03em;font-weight:610;color:#effaff}.saved-collection-info p{margin:9px 0 14px;color:#9aafbc;line-height:1.42}.saved-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.saved-info-grid div{border:1px solid rgba(125,197,230,.13);border-radius:14px;padding:10px;background:rgba(3,9,14,.28)}.saved-info-grid span{display:block;color:#86a0af;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.saved-info-grid b{display:block;margin-top:4px;color:#effbff;font-size:20px;font-weight:610}.saved-preview-controls{display:flex;gap:8px;flex-wrap:wrap}.saved-action-stack{display:grid;gap:12px}.saved-action-card{display:grid;grid-template-columns:82px 1fr;gap:14px;align-items:center;border:1px solid rgba(23,191,255,.28);border-radius:20px;background:radial-gradient(circle at 20% 50%,rgba(23,191,255,.14),transparent 44%),linear-gradient(180deg,rgba(13,31,45,.86),rgba(7,16,25,.9));padding:18px;min-height:132px}.saved-action-card.dashed{border-style:dashed}.saved-action-card h3{margin:0 0 5px;font-size:19px;font-weight:620;color:#effaff}.saved-action-card p{margin:0 0 12px;color:#9aafbc;line-height:1.35}.action-illus{position:relative;width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:rgba(23,191,255,.10);border:1px solid rgba(23,191,255,.33);font-size:28px;color:#effbff}.action-illus i{position:absolute;right:-8px;bottom:-8px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#11baf5;color:#01111a;font-style:normal;font-weight:800;box-shadow:0 8px 18px rgba(0,0,0,.38)}.saved-collections-section,.poker-students-panel{border:1px solid rgba(125,197,230,.14);border-radius:20px;background:linear-gradient(180deg,rgba(10,22,32,.78),rgba(5,12,18,.86));padding:14px}.saved-section-head{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:12px}.saved-section-head>div:first-child{display:flex;align-items:center;gap:10px}.saved-section-head h2{margin:0;font-size:20px;font-weight:600}.saved-section-head span{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:3px 10px;color:#dbeaf1}.saved-toolbar{max-width:380px;flex:1}.saved-toolbar input{padding:9px 12px;background:rgba(2,8,13,.42)}.saved-blocks{grid-template-columns:repeat(5,minmax(220px,1fr));gap:12px}.collection-card{position:relative;border-radius:18px;padding:14px 14px 12px;background:linear-gradient(180deg,rgba(18,35,49,.86),rgba(8,18,28,.92));border-color:rgba(125,197,230,.16);box-shadow:0 18px 42px rgba(0,0,0,.30);min-height:280px}.collection-card-menu{position:absolute;right:12px;top:10px;color:#b8c8d2}.collection-tags{display:flex;gap:6px;flex-wrap:wrap;padding-right:22px}.collection-tag{font-size:10px;font-weight:700;border-radius:999px;padding:4px 8px;color:#effaff}.tag-green{background:#0c8b50}.tag-preflop,.tag-purple{background:#6d3ca8}.tag-postflop{background:#b17700}.tag-blue{background:#0d86c7}.collection-title{margin-top:12px;font-size:18px;line-height:1.18}.collection-count{margin:4px 0 8px;color:#c8d7df;font-size:14px}.collection-count span{color:#8fa6b5}.collection-note{min-height:56px;border:0;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);border-radius:0;background:transparent;padding:9px 0;color:#9fb4c1;font-size:12px}.collection-source{display:none}.collection-card h4{margin:2px 0 8px}.collection-hero-list{display:grid;gap:5px}.collection-hero-row{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:7px;align-items:center;color:#d7e4eb}.collection-hero-row span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-hero-row b{font-weight:500;color:#c5d4dc}.avatar-dot{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:700;background:#38526b;color:#effaff}.avatar-dot.a1{background:#9b5d34}.avatar-dot.a2{background:#7351a8}.avatar-dot.a3{background:#226d8d}.avatar-dot.a4{background:#946132}.collection-details{margin-top:8px;color:#8fa6b5;font-size:12px}.collection-details summary{cursor:pointer}.collection-actions{border-top:0;margin-top:auto;padding-top:10px}.collection-actions .btn{width:100%;justify-content:center}.collection-actions .btn.ghost,.collection-actions .btn.danger{width:auto;flex:1;font-size:11px;padding:7px 8px}.collection-empty-card{border:1px dashed rgba(125,197,230,.34);border-radius:18px;min-height:280px;display:grid;place-items:center;text-align:center;padding:18px;background:rgba(5,14,22,.52);color:#cfe1eb}.collection-empty-card h3{margin:8px 0 4px;font-size:18px}.collection-empty-card p{margin:0;color:#8fa6b5;line-height:1.4}.plus-orb{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-size:38px;color:#35d1ff;border:1px solid rgba(53,209,255,.40);background:rgba(23,191,255,.08);box-shadow:0 0 26px rgba(23,191,255,.16)}.poker-students-panel{padding:14px}.poker-students-panel .students-head{align-items:center}.poker-students-panel .student-summary-grid{grid-template-columns:repeat(5,minmax(140px,1fr))}.student-stat-card{background:linear-gradient(180deg,rgba(18,35,49,.66),rgba(8,18,28,.72));border-color:rgba(125,197,230,.14);border-radius:15px}.student-stat-card b{color:#effbff}.students-picker,.students-report{background:rgba(3,9,14,.34);border-color:rgba(125,197,230,.12)}
.collection-count small{color:#7da1b5;font-size:11px}.collection-hero-table{display:grid;gap:8px}.collection-hero-head{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#9fb4c1;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.hero-sort-group{display:flex;gap:6px;flex-wrap:wrap}.hero-sort-btn,.hero-expand-btn{border:1px solid rgba(125,197,230,.18);background:rgba(3,9,14,.34);color:#d7e4eb;border-radius:999px;padding:5px 9px;font-size:11px;line-height:1.1}.hero-sort-btn.active{border-color:rgba(23,191,255,.55);color:#effbff;background:rgba(23,191,255,.12)}.hero-expand-btn{justify-self:flex-start}.collection-hero-row.rich{grid-template-columns:22px minmax(0,1.35fr) minmax(52px,.45fr) minmax(62px,.5fr) minmax(74px,.55fr);align-items:center}.collection-hero-row.rich .hero-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-hero-row.rich em,.collection-hero-row.rich i{font-style:normal;color:#8fdcff;font-size:12px;text-align:right}.collection-hero-row.rich small{grid-column:2/-1;color:#7f95a3;white-space:normal;line-height:1.25}.collection-hero-list{max-height:260px;overflow:auto;padding-right:4px}@media(max-width:1400px){#tab-replayer .replayer-grid,.saved-room-top{grid-template-columns:1fr}.saved-blocks{grid-template-columns:repeat(3,minmax(0,1fr))}.saved-preview-card{grid-template-columns:1fr}}@media(max-width:900px){.replay-meta-strip{grid-template-columns:repeat(2,1fr)}.saved-blocks{grid-template-columns:1fr}.saved-action-card{grid-template-columns:1fr}.saved-preview-card{grid-template-columns:1fr}.poker-students-panel .student-summary-grid{grid-template-columns:1fr 1fr}}
.alias-mark{display:inline-block;margin-left:6px;color:#58d8ff;font-size:11px;font-style:normal;opacity:.9}.student-nicks{grid-column:1/-1;color:#89a4b4;font-size:11px;margin-top:3px}.hero-pick-row .alias-mark{font-weight:500}.student-row small.student-nicks{display:block}

/* v22 HUD popup for room-aware opponent stats */
.opp-hud-wrap{position:relative;display:inline-flex;align-items:center;z-index:6}.opp-hud-wrap .hud-popover{position:absolute;left:50%;top:calc(100% + 8px);width:min(640px,calc(100vw - 44px));max-height:min(74vh,560px);overflow:auto;padding:12px;border:1px solid rgba(130,255,70,.75);border-radius:14px;background:linear-gradient(180deg,rgba(9,18,23,.98),rgba(3,3,3,.98));box-shadow:0 20px 60px rgba(0,0,0,.62),0 0 0 1px rgba(130,255,70,.12),0 0 26px rgba(130,255,70,.20);opacity:0;visibility:hidden;transform:translate(-50%,6px);transition:.14s ease;pointer-events:none;color:#fcfcfc;text-align:left;z-index:9999}.opp-hud-wrap:hover .hud-popover{opacity:1;visibility:visible;transform:translate(-50%,0);pointer-events:auto}.seat.pop-right .hud-popover{left:0;right:auto;transform:translateY(6px)}.seat.pop-right .opp-hud-wrap:hover .hud-popover{transform:translateY(0)}.seat.pop-left .hud-popover{left:auto;right:0;transform:translateY(6px)}.seat.pop-left .opp-hud-wrap:hover .hud-popover{transform:translateY(0)}.seat.pop-up .hud-popover{top:auto;bottom:calc(100% + 8px)}
.hud-popup-head{display:grid;grid-template-columns:1.2fr 1.8fr .8fr .9fr .9fr 1fr;gap:7px;margin-bottom:8px}
.hud-popup-head div,.hud-popup-ev span,.hud-cell{border:1px solid rgba(252,252,252,.10);background:rgba(17,43,51,.42);border-radius:9px;padding:7px 8px;min-width:0}
.hud-popup-head span,.hud-cell span{display:block;color:#9aa7af;font-size:10px;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hud-popup-head b,.hud-cell b{display:block;margin-top:2px;color:#fcfcfc;font-size:16px;font-weight:620;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hud-popup-ev{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:10px;color:#b5b5b5;font-size:12px}
.hud-popup-ev b{color:#fcfcfc;font-weight:620}
.hud-popup-section{margin-top:9px;padding-top:9px;border-top:1px solid rgba(252,252,252,.10)}
.hud-popup-section h5{margin:0 0 7px;color:#d7e6eb;font-size:12px;font-weight:620;letter-spacing:.02em}
.hud-grid{display:grid;grid-template-columns:repeat(6,minmax(74px,1fr));gap:6px}
.hud-cell b{font-size:20px;color:#8cf238;text-align:center}
.hud-cell:nth-child(4n) b,.hud-cell:nth-child(5n) b{color:#ffbd2e}
.hud-cell:nth-child(6n) b{color:#ff5d45}
.hud-note{margin-top:9px;color:#82909a;font-size:11px;line-height:1.35}
@media (max-width:1100px){.hud-popup-head{grid-template-columns:repeat(3,1fr)}.hud-grid{grid-template-columns:repeat(3,1fr)}.opp-hud-wrap .hud-popover{width:min(420px,calc(100vw - 28px))}}

@media(max-width:1100px){.collection-hero-head{flex-direction:column;align-items:flex-start}.collection-hero-row.rich{grid-template-columns:22px minmax(0,1fr) auto auto}.collection-hero-row.rich i{grid-column:3}.collection-hero-row.rich small{grid-column:1/-1}}

/* v26 replay scope + faster replayer UI */
.replay-meta-strip{grid-template-columns:repeat(auto-fit,minmax(128px,1fr)) auto}.replay-meta-controls{justify-content:flex-end}.hero-row-btn{width:100%;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;border-radius:10px;padding:2px 3px;transition:background .12s ease,transform .12s ease}.hero-row-btn:hover{background:rgba(86,215,253,.10);transform:translateX(1px)}.collection-hero-row.rich.hero-row-btn{display:grid}.collection-hero-row.rich.hero-row-btn b,.collection-hero-row.rich.hero-row-btn em,.collection-hero-row.rich.hero-row-btn i{pointer-events:none}.collection-hero-row.rich.hero-row-btn small{pointer-events:none}.replayer-results .result-card{contain:content}.table-wrap{contain:layout paint}.flow-btn{contain:content}

/* v29 students in collections + player summary + larger replayer */
#tab-replayer .replayer-grid{grid-template-columns:minmax(1180px,1fr) 390px}
#tab-replayer .table-wrap{min-height:820px}
#tab-replayer .table-rim{width:78%;height:452px;top:50.5%}
#tab-replayer .table-felt{width:74%;height:406px;top:50.5%}
#tab-replayer .pot-board{top:39%}
#tab-replayer .seat{width:188px;min-height:134px;padding:44px 12px 12px}
#tab-replayer .seat.hero{padding-top:20px}
#tab-replayer .seat .hole{position:absolute;left:50%;top:-34px;transform:translateX(-50%);margin:0;gap:8px}
#tab-replayer .seat.hero .hole{position:relative;left:auto;top:auto;transform:none;margin-top:0;margin-bottom:6px;justify-content:center}
#tab-replayer .card-ui.small{width:54px;height:72px;font-size:20px;border-radius:10px;box-shadow:0 8px 18px rgba(0,0,0,.35)}
#tab-replayer .card-ui{width:52px;height:70px;font-size:19px}
#tab-replayer .bet-stack{z-index:4}
#tab-replayer .seat-top{font-size:11px}
#tab-replayer .nick{font-size:15px}
#tab-replayer .stack{font-size:13px}
#tab-replayer .seat-action{font-size:11px;line-height:1.25;padding-right:6px}
#tab-replayer .dealer-btn{z-index:7}

.collection-count .count-strong{font-size:22px;font-weight:700;color:#effbff}
.collection-hero-row.rich{grid-template-columns:22px minmax(0,1.45fr) minmax(62px,.38fr) minmax(64px,.42fr) minmax(72px,.48fr);row-gap:4px}
.hero-main{display:flex;flex-direction:column;min-width:0}
.collection-hero-row.rich .hero-name{font-weight:600;color:#effbff;line-height:1.15}
.collection-hero-row.rich .hero-sub{font-size:11px;color:#7da1b5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}
.collection-hero-row.rich .case-pill{display:inline-flex;justify-content:center;align-items:center;min-width:42px;padding:4px 8px;border-radius:999px;background:linear-gradient(180deg,#2fd7ff,#0c7fba);color:#041017;box-shadow:0 8px 18px rgba(23,191,255,.22);font-weight:800}
.collection-hero-row.rich em,.collection-hero-row.rich i{font-style:normal;color:#9be8ff;font-size:12px;text-align:right}
.collection-hero-row.rich small{grid-column:2/-1;color:#90a7b5;line-height:1.25}
.collection-hero-row.rich small .small-label{color:#d2e8f3;font-weight:600}

.player-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.player-summary-card{border:1px solid rgba(125,197,230,.16);border-radius:18px;padding:14px;background:linear-gradient(180deg,rgba(18,35,49,.84),rgba(7,17,26,.92));box-shadow:0 16px 42px rgba(0,0,0,.28)}
.player-summary-head{display:flex;gap:10px;align-items:flex-start;margin-bottom:12px}
.player-summary-title{min-width:0}
.player-summary-title h4{margin:0;font-size:17px;color:#effbff}
.player-summary-title p{margin:4px 0 0;font-size:12px;color:#8ea7b6;line-height:1.35}
.player-summary-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px}
.player-summary-stats div{border:1px solid rgba(125,197,230,.12);border-radius:13px;padding:9px 10px;background:rgba(3,9,14,.28)}
.player-summary-stats span{display:block;font-size:10px;color:#8ea6b5;text-transform:uppercase;letter-spacing:.08em}
.player-summary-stats b{display:block;margin-top:3px;font-size:18px;color:#effbff}
.player-summary-meta{font-size:12px;color:#b6cad6;line-height:1.38;margin-top:6px}
.player-summary-meta b{color:#effbff}

@media(max-width:1600px){.player-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.player-summary-grid{grid-template-columns:1fr}}

/* v30 small fixes */
.training-title.collection-title{width:100%;border:1px solid rgba(125,197,230,.18);border-radius:12px;padding:8px 10px;background:rgba(3,9,14,.22);color:#effbff;font-weight:650}
.training-title.collection-title:focus{outline:none;border-color:#36d6ff;box-shadow:0 0 0 2px rgba(54,214,255,.14)}
.student-row{position:relative;grid-template-columns:minmax(0,1fr) auto auto auto 28px}
.student-remove{width:24px;height:24px;border-radius:999px;border:1px solid rgba(239,68,68,.34);background:rgba(127,29,29,.28);color:#fecaca;cursor:pointer;font-weight:800}
.student-remove:hover{background:rgba(239,68,68,.22);color:#fff}


/* v32: denomination chip stacks + four-color deck + D button */
#tab-replayer .chips-pot{
  margin-top:10px;
  display:flex;
  justify-content:center;
  align-items:center;
  min-height:50px;
  text-shadow:none;
}
.chip-stack{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-width:54px;
  min-height:42px;
  pointer-events:none;
}
.chip-stack-pile{
  position:relative;
  width:64px;
  height:30px;
  display:block;
}
.stack-chip{
  position:absolute;
  left:calc(50% - 12px + var(--chip-x, 0px));
  top:calc(18px - var(--chip-i, 0) * 3px);
  width:24px;
  height:24px;
  border-radius:50%;
  border:2px solid rgba(255,255,255,.78);
  box-shadow:
    0 5px 9px rgba(0,0,0,.36),
    inset 0 2px 2px rgba(255,255,255,.38),
    inset 0 -3px 5px rgba(0,0,0,.18);
}
.stack-chip:before{
  content:"";
  position:absolute;
  inset:5px;
  border-radius:50%;
  border:2px dashed rgba(255,255,255,.70);
}
.chip-bb01{background:radial-gradient(circle at 34% 25%,#ffffff,#dfe7ef 38%,#6b7280 39%,#475569)}
.chip-bb05{background:radial-gradient(circle at 34% 25%,#fff7d6,#f7c948 38%,#c47d02 39%,#8a4b05)}
.chip-bb1{background:radial-gradient(circle at 34% 25%,#e8fff1,#3ee36f 38%,#14883b 39%,#064e25)}
.chip-bb5{background:radial-gradient(circle at 34% 25%,#e8f7ff,#45caff 38%,#087db8 39%,#075985)}
.chip-bb10{background:radial-gradient(circle at 34% 25%,#ffe7ef,#ff4778 38%,#b3133e 39%,#7f1d1d)}
.chip-bb20{background:radial-gradient(circle at 34% 25%,#f1e8ff,#9c5cff 38%,#5b21b6 39%,#3b0764)}
.chip-bb50{background:radial-gradient(circle at 34% 25%,#fff4e8,#ff914d 38%,#c2410c 39%,#7c2d12)}
.chip-overflow{
  position:absolute;
  right:-10px;
  top:-6px;
  border-radius:999px;
  padding:2px 5px;
  background:rgba(5,12,18,.88);
  border:1px solid rgba(255,255,255,.18);
  color:#effbff;
  font-size:10px;
  font-weight:700;
}
.chip-stack-label{
  margin-top:3px;
  padding:2px 7px;
  border-radius:999px;
  background:rgba(2,12,15,.72);
  color:#eafff7;
  border:1px solid rgba(255,255,255,.10);
  font-size:12px;
  font-weight:650;
  white-space:nowrap;
  box-shadow:0 6px 14px rgba(0,0,0,.32);
}
.chip-stack-pot .chip-stack-pile{height:34px}
.chip-stack-pot .chip-stack-label{font-size:13px;color:#e9fff3;background:rgba(3,32,20,.75)}
.bet-stack{
  gap:2px;
  min-width:66px;
  min-height:56px;
}
.bet-stack .chip-stack-label{
  font-size:11px;
  background:rgba(255,255,255,.94);
  color:#071019;
  border-color:rgba(3,3,3,.12);
}
.bet-stack.hero-bet .chip-stack-label{
  box-shadow:0 0 0 2px rgba(86,215,253,.35),0 8px 16px rgba(0,0,0,.35);
}

#tab-replayer .card-ui{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  align-items:flex-start;
  overflow:hidden;
  padding:7px 8px;
  color:#fff;
  border:1px solid rgba(255,255,255,.20);
  text-shadow:0 1px 2px rgba(0,0,0,.34);
}
#tab-replayer .card-ui .card-rank{
  font-size:1.28em;
  line-height:1;
  font-weight:850;
  letter-spacing:-.04em;
}
#tab-replayer .card-ui .card-suit{
  align-self:flex-end;
  font-size:1.05em;
  line-height:1;
  font-weight:800;
  opacity:.96;
}
#tab-replayer .card-ui.suit-spade{background:linear-gradient(180deg,#30343b,#111827)}
#tab-replayer .card-ui.suit-heart{background:linear-gradient(180deg,#e02635,#991b1b)}
#tab-replayer .card-ui.suit-diamond{background:linear-gradient(180deg,#2785ff,#0754b8)}
#tab-replayer .card-ui.suit-club{background:linear-gradient(180deg,#22c55e,#067a35)}
#tab-replayer .card-ui.hidden{
  background:repeating-linear-gradient(45deg,#57616a 0,#57616a 2px,#e8ecee 2px,#e8ecee 4px);
  color:transparent;
}
#tab-replayer .card-ui.small{
  padding:6px 7px;
}
#tab-replayer .card-ui.small .card-rank{font-size:1.18em}
#tab-replayer .card-ui.small .card-suit{font-size:.95em}
.dealer-btn{
  width:30px;
  min-width:30px;
  height:30px;
  padding:0;
  border-radius:50%;
  background:radial-gradient(circle at 35% 28%,#fff2a8,#e0bd26 46%,#8a6510);
  color:#101820;
  border:2px solid rgba(40,28,4,.65);
  font-size:14px;
  font-weight:900;
  box-shadow:0 8px 18px rgba(0,0,0,.40),inset 0 2px 3px rgba(255,255,255,.55);
}


/* v34 Statistics tab: H2N-like popup */
.stats-page-shell{display:grid;gap:16px}.stats-toolbar{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:18px 20px}.stats-toolbar h2{margin:0 0 6px}.stats-toolbar p{margin:0;color:var(--muted)}.stats-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.stats-controls select{min-width:360px;max-width:720px;background:rgba(2,8,13,.72);color:var(--text);border:1px solid var(--line);border-radius:999px;padding:11px 14px}.stats-selected-info{border:1px solid var(--line);border-radius:16px;padding:12px 16px;background:linear-gradient(180deg,rgba(12,32,43,.72),rgba(4,12,18,.72));color:#b7d5e6}.h2n-popup-wrap{overflow:auto}.stats-empty{border:1px dashed rgba(86,215,253,.25);border-radius:20px;min-height:240px;display:flex;align-items:center;justify-content:center;color:#9fb7c7;background:rgba(1,6,10,.55)}.stats-empty.error{border-color:rgba(239,68,68,.5);color:#fecaca}.h2n-popup{display:grid;grid-template-columns:280px 390px 310px 310px 390px;grid-auto-rows:min-content;gap:14px;min-width:1440px;padding:14px;background:#030303;border:1px solid rgba(255,255,255,.06);border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.35)}.h2n-card{background:#141414;border:1px solid rgba(255,255,255,.06);border-radius:4px;padding:14px 16px;color:#f5f5f5;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}.h2n-card h3{margin:0 0 12px;text-align:center;font-size:20px;line-height:1.1;color:#fff;font-weight:700}.h2n-card h3 em{float:right;font-style:normal;font-size:18px;color:#fff}.h2n-card h4{margin:16px 0 8px;color:#fff;font-size:14px}.h2n-firstfund{grid-row:span 2}.preflop-card{grid-row:span 2}.h2n-card.blue h3,.h2n-card.blue{--accent:#52c7e5}.h2n-card.purple{--accent:#87549a}.h2n-card.teal{--accent:#00a792}.h2n-card.green{--accent:#2d720d}.h2n-card.orange{--accent:#ffab55}.h2n-card.river{--accent:#5b1f24}.h2n-card.iso{--accent:#4070a8}.h2n-card.sizes{--accent:#ffab55}.h2n-card.blue h3,.h2n-card.purple h3,.h2n-card.teal h3,.h2n-card.green h3,.h2n-card.orange h3,.h2n-card.river h3,.h2n-card.iso h3,.h2n-card.sizes h3,.preflop-card h3{background:var(--accent,#ff8f75);padding:4px 8px;border-radius:0;color:white}.preflop-card h3{--accent:#ff8f75}.h2n-sub{text-align:center;color:#facc15;margin:10px 0 12px;text-decoration:underline}.h2n-basic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center;margin:26px 0}.h2n-basic-grid span{color:#facc15}.h2n-basic-grid .h2n-val{font-size:26px}.h2n-hands{text-align:center;margin:18px 0}.h2n-hands b{font-size:28px}.h2n-hands span{display:block;color:#facc15;text-transform:uppercase}.h2n-mini-matrix{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:20px}.h2n-mini-matrix span{background:#26313b;color:#fff;text-align:center;padding:5px;border-radius:2px}.h2n-row{display:grid;grid-template-columns:92px repeat(8,1fr);align-items:center;gap:6px;min-height:24px}.h2n-row.h2n-head{color:#ffb186}.h2n-row label,.h2n-simple-row label{color:#facc15;font-size:14px}.h2n-row b{color:#ffb186;text-align:center}.h2n-row.street{grid-template-columns:110px 18px 38px 18px 38px 18px 38px}.h2n-simple-row{display:grid;grid-template-columns:1fr 52px;gap:8px;align-items:center;min-height:26px}.h2n-val{font-weight:700;color:#e5e7eb;text-align:center}.h2n-val.good{color:#6ee7ff}.h2n-val.hot{color:#52ff7b}.h2n-val.low{color:#ff9b37}.h2n-val:nth-child(odd){text-shadow:0 0 12px rgba(86,215,253,.12)}.bvb-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.h2n-sizes-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.h2n-size-block h4{margin:0 0 8px;color:#facc15;text-align:center}.h2n-size-row{display:grid;grid-template-columns:1fr 36px 36px;gap:8px;align-items:center;min-height:24px}.h2n-size-row span{color:#d6b94d}.h2n-size-row b{color:#f5f5f5;text-align:right}.h2n-size-row em{color:#a78bfa;font-style:normal;text-align:right}.river .h2n-simple-row label{color:#22d3ee}.river .h2n-simple-row:nth-child(odd) label{color:#facc15}.h2n-card pre{white-space:pre-wrap}.stats-tab-note{font-size:12px;color:#8aa3b3}@media(max-width:1200px){.stats-toolbar{align-items:flex-start;flex-direction:column}.stats-controls select{min-width:min(100%,360px)}.h2n-popup{min-width:1280px;grid-template-columns:260px 360px 290px 290px 360px}}

.h2n-size-head{display:grid;grid-template-columns:1fr auto auto;gap:8px;color:#8da7b5;font-size:11px;text-transform:uppercase;letter-spacing:.06em;margin:4px 0 4px}.h2n-card h4 small{color:#8da7b5;font-weight:400;text-transform:none;margin-left:6px}

/* v36 Statistics popup: full H2N-like 17-block layout */
.h2n-popup-v36{
  display:grid;
  grid-template-columns: 220px 320px 310px 280px 320px;
  grid-template-areas:
    "summary preflop rbb rcc bvb"
    "tot     vsrfi   bbvr ccvr bvb"
    "river   defbb   bbvr bp3  sizes"
    "river   mway    iso  vs3b sizes";
  gap:12px;
  min-width:1480px;
  align-items:start;
  background:#030303;
  padding:12px;
  border-radius:10px;
}
.h2n-popup-v36 .h2n-card{background:#141414;border:1px solid rgba(255,255,255,.06);border-radius:0;padding:10px 12px;color:#eee;box-shadow:none;min-height:0}
.h2n-area-summary{grid-area:summary}.h2n-area-tot{grid-area:tot}.h2n-area-preflop{grid-area:preflop}.h2n-area-vsrfi{grid-area:vsrfi}.h2n-area-defbb{grid-area:defbb}.h2n-area-rbb{grid-area:rbb}.h2n-area-bbvr{grid-area:bbvr}.h2n-area-rcc{grid-area:rcc}.h2n-area-ccvr{grid-area:ccvr}.h2n-area-bvb{grid-area:bvb}.h2n-area-river{grid-area:river}.h2n-area-mway{grid-area:mway}.h2n-area-iso{grid-area:iso}.h2n-area-3bp{grid-area:bp3}.h2n-area-vs3b{grid-area:vs3b}.h2n-area-sizes{grid-area:sizes}
.h2n-popup-v36 .h2n-card h3{display:flex;justify-content:center;align-items:center;gap:10px;margin:0 0 8px;padding:3px 8px;border-radius:0;font-size:17px;line-height:1.1;font-weight:700;color:#fff;background:var(--accent,#ff8f75)}
.h2n-popup-v36 .h2n-card h3 em{margin-left:auto;font-style:normal;color:#fff;font-size:16px;float:none}.h2n-popup-v36 .h2n-card h3 em:first-child{margin-left:0;margin-right:auto}
.h2n-popup-v36 .h2n-mysolver h2{font-size:30px;line-height:1;margin:16px 0 24px;text-align:center;color:#fff;letter-spacing:.02em}
.h2n-popup-v36 .preflop-card h3{--accent:#ff8f75}.h2n-popup-v36 .blue h3{--accent:#4abbd6}.h2n-popup-v36 .purple h3{--accent:#7a4b86}.h2n-popup-v36 .teal h3{--accent:#009f91}.h2n-popup-v36 .green h3{--accent:#2c710c}.h2n-popup-v36 .orange h3{--accent:#ffa44c}.h2n-popup-v36 .river h3{--accent:#5a2025}.h2n-popup-v36 .iso h3{--accent:#356ba9}.h2n-popup-v36 .sizes h3{--accent:#ffa44c}
.h2n-popup-v36 .h2n-row{display:grid;grid-template-columns:minmax(72px,1.25fr) repeat(8,minmax(24px,.55fr));gap:5px;align-items:center;min-height:22px}.h2n-popup-v36 .h2n-row:has(> b:nth-child(8):last-child){grid-template-columns:minmax(72px,1.25fr) repeat(7,minmax(24px,.55fr))}.h2n-popup-v36 .h2n-row label,.h2n-popup-v36 .h2n-simple-row label,.h2n-popup-v36 .h2n-win-row label{font-size:13px;color:#f3c61f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.h2n-popup-v36 .h2n-head{color:#ffa679}.h2n-popup-v36 .h2n-head b{font-size:12px;color:#ffb08a;text-align:center}.h2n-popup-v36 .street-head{grid-template-columns:minmax(72px,1.25fr) repeat(3,minmax(24px,.55fr))}.h2n-popup-v36 .street-grid{grid-template-columns:minmax(96px,1.2fr) repeat(3,minmax(38px,.7fr))}.h2n-popup-v36 .h2n-cell{display:inline-flex;align-items:baseline;justify-content:center;gap:1px;min-width:0}.h2n-popup-v36 .h2n-cell small{font-size:9px;color:#827b89;line-height:1}.h2n-popup-v36 .h2n-val{font-weight:700;color:#f4f4f5;text-align:center;font-size:15px;min-width:18px}.h2n-popup-v36 .h2n-val.good{color:#46d9ef}.h2n-popup-v36 .h2n-val.hot{color:#fcfafa}.h2n-popup-v36 .h2n-val.low{color:#fb8c44}.h2n-popup-v36 .h2n-simple-row{display:grid;grid-template-columns:1fr 58px;gap:8px;align-items:center;min-height:23px}.h2n-popup-v36 .h2n-win-row{display:grid;grid-template-columns:1fr 42px 42px;gap:7px;align-items:center;min-height:24px}.h2n-popup-v36 .h2n-win{color:#8d8297;text-align:right;font-style:normal;font-weight:600}.h2n-popup-v36 .h2n-sub{text-align:center;color:#facc15;text-decoration:underline;margin:12px 0}.mysolver-top-table{display:grid;grid-template-columns:40px repeat(3,38px) 1fr;gap:3px 8px;align-items:center;justify-content:center;margin:0 auto;color:#f4f4f5}.mysolver-top-table b{font-size:12px;color:#facc15;text-align:center}.mysolver-top-table label{font-size:11px;color:#facc15;text-align:right}.mysolver-top-table span{text-align:center}.mysolver-top-table em{font-style:normal;color:#7b688a;font-size:12px}.agr-ust{display:flex;gap:18px;justify-content:center;margin:8px 0 10px}.agr-ust>div{display:grid;gap:2px;justify-items:center}.agr-ust span{color:#ff584f;font-size:15px}.agr-ust>div:nth-child(2) span{color:#00d7ff}.agr-ust.small{margin:10px 0 4px;justify-content:flex-end}.h2n-mini-matrix{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;margin-top:12px}.h2n-mini-matrix span{display:grid;grid-template-rows:auto auto;gap:2px;background:#202729;color:#fff;text-align:center;padding:3px 2px;border-radius:0}.h2n-mini-matrix em{font-size:9px;color:#cbd5e1;font-style:normal}.h2n-mini-matrix .h2n-val{font-size:11px}.mysolver-tot{align-self:start;min-height:74px}.mysolver-tot h3{background:transparent!important;color:#facc15!important;margin:0 0 2px!important;padding:0!important}.tot-big{display:grid;gap:2px;text-align:center;font-size:23px;color:#fff;line-height:1.05}.mini-band{display:inline-block;background:#095887;color:#ffeb3b;font-weight:700;font-size:12px;margin:6px 0 3px;padding:3px 8px}.bvb-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bvb-grid h4{margin:4px 0 4px;color:#00e5ff;text-align:center}.h2n-popup-v36 .h2n-card h4{color:#facc15;margin:9px 0 5px;font-size:13px}.mway-3way{display:grid;grid-template-columns:1fr 40px 40px;gap:6px;margin-top:8px;color:#918a93}.mway-3way span{color:#aaa}.h2n-sizes-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.h2n-size-block h4{display:grid;grid-template-columns:1fr auto;gap:8px;margin:0 0 4px;color:#facc15;font-size:13px}.h2n-size-block h4 em{font-style:normal;color:#8d8297}.h2n-size-row{display:grid;grid-template-columns:1fr 42px 36px;gap:5px;align-items:center;min-height:22px}.h2n-size-row span{color:#d6b94d;font-size:12px}.h2n-size-row .h2n-cell{justify-content:flex-end}.h2n-size-row .h2n-win{text-align:right;color:#8d8297}.h2n-popup-v36 .h2n-area-bvb,.h2n-popup-v36 .h2n-area-sizes{align-self:stretch}.h2n-popup-v36 .h2n-area-rbb,.h2n-popup-v36 .h2n-area-bbvr{min-height:0}.h2n-popup-v36 .h2n-area-river{align-self:stretch}
@media(max-width:1500px){.h2n-popup-v36{grid-template-columns:210px 310px 300px 270px 310px;min-width:1410px;gap:10px}.h2n-popup-v36 .h2n-row label,.h2n-popup-v36 .h2n-simple-row label,.h2n-popup-v36 .h2n-win-row label{font-size:12px}.h2n-popup-v36 .h2n-val{font-size:14px}}
.h2n-popup-v36 .h2n-row.cols-7{grid-template-columns:minmax(72px,1.25fr) repeat(7,minmax(24px,.55fr))}
.h2n-popup-v36 .h2n-row.cols-8{grid-template-columns:minmax(72px,1.25fr) repeat(8,minmax(24px,.55fr))}
.h2n-popup-v36 .h2n-row.street-grid.cols-3,.h2n-popup-v36 .h2n-row.street-head.cols-3{grid-template-columns:minmax(96px,1.2fr) repeat(3,minmax(38px,.7fr))}
.h2n-popup-v36 .h2n-row.street-grid.cols-4,.h2n-popup-v36 .h2n-row.street-head.cols-4{grid-template-columns:minmax(96px,1.2fr) repeat(4,minmax(34px,.7fr))}

/* v37 clickable H2N stats */
.h2n-popup-v36 button.h2n-cell,
.h2n-popup-v36 button.h2n-win{
  appearance:none;
  border:0;
  background:transparent;
  padding:0;
  margin:0;
  font:inherit;
  cursor:pointer;
}
.h2n-popup-v36 .h2n-cell.clickable:hover .h2n-val,
.h2n-popup-v36 .h2n-win.clickable:hover{
  text-decoration:underline;
  filter:drop-shadow(0 0 6px rgba(86,215,253,.45));
}
.h2n-popup-v36 .h2n-card h3 .h2n-cell{min-width:28px;}
.stats-detail-popover{
  position:fixed;
  z-index:99999;
  width:min(380px,calc(100vw - 24px));
  max-height:min(78vh,560px);
  overflow:auto;
  padding:14px;
  border:1px solid rgba(86,215,253,.36);
  border-radius:16px;
  background:linear-gradient(180deg,rgba(8,19,27,.98),rgba(2,6,10,.98));
  color:#eaf7ff;
  box-shadow:0 24px 70px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.04) inset;
}
.stats-detail-popover h4{margin:0 32px 8px 0;font-size:17px;color:#fff}.stats-detail-popover p{margin:10px 0;color:#a9c3d2;line-height:1.35}.stats-detail-close{position:absolute;right:10px;top:9px;border:0;background:rgba(255,255,255,.08);color:#d8edf7;border-radius:999px;width:26px;height:26px;cursor:pointer}.stats-detail-value{display:flex;align-items:flex-end;gap:12px;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);padding:9px 0}.stats-detail-value span{font-size:32px;font-weight:800;color:#5adfff}.stats-detail-value em{font-style:normal;color:#cbd5e1;margin-bottom:5px}.stats-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}.stats-detail-grid div{border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:8px;background:rgba(255,255,255,.035)}.stats-detail-grid b{display:block;color:#fff;font-size:16px}.stats-detail-grid span{display:block;color:#88a3b3;font-size:11px;margin-top:2px}.stats-detail-actions{display:flex;gap:6px;flex-wrap:wrap}.stats-detail-actions button{border:1px solid rgba(86,215,253,.25);border-radius:999px;padding:7px 10px;background:rgba(86,215,253,.12);color:#dff7ff;cursor:pointer}.stats-detail-actions button:hover{background:rgba(86,215,253,.22)}

/* v39 statistics fixes: unified HUD cells and exact-stat detail */
.h2n-popup-v36 .h2n-mini-matrix{display:grid;grid-template-columns:repeat(6,1fr);gap:3px;margin-top:12px}
.h2n-popup-v36 .h2n-mini-matrix span,.h2n-popup-v36 .h2n-mini-matrix em{display:none!important}
.hud-matrix-cell{display:flex;align-items:center;justify-content:center;min-height:22px;border:0;border-radius:2px;color:#fff;font-weight:800;font-size:12px;line-height:1;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);transition:filter .12s ease,transform .12s ease}
.hud-matrix-cell:hover{filter:brightness(1.18);transform:translateY(-1px)}
.hud-preflop{background:#1f2933}.hud-blue{background:#0d5f85}.hud-purple{background:#553166}.hud-teal{background:#008f84}.hud-orange{background:#5d4823}.hud-green{background:#214f08}.hud-red{background:#632126}.hud-neutral{background:#101317}
.stats-detail-warning{border:1px solid rgba(248,113,113,.35);background:rgba(127,29,29,.22);color:#fecaca;border-radius:10px;padding:8px 10px;margin:8px 0;font-size:12px}.stats-detail-components{border:1px solid rgba(125,197,230,.18);border-radius:12px;padding:9px 10px;margin:9px 0;background:rgba(4,14,20,.46);display:grid;gap:5px}.stats-detail-components>b{color:#dff7ff}.stats-detail-components div{display:flex;justify-content:space-between;gap:12px;font-size:12px}.stats-detail-components span{color:#91adbd}.stats-detail-components em{font-style:normal;color:#effbff;font-weight:700}

/* -------------------------------------------------------------------------
   Tab 5 visual dashboard redesign
   ------------------------------------------------------------------------- */
.vd-dashboard{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;min-width:1320px;padding:16px;background:radial-gradient(circle at top left,rgba(26,115,138,.24),transparent 35%),#03070a;border:1px solid rgba(86,215,253,.12);border-radius:20px;box-shadow:0 30px 80px rgba(0,0,0,.4)}
.vd-card{background:linear-gradient(180deg,rgba(19,25,28,.96),rgba(11,14,17,.96));border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 10px 32px rgba(0,0,0,.25);min-width:0;color:#f3f7fb}.vd-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}.vd-card h3{margin:0;font-size:16px;letter-spacing:.01em}.vd-card h4{margin:0 0 8px;color:#facc15;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.vd-card p{margin:2px 0 0;color:#7f99a8;font-size:12px}.vd-card header>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#8aa3b3;font-size:11px}.vd-overview{grid-column:span 5}.vd-hud{grid-column:span 7}.vd-outcome{grid-column:span 3}.vd-preflop{grid-column:span 5}.vd-stack{grid-column:span 4}.vd-vsrfi{grid-column:span 5}.vd-defbb{grid-column:span 7}.vd-section-title{grid-column:1/-1;border:1px solid rgba(86,215,253,.12);border-radius:16px;padding:12px 16px;background:linear-gradient(90deg,rgba(86,215,253,.16),rgba(135,84,154,.12),transparent)}.vd-section-title h2{margin:0;font-size:18px}.vd-section-title p{margin:4px 0 0;color:#8aa3b3}.vd-spot{grid-column:span 3}.vd-bvb{grid-column:span 4}.vd-mway{grid-column:span 4}.vd-river{grid-column:span 4}.vd-sizes{grid-column:span 8}.vd-overview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.vd-hud-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.vd-kpi,.vd-click-value,.vd-simple-metric,.vd-bar-row,.vd-triplet button,.vd-heatmap button,.vd-square button,.vd-river-table button,.vd-size-chart button{appearance:none;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.vd-kpi{display:grid;gap:3px;text-align:left;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}.vd-kpi:hover,.vd-simple-metric:hover,.vd-bar-row:hover,.vd-triplet button:hover,.vd-heatmap button:hover,.vd-square button:hover,.vd-size-chart button:hover{outline:1px solid rgba(86,215,253,.5);box-shadow:0 0 0 3px rgba(86,215,253,.08)}.vd-kpi span{color:#8aa3b3;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.vd-kpi b{font-size:24px;line-height:1;color:#fff}.vd-kpi em{font-style:normal;color:#647988;font-size:11px}.vd-kpi.blue,.vd-card.blue{--vd:#4abbd6}.vd-kpi.purple,.vd-card.purple{--vd:#87549a}.vd-kpi.teal,.vd-card.teal{--vd:#00a792}.vd-kpi.orange,.vd-card.orange{--vd:#ffa44c}.vd-kpi.green,.vd-card.green{--vd:#2d720d}.vd-kpi.red,.vd-card.red{--vd:#9b1c31}.vd-kpi.blue b,.vd-card.blue header b,.vd-card.blue .vd-click-value{color:#55dfff}.vd-kpi.purple b,.vd-card.purple .vd-click-value{color:#d0a0ff}.vd-kpi.teal b,.vd-card.teal .vd-click-value{color:#2dffe3}.vd-kpi.orange b,.vd-card.orange .vd-click-value{color:#ffb86b}.vd-kpi.green b,.vd-card.green .vd-click-value{color:#80ff6f}.vd-kpi.red b{color:#ff637a}.vd-click-value{display:inline-flex;align-items:center;justify-content:center;min-width:38px;padding:5px 8px;border-radius:999px;background:rgba(86,215,253,.1);font-weight:800;color:#56d7fd}.vd-bar-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.vd-group{display:grid;gap:6px}.vd-group h4{border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:6px}.vd-bar-row{display:grid;grid-template-columns:48px 1fr 34px;gap:8px;align-items:center;width:100%;padding:4px;border-radius:8px;text-align:left}.vd-bar-row span{color:#facc15;font-size:12px}.vd-bar-row i,.vd-size-chart i{height:8px;background:#071319;border:1px solid rgba(255,255,255,.08);border-radius:999px;overflow:hidden}.vd-bar-row i u,.vd-size-chart i u{display:block;height:100%;background:linear-gradient(90deg,#56d7fd,#facc15);border-radius:999px}.vd-bar-row b,.vd-size-chart b{font-size:13px;text-align:right}.vd-heatmap{display:grid;grid-template-columns:minmax(90px,1.1fr) repeat(7,minmax(46px,.8fr));gap:5px;align-items:center}.vd-heatmap>b{font-size:11px;color:#ffb08a;text-align:center}.vd-heatmap label{font-size:12px;color:#facc15}.vd-heatmap button{min-height:30px;border-radius:8px;background:color-mix(in srgb,#56d7fd calc(var(--p)*1%),rgba(255,255,255,.045));font-weight:800}.vd-square{display:grid;grid-template-columns:1fr 1fr;gap:8px}.vd-square button{min-height:80px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}.vd-square b{font-size:30px}.vd-square span{font-size:11px;text-transform:uppercase;color:#dbeafe}.vd-square .ws{background:linear-gradient(135deg,rgba(60,120,160,.65),rgba(60,120,160,.2))}.vd-square .wn{background:linear-gradient(135deg,rgba(20,160,125,.65),rgba(20,160,125,.2))}.vd-square .ls{background:linear-gradient(135deg,rgba(120,105,55,.65),rgba(120,105,55,.2))}.vd-square .ln{background:linear-gradient(135deg,rgba(155,28,49,.65),rgba(155,28,49,.2))}.vd-triplet{display:grid;grid-template-columns:100px repeat(3,1fr);gap:7px;align-items:end;margin:8px 0}.vd-triplet label{font-size:12px;color:#facc15}.vd-triplet button{display:grid;grid-template-rows:auto 44px auto;gap:2px;justify-items:center;border-radius:9px;padding:4px;background:rgba(255,255,255,.035)}.vd-triplet span{font-size:10px;color:#ffb08a}.vd-triplet i{display:flex;align-items:flex-end;width:10px;height:42px;border-radius:999px;background:#071319;border:1px solid rgba(255,255,255,.08);overflow:hidden}.vd-triplet u{display:block;width:100%;background:linear-gradient(180deg,#56d7fd,#facc15);border-radius:999px}.vd-triplet b{font-size:12px}.vd-simple-metric{width:100%;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:7px 8px;border-radius:10px;background:rgba(255,255,255,.035);margin:5px 0}.vd-simple-metric span{font-size:12px;color:#facc15}.vd-simple-metric b{font-size:15px}.vd-composite-metric{width:100%;display:grid;gap:7px;padding:9px 10px;border-radius:12px;background:rgba(255,255,255,.04);margin:5px 0;text-align:left}.vd-composite-metric:hover{outline:1px solid rgba(86,215,253,.5);box-shadow:0 0 0 3px rgba(86,215,253,.08)}.vd-composite-head{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.vd-composite-head span{font-size:12px;color:#facc15}.vd-composite-head b{font-size:16px;color:#fff}.vd-composite-metric i{display:flex;height:12px;background:#071319;border:1px solid rgba(255,255,255,.08);border-radius:999px;overflow:hidden}.vd-composite-metric i u{display:block;height:100%}.vd-composite-metric i u.raise{background:linear-gradient(90deg,#56d7fd,#3bb8e3)}.vd-composite-metric i u.limp{background:linear-gradient(90deg,#facc15,#e5a800)}.vd-composite-metric i u.rest{background:rgba(255,255,255,.06)}.vd-composite-metric em{font-style:normal;color:#8aa3b3;font-size:11px}.vd-two-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.vd-river-table{display:grid;grid-template-columns:1fr 54px 62px;gap:6px;align-items:center}.vd-river-table>b{font-size:11px;color:#8aa3b3;text-transform:uppercase}.vd-river-table label{color:#facc15;font-size:12px}.vd-river-table .h2n-win{background:rgba(255,255,255,.04);padding:5px;border-radius:8px;text-align:center}.vd-size-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.vd-size-chart{display:grid;gap:6px}.vd-size-chart h4{margin-bottom:2px}.vd-size-chart button{display:grid;grid-template-columns:55px 1fr 34px 34px;gap:7px;align-items:center;padding:4px;border-radius:9px;text-align:left}.vd-size-chart span{color:#d6b94d;font-size:12px}.vd-size-chart em{font-style:normal;color:#a78bfa;font-size:12px;text-align:right}.vd-card.iso{--vd:#356ba9}.vd-card.iso .vd-click-value{color:#8ab8ff}.vd-card header h3::before{content:"";display:inline-block;width:7px;height:18px;border-radius:999px;background:var(--vd,#56d7fd);margin-right:8px;vertical-align:-3px}.vd-overview header h3::before,.vd-hud header h3::before,.vd-outcome header h3::before{background:#56d7fd}.vd-sizes header h3::before{background:#ffa44c}.vd-river header h3::before{background:#8b2635}.vd-bvb header h3::before{background:#00a792}.vd-mway header h3::before{background:#ffa44c}@media(max-width:1500px){.vd-dashboard{min-width:1180px;gap:12px}.vd-overview{grid-column:span 6}.vd-hud{grid-column:span 6}.vd-card{padding:12px}.vd-hud-grid{grid-template-columns:repeat(4,1fr)}.vd-spot{grid-column:span 4}.vd-sizes{grid-column:span 12}.vd-size-grid{grid-template-columns:repeat(2,1fr)}}

.vd-preflop-open{grid-column:span 5}.vd-preflop-3bet{grid-column:span 4}.vd-preflop-vpipraise{grid-column:span 3}
.vd-stacked-list{display:grid;gap:8px}.vd-stacked-row{appearance:none;border:0;width:100%;display:grid;grid-template-columns:52px 1fr 36px;grid-template-areas:'label bar value' '. legend legend';gap:6px 10px;align-items:center;padding:9px 10px;border-radius:12px;background:rgba(255,255,255,.04);text-align:left;color:inherit;cursor:pointer}.vd-stacked-row:hover,.vd-donut:hover,.vd-spot-flow .vd-triplet button:hover{outline:1px solid rgba(86,215,253,.45);box-shadow:0 0 0 3px rgba(86,215,253,.08)}.vd-stacked-row>span{grid-area:label;color:#facc15;font-size:12px;font-weight:700}.vd-stacked-row>i{grid-area:bar;display:flex;height:14px;background:#071319;border:1px solid rgba(255,255,255,.08);border-radius:999px;overflow:hidden}.vd-stacked-row>i u{display:block;height:100%}.vd-stacked-row>i u.open{background:linear-gradient(90deg,#56d7fd,#3bb8e3)}.vd-stacked-row>i u.raise{background:linear-gradient(90deg,#56d7fd,#3bb8e3)}.vd-stacked-row>i u.limp{background:linear-gradient(90deg,#facc15,#e5a800)}.vd-stacked-row>i u.fold{background:linear-gradient(90deg,#ff7b7b,#cf314a)}.vd-stacked-row>i u.call{background:linear-gradient(90deg,#18c29c,#0b9b84)}.vd-stacked-row>i u.fourbet{background:linear-gradient(90deg,#c084fc,#8b5cf6)}.vd-stacked-row>i u.threebet{background:linear-gradient(90deg,#60a5fa,#2563eb)}.vd-stacked-row>i u.cc{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.vd-stacked-row>i u.rest{background:rgba(255,255,255,.06)}.vd-stacked-row>b{grid-area:value;text-align:right;color:#fff;font-size:14px}.vd-stacked-row>em{grid-area:legend;font-style:normal;color:#8aa3b3;font-size:11px}
.vd-spot-flow{grid-column:span 3}.vd-spot-flow-wrap{display:grid;grid-template-columns:108px 1fr;gap:12px;align-items:start}.vd-donut{appearance:none;border:0;width:100%;aspect-ratio:1;border-radius:999px;display:grid;place-items:center;background:conic-gradient(var(--vd,#56d7fd) calc(var(--p)*1%), rgba(255,255,255,.08) 0);padding:9px;cursor:pointer}.vd-donut::before{content:'';grid-area:1/1;width:100%;height:100%;border-radius:999px;background:radial-gradient(circle at center,rgba(9,14,18,.98) 59%, transparent 60%)}.vd-donut b,.vd-donut span{grid-area:1/1;z-index:1}.vd-donut b{font-size:28px;color:#fff;line-height:1}.vd-donut span{margin-top:36px;font-size:11px;color:#8aa3b3;text-transform:uppercase;letter-spacing:.08em}.vd-spot-flow-rows{display:grid;gap:4px}.vd-spot-flow .vd-triplet{margin:4px 0}.vd-spot-flow .vd-simple-metric{margin:3px 0}
@media(max-width:1500px){.vd-preflop-open,.vd-preflop-3bet,.vd-preflop-vpipraise,.vd-defbb,.vd-stack{grid-column:span 6}.vd-spot-flow{grid-column:span 4}.vd-spot-flow-wrap{grid-template-columns:92px 1fr}}

/* v46 postflop spot switcher + decision tree */
.vd-spot-switcher{grid-column:1/-1;background:linear-gradient(180deg,rgba(19,25,28,.96),rgba(11,14,17,.96));border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:14px;color:#f3f7fb}.vd-spot-switcher header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:12px}.vd-spot-switcher h3{margin:0;font-size:16px}.vd-spot-switcher p{margin:0;color:#7f99a8;font-size:12px}.vd-spot-switch-grid{display:grid;grid-template-columns:repeat(8,minmax(120px,1fr));gap:12px}.vd-spot-tab{appearance:none;border:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,rgba(18,26,32,.92),rgba(9,13,17,.92));color:#f3f7fb;cursor:pointer;border-radius:14px;min-height:72px;padding:12px 14px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;text-align:left;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 12px 24px rgba(0,0,0,.18)}.vd-spot-tab i{font-style:normal;display:grid;place-items:center;width:30px;height:30px;border-radius:999px;background:conic-gradient(var(--vd,#56d7fd) calc(var(--p)*1%),rgba(255,255,255,.08) 0);color:var(--vd,#56d7fd);font-size:19px}.vd-spot-tab span{font-weight:800;white-space:nowrap}.vd-spot-tab em{font-style:normal;color:#8aa3b3;font-size:12px;font-weight:800}.vd-spot-tab small{grid-column:1 / -1;color:#8aa3b3;font-size:10px;line-height:1.25;margin-top:2px;text-align:left}.vd-spot-tab:hover{border-color:rgba(86,215,253,.45);box-shadow:0 0 0 3px rgba(86,215,253,.07)}.vd-spot-tab.active{border-color:var(--vd,#56d7fd);box-shadow:0 0 0 1px var(--vd,#56d7fd),0 0 32px rgba(168,85,247,.22),inset 0 1px 0 rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(45,35,70,.62),rgba(12,15,20,.96))}.vd-spot-tab.purple{--vd:#a855f7}.vd-spot-tab.blue{--vd:#3b82f6}.vd-spot-tab.green{--vd:#63c25b}.vd-spot-tab.yellow{--vd:#facc15}.vd-spot-tab.orange{--vd:#f97316}.vd-spot-tab.teal{--vd:#3dd7ce}.vd-spot-tab.red{--vd:#ff4d4d}.vd-spot-tab.gray{--vd:#9ca3af}
.vd-tree-panel{grid-column:1/-1;background:linear-gradient(180deg,rgba(5,12,18,.96),rgba(3,7,10,.98));border:1px solid rgba(86,215,253,.12);border-radius:18px;padding:14px 14px 18px;color:#f3f7fb;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 22px 60px rgba(0,0,0,.32)}.vd-tree-panel>header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 8px}.vd-tree-panel h3{margin:0;font-size:20px}.vd-tree-panel p{margin:0;color:#8aa3b3;font-size:12px}.vd-tree-canvas{position:relative;height:620px;min-width:1220px;overflow:auto;border-radius:16px;background:radial-gradient(circle at 14% 38%,rgba(168,85,247,.10),transparent 24%),radial-gradient(circle at 65% 30%,rgba(86,215,253,.07),transparent 28%),#050b10;border:1px solid rgba(255,255,255,.06)}.vd-tree-lines{position:absolute;left:0;top:0;width:1220px;height:620px;pointer-events:none}.vd-tree-lines path{fill:none;stroke:rgba(148,163,184,.72);stroke-width:2.4;filter:drop-shadow(0 0 4px rgba(86,215,253,.18))}.vd-tree-lines path.purple{stroke:#a855f7}.vd-tree-lines path.blue{stroke:#3b82f6}.vd-tree-lines path.green{stroke:#22c55e}.vd-tree-lines path.yellow{stroke:#facc15}.vd-tree-lines path.orange{stroke:#f97316}.vd-tree-lines path.teal{stroke:#3dd7ce}.vd-tree-lines path.red{stroke:#ef4444}.vd-tree-lines path.gray{stroke:#9ca3af}.vd-tree-root,.vd-tree-node{position:absolute;appearance:none;border:1px solid rgba(255,255,255,.11);background:linear-gradient(180deg,rgba(18,23,29,.94),rgba(9,12,17,.94));color:#f3f7fb;border-radius:12px;cursor:pointer;box-shadow:0 14px 32px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.05)}.vd-tree-node{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:2px 10px;padding:9px 11px;text-align:left}.vd-tree-node span{font-weight:800;font-size:13px;align-self:center;line-height:1.1}.vd-tree-node b{font-size:17px;align-self:center;justify-self:end}.vd-tree-node em{grid-column:1 / -1;justify-self:start;color:#9ab0be;font-style:normal;font-size:10px;line-height:1.25;max-width:100%;white-space:normal}.vd-tree-node:hover,.vd-tree-root:hover{border-color:var(--vd,#56d7fd);box-shadow:0 0 0 3px rgba(86,215,253,.08),0 14px 32px rgba(0,0,0,.26)}.vd-tree-root{display:grid;place-items:center;text-align:center;padding:14px}.vd-tree-root strong{font-size:20px}.vd-tree-root i{display:grid;place-items:center;width:100px;height:100px;border-radius:999px;background:conic-gradient(var(--vd,#a855f7) calc(var(--p)*1%),rgba(255,255,255,.1) 0);font-style:normal;margin:8px 0;position:relative}.vd-tree-root i:before{content:"";position:absolute;inset:15px;border-radius:999px;background:#0a1016}.vd-tree-root i b,.vd-tree-root i span{position:relative;z-index:1}.vd-tree-root i b{font-size:30px;line-height:1}.vd-tree-root i span{font-size:11px;color:#b7c7d2;text-transform:uppercase;margin-top:34px}.vd-tree-root em{font-style:normal;color:#9bb1bf;font-size:11px;line-height:1.35;max-width:145px}.vd-tree-node.purple,.vd-tree-root.purple{--vd:#a855f7;border-color:rgba(168,85,247,.52);background:linear-gradient(180deg,rgba(47,30,72,.86),rgba(13,15,21,.96))}.vd-tree-node.blue,.vd-tree-root.blue{--vd:#3b82f6;border-color:rgba(59,130,246,.52);background:linear-gradient(180deg,rgba(20,50,91,.78),rgba(13,15,21,.96))}.vd-tree-node.green,.vd-tree-root.green{--vd:#22c55e;border-color:rgba(34,197,94,.50);background:linear-gradient(180deg,rgba(18,75,45,.74),rgba(13,15,21,.96))}.vd-tree-node.yellow,.vd-tree-root.yellow{--vd:#facc15;border-color:rgba(250,204,21,.52);background:linear-gradient(180deg,rgba(91,76,12,.70),rgba(13,15,21,.96))}.vd-tree-node.orange,.vd-tree-root.orange{--vd:#f97316;border-color:rgba(249,115,22,.55);background:linear-gradient(180deg,rgba(91,45,12,.72),rgba(13,15,21,.96))}.vd-tree-node.teal,.vd-tree-root.teal{--vd:#3dd7ce;border-color:rgba(61,215,206,.52);background:linear-gradient(180deg,rgba(14,79,76,.72),rgba(13,15,21,.96))}.vd-tree-node.red,.vd-tree-root.red{--vd:#ef4444;border-color:rgba(239,68,68,.55);background:linear-gradient(180deg,rgba(91,22,26,.75),rgba(13,15,21,.96))}.vd-tree-node.gray,.vd-tree-root.gray{--vd:#9ca3af;border-color:rgba(156,163,175,.44)}
@media(max-width:1500px){.vd-spot-switch-grid{grid-template-columns:repeat(4,minmax(130px,1fr))}.vd-tree-canvas{min-width:1120px}.vd-tree-lines{width:1220px}}

/* v48 stats popup mode tabs */
.stats-subtabs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:10px 0 12px;padding:6px;border:1px solid var(--line);border-radius:999px;background:rgba(2,8,13,.58);width:max-content;max-width:100%}
.stats-mode-btn{appearance:none;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--muted);padding:9px 14px;font-weight:700;cursor:pointer}
.stats-mode-btn:hover{color:var(--text);border-color:rgba(86,215,253,.25);background:rgba(86,215,253,.08)}
.stats-mode-btn.active{color:#031014;background:var(--accent);box-shadow:0 0 0 3px rgba(86,215,253,.12)}
.stats-sample-bar{margin-top:0}
.stats-sample-label{color:#facc15;font-weight:700;padding:0 10px 0 6px;font-size:13px;letter-spacing:.02em}
.stats-sample-hint{padding-left:10px;color:var(--muted)}
.vd-preflop-title{background:linear-gradient(90deg,rgba(250,204,21,.14),rgba(86,215,253,.12),transparent)}
.vd-tree-dashboard-only .vd-overview{grid-column:span 4}.vd-tree-dashboard-only .vd-preflop-open{grid-column:span 3}.vd-tree-dashboard-only .vd-preflop-3bet{grid-column:span 3}.vd-tree-dashboard-only .vd-preflop-vpipraise{grid-column:span 2}.vd-tree-dashboard-only .vd-defbb{grid-column:span 12}
@media(max-width:1500px){.vd-tree-dashboard-only .vd-overview,.vd-tree-dashboard-only .vd-preflop-open,.vd-tree-dashboard-only .vd-preflop-3bet,.vd-tree-dashboard-only .vd-preflop-vpipraise,.vd-tree-dashboard-only .vd-defbb{grid-column:span 6}.vd-tree-dashboard-only .vd-defbb{grid-column:span 12}}

/* v50 Raiser-vs-BB street grouped decision tree */
.vd-street-tree-panel{grid-column:1/-1;background:linear-gradient(180deg,rgba(5,12,18,.96),rgba(3,7,10,.98));border:1px solid rgba(86,215,253,.14);border-radius:18px;padding:14px 14px 18px;color:#f3f7fb;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 22px 60px rgba(0,0,0,.32)}
.vd-street-tree-panel>header{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;margin-bottom:14px}.vd-street-tree-panel h3{margin:0;font-size:20px}.vd-street-tree-panel p{margin:0;color:#8aa3b3;font-size:12px;max-width:780px;text-align:right}.vd-street-tree-root{display:flex;align-items:center;justify-content:center;margin:4px 0 14px}.vd-street-root-card{display:grid;grid-template-columns:auto 96px 1fr;gap:14px;align-items:center;min-width:440px;border:1px solid rgba(168,85,247,.45);border-radius:16px;background:linear-gradient(180deg,rgba(47,30,72,.72),rgba(13,15,21,.96));padding:12px 16px}.vd-street-root-card strong{font-size:18px}.vd-street-root-card i{display:grid;place-items:center;width:76px;height:76px;border-radius:999px;background:conic-gradient(#a855f7 calc(var(--p)*1%),rgba(255,255,255,.1) 0);font-style:normal;position:relative}.vd-street-root-card i:before{content:"";position:absolute;inset:12px;border-radius:999px;background:#0a1016}.vd-street-root-card i b,.vd-street-root-card i span{position:relative;z-index:1}.vd-street-root-card i b{font-size:24px;line-height:1}.vd-street-root-card i span{font-size:10px;color:#b7c7d2;text-transform:uppercase;margin-top:28px}.vd-street-root-card em{font-style:normal;color:#9bb1bf;font-size:12px;line-height:1.35}.vd-street-columns{display:grid;grid-template-columns:repeat(3,minmax(340px,1fr));gap:14px;align-items:start}.vd-street-column{min-height:420px;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:12px;background:radial-gradient(circle at 50% 0%,rgba(86,215,253,.10),transparent 28%),rgba(4,10,15,.76)}.vd-street-column h4{margin:0 0 10px;font-size:15px;letter-spacing:.14em;color:#cfeeff;text-align:center}.vd-branch-group{position:relative;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:9px;margin:8px 0;background:rgba(255,255,255,.025)}.vd-branch-group:has(.vd-branch-children){padding-bottom:10px}.vd-branch-children{display:grid;gap:7px;margin:8px 0 0 14px;padding-left:12px;border-left:1px solid rgba(148,163,184,.24)}.vd-branch-card{appearance:none;border:1px solid rgba(255,255,255,.10);border-radius:12px;background:linear-gradient(180deg,rgba(18,23,29,.94),rgba(9,12,17,.94));color:#f3f7fb;cursor:pointer;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:3px 10px;width:100%;padding:9px 10px;text-align:left;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.vd-branch-card span{font-weight:800;font-size:12px;line-height:1.15}.vd-branch-card b{justify-self:end;font-size:16px}.vd-branch-card em{grid-column:1/-1;font-style:normal;color:#9ab0be;font-size:10px;line-height:1.25}.vd-branch-card:hover{border-color:var(--vd,#56d7fd);box-shadow:0 0 0 3px rgba(86,215,253,.08)}.vd-branch-card.purple,.vd-branch-group.purple>.vd-branch-card{--vd:#a855f7;border-color:rgba(168,85,247,.50);background:linear-gradient(180deg,rgba(47,30,72,.72),rgba(13,15,21,.96))}.vd-branch-card.blue,.vd-branch-group.blue>.vd-branch-card{--vd:#3b82f6;border-color:rgba(59,130,246,.50);background:linear-gradient(180deg,rgba(20,50,91,.70),rgba(13,15,21,.96))}.vd-branch-card.green,.vd-branch-group.green>.vd-branch-card{--vd:#22c55e;border-color:rgba(34,197,94,.50);background:linear-gradient(180deg,rgba(18,75,45,.66),rgba(13,15,21,.96))}.vd-branch-card.yellow,.vd-branch-group.yellow>.vd-branch-card{--vd:#facc15;border-color:rgba(250,204,21,.50);background:linear-gradient(180deg,rgba(91,76,12,.62),rgba(13,15,21,.96))}.vd-branch-card.orange,.vd-branch-group.orange>.vd-branch-card{--vd:#f97316;border-color:rgba(249,115,22,.52);background:linear-gradient(180deg,rgba(91,45,12,.66),rgba(13,15,21,.96))}.vd-branch-card.teal,.vd-branch-group.teal>.vd-branch-card{--vd:#3dd7ce;border-color:rgba(61,215,206,.50);background:linear-gradient(180deg,rgba(14,79,76,.66),rgba(13,15,21,.96))}.vd-branch-card.red,.vd-branch-group.red>.vd-branch-card{--vd:#ef4444;border-color:rgba(239,68,68,.52);background:linear-gradient(180deg,rgba(91,22,26,.70),rgba(13,15,21,.96))}.vd-branch-card.gray,.vd-branch-group.gray>.vd-branch-card{--vd:#9ca3af;border-color:rgba(156,163,175,.38)}
@media(max-width:1400px){.vd-street-columns{grid-template-columns:1fr}.vd-street-tree-panel p{text-align:left}.vd-street-root-card{min-width:0;width:100%;grid-template-columns:1fr 88px}.vd-street-root-card em{grid-column:1/-1}}

/* v51 RvBB street flow / mind-map layout */
.rvbb-flow-panel{grid-column:1/-1;background:linear-gradient(180deg,rgba(5,12,18,.98),rgba(2,7,10,.99));border:1px solid rgba(168,85,247,.24);border-radius:18px;padding:14px;color:#f3f7fb;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 22px 60px rgba(0,0,0,.34)}
.rvbb-flow-panel>header{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:12px}.rvbb-flow-panel h3{margin:0;font-size:20px}.rvbb-flow-panel p{margin:0;color:#8aa3b3;font-size:12px;max-width:880px;text-align:right}
.rvbb-flow-viewport{position:relative;min-height:950px;overflow:auto;border:1px solid rgba(255,255,255,.06);border-radius:16px;background:#091016;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:28px 28px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.25)}
.rvbb-lane{position:absolute;top:0;height:950px;background:rgba(148,163,184,.16);border-left:1px solid rgba(255,255,255,.07);border-right:1px solid rgba(255,255,255,.06)}.rvbb-lane h4{position:sticky;top:0;z-index:2;margin:0;padding:16px 0 10px;text-align:center;font-size:18px;font-weight:700;color:#f3f7fb;text-shadow:0 1px 0 rgba(0,0,0,.5);background:linear-gradient(180deg,rgba(80,86,98,.84),rgba(80,86,98,.28),transparent)}.rvbb-flop{left:118px;width:415px}.rvbb-turn{left:546px;width:415px}.rvbb-river{left:974px;width:390px}
.rvbb-lines{position:absolute;left:0;top:0;width:1380px;height:950px;pointer-events:none;z-index:1}.rvbb-lines path{fill:none;stroke:#7c3aed;stroke-width:2.1;stroke-linecap:round;filter:drop-shadow(0 0 4px rgba(124,58,237,.42));opacity:.95}
.rvbb-node{position:absolute;z-index:3;appearance:none;border:1px solid rgba(168,85,247,.5);border-radius:13px;background:linear-gradient(180deg,rgba(40,28,63,.88),rgba(12,14,20,.96));color:#f3f7fb;cursor:pointer;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:2px 8px;padding:7px 9px;text-align:left;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 8px 20px rgba(0,0,0,.22)}.rvbb-node span{font-size:11px;font-weight:900;line-height:1.08}.rvbb-node b{justify-self:end;font-size:16px;line-height:1}.rvbb-node em{grid-column:1/-1;font-size:9px;font-style:normal;color:#9bb1bf;line-height:1.18}.rvbb-node:hover{border-color:#e9d5ff;box-shadow:0 0 0 3px rgba(168,85,247,.13),0 12px 28px rgba(0,0,0,.28)}
.rvbb-node.blue{border-color:rgba(59,130,246,.58);background:linear-gradient(180deg,rgba(18,46,83,.88),rgba(12,14,20,.96))}.rvbb-node.yellow{border-color:rgba(250,204,21,.58);background:linear-gradient(180deg,rgba(89,71,13,.82),rgba(12,14,20,.96))}.rvbb-node.green{border-color:rgba(34,197,94,.58);background:linear-gradient(180deg,rgba(16,75,44,.82),rgba(12,14,20,.96))}.rvbb-node.orange{border-color:rgba(249,115,22,.60);background:linear-gradient(180deg,rgba(88,43,12,.86),rgba(12,14,20,.96))}.rvbb-node.red{border-color:rgba(239,68,68,.62);background:linear-gradient(180deg,rgba(89,22,28,.88),rgba(12,14,20,.96))}.rvbb-node.teal{border-color:rgba(45,212,191,.58);background:linear-gradient(180deg,rgba(14,76,72,.84),rgba(12,14,20,.96))}
@media(max-width:1500px){.rvbb-flow-viewport{min-height:780px}.rvbb-flow-panel>header{display:block}.rvbb-flow-panel p{text-align:left;margin-top:5px}}

/* ===== FF-report хады оппонентов в реплеере (данные из PopupBuilder) ===== */
/* Хад позиционируется absolute относительно места — НЕ меняет габариты .rp-seat,
   иначе плашки «уезжают» (верх — на стол, бок — улетает, низ — перекрывает ставку). */
.rp-ffhud{position:absolute;left:50%;transform:translateX(-50%);width:260px;max-width:260px;border-radius:8px;padding:6px;background:linear-gradient(180deg,rgba(10,16,14,.96),rgba(4,7,6,.96));border:1px solid rgba(255,255,255,.10);box-shadow:0 6px 16px rgba(0,0,0,.45)}
.rp-ffhud.below{top:100%;margin-top:8px}
.rp-ffhud.above{bottom:100%;margin-bottom:8px}
.rp-ffhud.has{cursor:pointer;border-color:rgba(130,255,70,.40);transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease}
.rp-ffhud.has:hover{border-color:rgba(130,255,70,.85);box-shadow:0 0 0 1px rgba(130,255,70,.25),0 10px 24px rgba(0,0,0,.5);transform:translateX(-50%) translateY(-1px)}
.rp-ffhud.has:focus-visible{outline:2px solid var(--gold-400);outline-offset:2px}
.rp-ffhud-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:2px}
.rp-ffhud-grid .hud-matrix-cell{min-height:31px;font-size:17px;font-weight:800;border-radius:3px;cursor:inherit}
/* По умолчанию в спот-ячейках индекс 0/1/2; сырое WWSF — при наведении на хад. */
.rp-ffhud .ffx-raw{display:none}
.rp-ffhud:hover .ffx-idx{display:none}
.rp-ffhud:hover .ffx-raw{display:inline}
/* Постфлоп приглушаем ТОЛЬКО у оппонентов с < 3000 рук (малая выборка) —
   у остальных он на полной яркости. При наведении на хад проявляется всегда. */
.rp-ffhud.lowpost .rp-ffhud-grid .rp-ffpost{opacity:.4}
.rp-ffhud:hover .rp-ffhud-grid .rp-ffpost{opacity:1}

/* Место за столом, но не в раздаче (sit-out): приглушённо, без карт/хада. */
.rp-seat.sitout{opacity:.4}
.rp-seat.sitout .rp-plate{border-style:dashed;border-color:rgba(255,255,255,.16)}
.rp-sitout-badge{display:inline-block;font:700 15px/1.1 var(--font-body,sans-serif);padding:5px 11px;border-radius:6px;background:rgba(130,140,150,.22);color:#c2ccd2;letter-spacing:.01em}

/* ===== Папки коллекций (вкладки) на вкладке «Сохранённые» ===== */
#tab-saved .saved-group-tabs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 12px}
.sg-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(125,197,230,.18);background:rgba(8,18,27,.7);color:#cfe0ea;border-radius:999px;padding:8px 14px;font:600 14px/1 var(--font-body,sans-serif);cursor:pointer;transition:.12s ease}
.sg-chip:hover{border-color:rgba(86,215,253,.5);background:rgba(20,51,67,.6)}
.sg-chip.active{border-color:var(--sg,#56d7fd);background:rgba(86,215,253,.12);color:#eef9ff;box-shadow:inset 0 0 0 1px var(--sg,#56d7fd)}
.sg-chip .sg-dot{width:10px;height:10px;border-radius:50%;background:var(--sg,#888);box-shadow:0 0 0 1px rgba(255,255,255,.2)}
.sg-chip .sg-count{font-weight:800;font-size:12px;color:#9fb6c4;background:rgba(255,255,255,.06);border-radius:999px;padding:2px 7px;min-width:18px;text-align:center}
.sg-chip.active .sg-count{color:#eef9ff}
.sg-chip.sg-drop{border-color:var(--gold-400,#D4A24B);background:rgba(212,162,75,.18);box-shadow:0 0 0 2px rgba(212,162,75,.4)}
.sg-add{border:1px dashed rgba(125,197,230,.4);background:transparent;color:#9fd0e6;border-radius:999px;padding:8px 14px;font:700 13px/1 var(--font-body,sans-serif);cursor:pointer}
.sg-add:hover{border-color:#56d7fd;color:#eef9ff;background:rgba(86,215,253,.08)}

#tab-saved .saved-group-header{position:relative;margin:0 0 14px;padding:14px 16px 14px 20px;border:1px solid rgba(125,197,230,.18);border-radius:16px;background:linear-gradient(180deg,rgba(12,26,38,.8),rgba(6,14,22,.85));overflow:hidden}
#tab-saved .saved-group-header::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--sg,#D4A24B)}
.sgh-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.sgh-name{flex:1;min-width:200px;font:700 18px/1.2 var(--font-body,sans-serif);color:#eef9ff;background:rgba(3,9,14,.4);border:1px solid rgba(125,197,230,.16);border-radius:10px;padding:9px 12px}
.sgh-colors{display:flex;gap:6px}
.sgh-color{width:20px;height:20px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0}
.sgh-color.on{border-color:#fff;box-shadow:0 0 0 2px rgba(0,0,0,.4)}
.sgh-count{color:#9fb6c4;font:700 13px/1 var(--font-body,sans-serif);white-space:nowrap}
.sgh-del{flex:0 0 auto}
.sgh-desc{width:100%;margin-top:10px;min-height:54px;resize:vertical;color:#d7e4eb;background:rgba(3,9,14,.4);border:1px solid rgba(125,197,230,.16);border-radius:10px;padding:9px 12px;font:400 13px/1.4 var(--font-body,sans-serif)}
.sgh-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.sgh-pill{font:600 12px/1.2 var(--font-body,sans-serif);color:#cfe0ea;background:rgba(86,215,253,.1);border:1px solid rgba(125,197,230,.18);border-radius:999px;padding:4px 10px}
.sgh-empty{margin-top:10px;color:#8fa6b5;font-size:13px}

/* Массовый выбор коллекций → перемещение в папку */
#tab-saved .saved-bulk-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:0 0 12px;padding:10px 14px;border:1px solid var(--gold-400,#D4A24B);border-radius:14px;background:rgba(212,162,75,.10)}
.saved-bulk-bar .sbulk-left{display:flex;align-items:center;gap:14px;color:#eef9ff;flex-wrap:wrap}
.saved-bulk-bar .sbulk-left b{color:#ffe2ad;font-size:15px}
.saved-bulk-bar .link{background:none;border:0;color:#9fd0e6;cursor:pointer;text-decoration:underline;font:inherit;padding:0}
.saved-bulk-bar .link:hover{color:#eef9ff}
.saved-bulk-bar .sbulk-move{display:inline-flex;align-items:center;gap:8px;color:#cfe0ea;font-size:13px}
.saved-bulk-bar select{background:rgba(3,9,14,.55);border:1px solid rgba(125,197,230,.3);color:#eef9ff;border-radius:10px;padding:8px 10px;font:inherit;cursor:pointer}
.cc-select{width:18px;height:18px;accent-color:var(--gold-400,#D4A24B);cursor:pointer;flex:0 0 auto;margin-right:2px}
.collection-card.selected{outline:2px solid var(--gold-400,#D4A24B);outline-offset:1px;box-shadow:0 0 0 4px rgba(212,162,75,.18),0 18px 42px rgba(0,0,0,.30)}
.rp-ffhud-foot{margin-top:5px;text-align:center;color:#9fe27a;font:700 12px/1.2 var(--font-body,sans-serif);letter-spacing:.02em;text-transform:uppercase}
.rp-ffhud.empty,.rp-ffhud.loading{display:flex;align-items:center;justify-content:center;min-height:34px}
.rp-ffhud-note{color:#8a98a0;font:600 12px/1.25 var(--font-body,sans-serif);text-align:center}
.rp-ffhud.loading .rp-ffhud-note{color:#c9a14b}

/* Полноэкранный FF report по клику на хад */
.opp-ff-overlay{position:fixed;inset:0;z-index:10000;background:rgba(2,4,3,.78);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding:24px;overflow:auto}
.opp-ff-modal{position:relative;margin:auto;background:#0c0c0c;border:1px solid rgba(130,255,70,.30);border-radius:14px;box-shadow:0 30px 90px rgba(0,0,0,.7);max-width:calc(100vw - 32px);max-height:calc(100vh - 48px);display:flex;flex-direction:column;overflow:hidden}
.opp-ff-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.10);background:linear-gradient(180deg,rgba(18,26,22,.95),rgba(8,12,10,.95))}
.opp-ff-titles b{display:block;font-size:18px;font-weight:700;color:#eafbe0}
.opp-ff-titles span{display:block;margin-top:2px;font-size:12px;color:#8fa6b5;letter-spacing:.02em}
.opp-ff-close{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);color:#e7eef0;border-radius:9px;width:34px;height:34px;font-size:16px;line-height:1;cursor:pointer;transition:.12s ease}
.opp-ff-close:hover{border-color:rgba(255,120,120,.6);background:rgba(255,90,90,.16);color:#ffd9d9}
.opp-ff-body{overflow:auto;padding:14px}
.opp-ff-body .h2n-popup-v36{margin:0}
.opp-ff-body .h2n-cell,.opp-ff-body .h2n-win,.opp-ff-body .hud-matrix-cell{pointer-events:none}