/* VOTE FLOW — PRE · LIVE · POST
═══════════════════════════════════════ */

/* Shared header for pre/live */
.vf-header{position:relative;overflow:hidden;padding:20px 16px 16px;
  border-bottom:1px solid rgba(255,255,255,0.05);}
.vf-match-eyebrow{font-family:'IBM Plex Mono',monospace;font-size:7px;
  letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,0.2);margin-bottom:12px;}
.vf-teams-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px;}
.vf-team{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;}
.vf-team-badge{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;
  justify-content:center;font-family:'Bebas Neue',sans-serif;font-size:14px;
  letter-spacing:1px;background:rgba(0,0,0,0.4);border:1.5px solid;}
.vf-team-name{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;
  letter-spacing:1px;color:rgba(255,255,255,0.6);text-align:center;}
.vf-center{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0;}
.vf-score{font-family:'Bebas Neue',sans-serif;font-size:36px;letter-spacing:3px;
  color:rgba(255,255,255,0.9);line-height:1;}
.vf-vs{font-family:'Bebas Neue',sans-serif;font-size:14px;letter-spacing:4px;
  color:rgba(255,255,255,0.2);}
.vf-state-pill{font-family:'IBM Plex Mono',monospace;font-size:7px;letter-spacing:2px;
  padding:3px 10px;text-transform:uppercase;font-weight:700;}
.vf-state-pill.live{background:rgba(255,82,82,0.15);color:var(--red);border:1px solid rgba(255,82,82,0.3);}
.vf-state-pill.pre{background:rgba(79,195,247,0.1);color:var(--blue);border:1px solid rgba(79,195,247,0.25);}
.vf-state-pill.post{background:rgba(0,230,118,0.1);color:var(--green);border:1px solid rgba(0,230,118,0.25);}
.vf-body{padding:20px 16px;}
.vf-section-lbl{font-family:'IBM Plex Mono',monospace;font-size:7px;letter-spacing:4px;
  text-transform:uppercase;color:rgba(255,255,255,0.2);margin-bottom:12px;}

/* PRE: expectation options */
.vf-expect-opts{display:flex;flex-direction:column;gap:8px;margin-bottom:24px;}
.vf-expect-btn{display:flex;align-items:center;gap:14px;padding:14px 16px;
  background:rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.06);
  cursor:pointer;transition:all .15s;}
.vf-expect-btn:hover{background:rgba(255,255,255,0.04);}
.vf-expect-btn.selected{border-color:rgba(79,195,247,0.4);background:rgba(79,195,247,0.06);}
.vf-expect-btn.selected.home{border-color:var(--home-color,rgba(0,165,80,0.4));background:rgba(0,165,80,0.06);}
.vf-expect-btn.selected.away{border-color:var(--away-color,rgba(230,22,19,0.4));background:rgba(230,22,19,0.06);}
.vf-expect-ico{font-size:20px;flex-shrink:0;}
.vf-expect-txt{flex:1;}
.vf-expect-main{font-family:'Barlow Condensed',sans-serif;font-size:15px;font-weight:700;
  letter-spacing:1px;color:rgba(255,255,255,0.8);}
.vf-expect-sub{font-family:'IBM Plex Mono',monospace;font-size:7px;
  color:rgba(255,255,255,0.2);margin-top:3px;letter-spacing:1px;}
.vf-remind-btn{width:100%;padding:12px;background:transparent;
  border:1px solid rgba(255,255,255,0.08);
  font-family:'IBM Plex Mono',monospace;font-size:8px;letter-spacing:3px;
  color:rgba(255,255,255,0.25);cursor:pointer;text-transform:uppercase;
  transition:all .15s;}
.vf-remind-btn:hover{border-color:rgba(255,255,255,0.15);color:rgba(255,255,255,0.4);}
.vf-remind-btn.set{border-color:rgba(0,230,118,0.3);color:rgba(0,230,118,0.7);}

/* LIVE: waiting screen */
.vf-live-pulse{display:flex;flex-direction:column;align-items:center;
  padding:32px 16px;text-align:center;gap:16px;}
.vf-live-dot{width:12px;height:12px;border-radius:50%;background:var(--red);
  box-shadow:0 0 0 0 rgba(255,82,82,0.4);
  animation:livePulseAnim 1.4s ease infinite;}
@keyframes livePulseAnim{
  0%{box-shadow:0 0 0 0 rgba(255,82,82,0.4);}
  70%{box-shadow:0 0 0 14px rgba(255,82,82,0);}
  100%{box-shadow:0 0 0 0 rgba(255,82,82,0);}}
.vf-live-title{font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:3px;
  color:rgba(255,255,255,0.8);}
.vf-live-sub{font-family:'IBM Plex Mono',monospace;font-size:9px;letter-spacing:2px;
  color:rgba(255,255,255,0.25);line-height:1.7;}
.vf-live-timer{font-family:'Bebas Neue',sans-serif;font-size:48px;letter-spacing:2px;
  color:var(--red);line-height:1;}
.vf-live-timer-lbl{font-family:'IBM Plex Mono',monospace;font-size:7px;letter-spacing:3px;
  color:rgba(255,82,82,0.4);text-transform:uppercase;}

/* ═══════════════════════════════════════
   POST SHEET — Bias + Exposure questions
═══════════════════════════════════════ */

/* Sheet height transitions */
.post-sheet{transition:height .35s cubic-bezier(.32,0,.15,1);}
.post-sheet.sheet-bias{height:52vh;}
.post-sheet.sheet-exp{height:58vh;}

/* Question header */
.psm-q-label{
  font-family:'IBM Plex Mono',monospace;
  font-size:7px;letter-spacing:3px;text-transform:uppercase;
  color:rgba(255,255,255,0.2);margin-bottom:8px;}
.psm-q-title{
  font-family:'Bebas Neue',sans-serif;
  font-size:24px;letter-spacing:2px;
  color:rgba(255,255,255,0.9);margin-bottom:4px;}
.psm-q-sub{
  font-family:'Barlow Condensed',sans-serif;
  font-size:11px;color:rgba(255,255,255,0.25);
  letter-spacing:.5px;margin-bottom:16px;}

/* Bias options */
.psm-bias-opts{display:flex;flex-direction:column;gap:7px;}
.psm-bias-opt{
  display:flex;align-items:center;gap:12px;
  padding:13px 14px;
  background:rgba(0,0,0,0.3);
  border:1px solid rgba(255,255,255,0.06);
  cursor:pointer;transition:all .15s;
  border-radius:var(--r);}
.psm-bias-opt:active{transform:scale(.97);}
.psm-bias-opt.sel{
  border-color:rgba(0,230,118,0.35);
  background:rgba(0,230,118,0.05);}
.psm-bias-dot{
  width:9px;height:9px;border-radius:50%;flex-shrink:0;}
.psm-bias-label{
  font-family:'Barlow Condensed',sans-serif;
  font-size:15px;font-weight:700;letter-spacing:.5px;
  color:rgba(255,255,255,0.75);flex:1;}
.psm-bias-opt.sel .psm-bias-label{color:rgba(255,255,255,0.95);}
.psm-bias-check{
  width:18px;height:18px;border-radius:50%;
  border:1.5px solid rgba(255,255,255,0.12);
  flex-shrink:0;display:flex;align-items:center;
  justify-content:center;transition:all .15s;}
.psm-bias-opt.sel .psm-bias-check{
  background:var(--green);border-color:var(--green);}
.psm-bias-opt.sel .psm-bias-check::after{
  content:'';width:6px;height:6px;
  border-radius:50%;background:#000;}

/* Exposure options */
.psm-exp-opts{display:flex;flex-direction:column;gap:6px;}
.psm-exp-opt{
  display:flex;align-items:center;gap:12px;
  padding:11px 14px;
  background:rgba(0,0,0,0.3);
  border:1px solid rgba(255,255,255,0.06);
  cursor:pointer;transition:all .15s;
  border-radius:var(--r);}
.psm-exp-opt:active{transform:scale(.97);}
.psm-exp-opt.sel{
  border-color:rgba(0,230,118,0.35);
  background:rgba(0,230,118,0.05);}
.psm-exp-ico{font-size:16px;flex-shrink:0;width:22px;text-align:center;}
.psm-exp-label{
  font-family:'Barlow Condensed',sans-serif;
  font-size:15px;font-weight:700;letter-spacing:.5px;
  color:rgba(255,255,255,0.75);flex:1;}
.psm-exp-opt.sel .psm-exp-label{color:rgba(255,255,255,0.95);}
.psm-exp-check{
  width:18px;height:18px;border-radius:50%;
  border:1.5px solid rgba(255,255,255,0.12);
  flex-shrink:0;display:flex;align-items:center;
  justify-content:center;transition:all .15s;}
.psm-exp-opt.sel .psm-exp-check{
  background:var(--green);border-color:var(--green);}
.psm-exp-opt.sel .psm-exp-check::after{
  content:'';width:6px;height:6px;
  border-radius:50%;background:#000;}

/* Disabled button */
.post-sheet-start:disabled{opacity:.3;cursor:not-allowed;}

/* POST SHEET — Bias + Exposure */
.post-sheet { transition: height .35s cubic-bezier(.32,0,.15,1); }
.post-sheet.sheet-bias { height: 54vh; }
.post-sheet.sheet-exp  { height: 60vh; }

.psm-q-label { font-family:'IBM Plex Mono',monospace; font-size:8px; letter-spacing:3px; text-transform:uppercase; color:rgba(255,255,255,0.25); margin-bottom:8px; }
.psm-q-title { font-family:'Bebas Neue',sans-serif; font-size:28px; letter-spacing:2px; color:rgba(255,255,255,0.95); margin-bottom:4px; }
.psm-q-sub   { font-family:'Barlow Condensed',sans-serif; font-size:13px; color:rgba(255,255,255,0.3); margin-bottom:18px; }

.psm-bias-opts, .psm-exp-opts { display:flex; flex-direction:column; gap:8px; }

.psm-bias-opt, .psm-exp-opt {
  display:flex; align-items:center; gap:14px;
  padding:14px 16px;
  background:rgba(0,0,0,0.3);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:8px; cursor:pointer;
  transition:all .15s;
}
.psm-bias-opt:active, .psm-exp-opt:active { transform:scale(.97); }
.psm-bias-opt.sel, .psm-exp-opt.sel {
  border-color:rgba(0,230,118,0.4);
  background:rgba(0,230,118,0.06);
}
.psm-bias-dot  { width:10px; height:10px; border-radius:50%; flex-shrink:0; }
.psm-exp-ico   { font-size:18px; flex-shrink:0; width:24px; text-align:center; }
.psm-bias-label, .psm-exp-label {
  font-family:'Barlow Condensed',sans-serif;
  font-size:17px; font-weight:700; letter-spacing:.5px;
  color:rgba(255,255,255,0.8); flex:1;
}
.psm-bias-opt.sel .psm-bias-label,
.psm-exp-opt.sel  .psm-exp-label { color:rgba(255,255,255,1); }

.psm-bias-check, .psm-exp-check {
  width:20px; height:20px; border-radius:50%;
  border:1.5px solid rgba(255,255,255,0.15);
  flex-shrink:0; display:flex; align-items:center; justify-content:center;
  transition:all .15s;
}
.psm-bias-opt.sel .psm-bias-check,
.psm-exp-opt.sel  .psm-exp-check {
  background:var(--green); border-color:var(--green);
}
.psm-bias-opt.sel .psm-bias-check::after,
.psm-exp-opt.sel  .psm-exp-check::after {
  content:''; width:7px; height:7px; border-radius:50%; background:#000;
}
.post-sheet-start:disabled { opacity:.3; cursor:not-allowed; }