.bs-ofai{
  --gold:#f3c663;
  --gold-strong:#ffcf5b;
  --gold-deep:#8f6420;
  --bg:#03070c;
  --bg2:#07111c;
  --panel:#0b1520;
  --panel-2:#101b28;
  --line:rgba(243,198,99,.25);
  --line-2:rgba(255,255,255,.08);
  --text:#f7f4ed;
  --muted:#9da8b8;
  --green:#3ce17d;
  --red:#ff4e4e;
  --blue:#56a8ff;
  --shadow:0 20px 60px rgba(0,0,0,.45);
  color:var(--text);
  font-family:Arial,"Noto Sans Thai",Tahoma,sans-serif;
  background:
    radial-gradient(circle at top left, rgba(255,214,102,.14), transparent 24%),
    radial-gradient(circle at top right, rgba(255,214,102,.12), transparent 22%),
    linear-gradient(180deg,#04070d 0%,#08121c 36%,#04080d 100%);
  border:1px solid rgba(243,198,99,.3);
  border-radius:24px;
  overflow:hidden;
  box-shadow:var(--shadow);
  max-width:var(--ofai-max-width,1400px);
  margin:0 auto;
}
.bs-ofai *{box-sizing:border-box}
.bs-ofai button{font-family:inherit}
.premium-shell{position:relative;overflow:hidden}
.premium-shell:before,.premium-shell:after{content:"";position:absolute;border-radius:50%;filter:blur(50px);pointer-events:none}
.premium-shell:before{width:420px;height:420px;left:-140px;top:-120px;background:rgba(255,185,59,.16)}
.premium-shell:after{width:360px;height:360px;right:-120px;top:60px;background:rgba(32,95,168,.18)}

.premium-topnav{display:flex;align-items:center;justify-content:flex-start;padding:16px 24px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(11,19,30,.96),rgba(7,14,24,.9));position:relative;z-index:1}
.premium-brand,.premium-footer-brand{display:flex;align-items:center;gap:14px}
.premium-brand-icon{width:58px;height:58px;border-radius:18px;border:1px solid rgba(243,198,99,.4);display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,rgba(255,214,102,.2),rgba(255,214,102,.04));font-size:28px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 10px 30px rgba(0,0,0,.25)}
.premium-brand-copy strong{display:block;font-size:28px;line-height:1;color:#ffe6a0;font-weight:800;text-shadow:0 2px 10px rgba(0,0,0,.4)}
.premium-brand-copy span{display:block;margin-top:3px;color:#e8d9b4;font-size:14px;opacity:.92}
.premium-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.premium-nav button,.premium-footer-links button{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02);color:#d8e0ea;cursor:pointer;transition:.2s ease;font-size:14px}
.premium-nav button span{font-size:14px}
.premium-nav button em{font-style:normal}
.premium-nav button:hover,.premium-footer-links button:hover,.premium-nav button.is-active,.premium-footer-links button.is-active{background:linear-gradient(180deg,rgba(255,214,102,.26),rgba(255,184,60,.08));border-color:rgba(255,214,102,.45);color:#ffe59e;box-shadow:0 10px 30px rgba(0,0,0,.25),inset 0 0 0 1px rgba(255,255,255,.04)}
.premium-actions{display:flex;align-items:center;gap:10px}
.premium-icon-btn,.premium-ghost-btn,.premium-gold-btn,.premium-outline-btn,.premium-info-box button,.premium-chip{border:none;cursor:pointer;transition:.2s ease}
.premium-icon-btn{width:44px;height:44px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:#fff;font-size:20px}
.premium-ghost-btn{padding:12px 18px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);color:#fff}
.premium-gold-btn,.premium-outline-btn,.premium-info-box button{padding:12px 20px;border-radius:16px;background:linear-gradient(180deg,#ffe193,#d4a845);color:#221505;font-weight:800;box-shadow:0 10px 20px rgba(0,0,0,.2)}
.premium-outline-btn{background:rgba(255,214,102,.06);color:#ffe29e;border:1px solid rgba(255,214,102,.35)}
.premium-gold-btn:hover,.premium-outline-btn:hover,.premium-info-box button:hover,.premium-chip:hover{transform:translateY(-1px);filter:brightness(1.04)}

.premium-hero{display:grid;grid-template-columns:1.1fr .95fr;gap:24px;padding:28px 24px 20px;position:relative;z-index:1}
.premium-hero-left,.premium-stage,.premium-lower-grid,.premium-article-box,.premium-dynamic-panel,.premium-footer{background:linear-gradient(180deg,rgba(7,14,24,.82),rgba(9,18,30,.86));border:1px solid var(--line);border-radius:24px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 18px 40px rgba(0,0,0,.22)}
.premium-hero-left{padding:32px;min-height:320px;position:relative;overflow:hidden;background:
 linear-gradient(90deg,rgba(5,8,12,.95),rgba(10,18,28,.85)),
 radial-gradient(circle at 20% 22%,rgba(255,214,102,.18),transparent 30%),
 radial-gradient(circle at 80% 0,rgba(44,84,132,.18),transparent 26%) }
.premium-hero-left:before{content:"GOOD\A ANALYSIS\A BETTER\A TOMORROW";white-space:pre;position:absolute;left:20px;top:72px;color:rgba(243,198,99,.65);font-weight:800;letter-spacing:2px;line-height:1.4;font-size:16px}
.premium-eyebrow{margin-left:76px;display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;background:rgba(255,214,102,.12);border:1px solid rgba(255,214,102,.3);color:#ffd977;font-size:13px;font-weight:700;letter-spacing:.5px}
.premium-hero-left h1{margin:18px 0 14px 76px;font-size:64px;line-height:1.02;color:#ffd26b;text-shadow:0 6px 24px rgba(0,0,0,.35)}
.premium-hero-left h1 span{color:#fff4cf}
.premium-hero-left p{margin:0 0 14px 76px;max-width:720px;font-size:22px;line-height:1.6;color:#eef4ff}
.premium-bullet-list{margin:0 0 0 92px;padding:0;color:#dbe5f3;list-style:none;display:grid;gap:8px}
.premium-bullet-list li{position:relative;padding-left:18px;font-size:15px}
.premium-bullet-list li:before{content:"•";position:absolute;left:0;color:#ffd26b;font-size:20px;line-height:1}

.premium-hero-right{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-content:start}
.premium-live-panel,.premium-date-box,.premium-stat-card,.premium-right-banner{background:linear-gradient(180deg,rgba(10,21,34,.95),rgba(8,16,27,.94));border:1px solid rgba(255,255,255,.08);border-radius:22px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}
.premium-live-panel{grid-column:1 / -1;padding:18px}
.premium-live-row{display:flex;align-items:center;gap:16px}
.premium-live-pill{display:inline-flex;align-items:center;justify-content:center;min-width:96px;padding:11px 16px;border-radius:14px;background:linear-gradient(180deg,#ff6256,#c71916);font-weight:800;letter-spacing:.6px;box-shadow:0 10px 30px rgba(255,50,50,.25)}
.premium-live-copy b{display:block;color:#fef0da;margin-bottom:4px;font-size:16px}
.premium-live-copy small{color:#b4bfd0}
.premium-progress{margin-top:14px;height:10px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}
.premium-progress span{display:block;width:10%;height:100%;background:linear-gradient(90deg,#f6cb65,#ffd97d,#5fafff);box-shadow:0 0 22px rgba(255,214,102,.6);transition:width .35s ease}
.premium-date-box{padding:16px 18px;display:flex;align-items:center;gap:14px}
.premium-date-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(255,214,102,.12);font-size:24px;color:#ffd978}
.premium-date-box b{display:block;font-size:18px;color:#fff3c6}
.premium-date-box small{display:block;margin-top:4px;color:#b8c6d6}
.premium-stat-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.premium-stat-card{padding:18px 16px;display:grid;grid-template-columns:46px 1fr auto;grid-template-rows:auto auto;column-gap:12px;row-gap:2px;align-items:center}
.premium-stat-card span{grid-row:1/3;width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(255,214,102,.12);font-size:24px}
.premium-stat-card small{color:#d8e3f1;font-size:14px}
.premium-stat-card b{font-size:36px;line-height:1;color:#fff7d2}
.premium-stat-card em{align-self:end;color:#9fb1c3;font-style:normal;font-size:13px;padding-bottom:4px}
.premium-right-banner{grid-column:1/-1;display:flex;align-items:flex-end;justify-content:flex-end;padding:22px;min-height:170px;background:
 linear-gradient(90deg,rgba(4,8,14,.75),rgba(8,15,25,.6)),
 radial-gradient(circle at 75% 25%,rgba(255,214,102,.18),transparent 26%),
 radial-gradient(circle at 90% 22%,rgba(255,255,255,.09),transparent 12%)}
.premium-right-banner:before{content:"WIN TOGETHER";position:absolute;right:28px;bottom:28px;font-size:52px;font-weight:900;color:rgba(255,214,102,.16);letter-spacing:2px}
.premium-right-copy{position:relative;z-index:1;max-width:260px;text-align:right}
.premium-right-copy small{display:block;color:#ffd77d;font-size:15px;letter-spacing:2px;line-height:1.5}
.premium-right-copy strong{display:block;font-size:26px;color:#fff0bf;margin-top:10px}

.ofai-alert{margin:0 24px 18px;padding:14px 18px;border-radius:16px;border:1px solid rgba(255,86,86,.28);background:rgba(96,14,14,.35);color:#ffe0e0}
.ofai-alert.is-soft{border-color:rgba(255,214,102,.25);background:rgba(84,63,18,.26);color:#ffedbf}

.premium-stage{margin:0 24px 18px;padding:20px 20px 14px;position:relative;overflow:hidden}
.premium-stage:before{content:"";position:absolute;right:-40px;top:-30px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(255,214,102,.18),transparent 60%);pointer-events:none}
.premium-stage-head{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:start;margin-bottom:16px}
.premium-stage-title{display:flex;align-items:flex-start;gap:14px}
.premium-stage-icon{width:64px;height:64px;border-radius:18px;background:linear-gradient(180deg,rgba(255,214,102,.18),rgba(255,214,102,.04));display:flex;align-items:center;justify-content:center;color:#ffdc86;font-size:28px;border:1px solid rgba(255,214,102,.28)}
.premium-stage-title strong{display:block;font-size:28px;color:#ffd46c}
.premium-stage-title strong span{color:#fff0c3}
.premium-stage-title small{display:block;margin-top:8px;color:#d1ddec;line-height:1.6;font-size:15px;max-width:860px}
.premium-stage-badge{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:20px;background:rgba(255,214,102,.08);border:1px solid rgba(255,214,102,.22);color:#ffe6a5}
.premium-stage-badge b{width:62px;height:62px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #ffd977;font-size:28px}
.premium-stage-badge span{font-size:14px;line-height:1.5}

.step-summary{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:14px;padding:14px;border-radius:18px;background:linear-gradient(180deg,rgba(5,12,18,.88),rgba(8,16,27,.82));border:1px solid rgba(84,255,137,.22);margin-bottom:14px}
.step-summary>div{padding:16px 18px;border-radius:16px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05)}
.step-summary small{display:block;color:#aab6c7;margin-bottom:8px}
.step-summary b,.step-summary strong{font-size:18px;color:#fff4c1}
.step-summary.is-ready>div:first-child b{color:#69f19d}
.step-summary.is-wait>div:first-child b{color:#ffd779}
.step-pick-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.step-pick-card{position:relative;padding:18px;border-radius:22px;background:linear-gradient(180deg,rgba(6,12,21,.95),rgba(8,16,27,.92));border:1px solid rgba(243,198,99,.26);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}
.step-pick-card:before{content:"";position:absolute;inset:0;border-radius:22px;background:linear-gradient(180deg,rgba(255,214,102,.04),transparent 28%);pointer-events:none}
.step-top-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;color:#d9e5f3}
.step-rank-line{display:flex;align-items:center;gap:14px}
.step-rank{width:74px;min-width:74px;height:112px;border-radius:18px;border:1px solid rgba(255,214,102,.25);background:linear-gradient(180deg,rgba(255,214,102,.12),rgba(255,214,102,.03));display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ffd66f}
.step-rank span{font-size:16px;letter-spacing:1px}
.step-rank b{font-size:52px;line-height:1;margin-top:8px}
.step-match{flex:1}
.step-match small{display:flex;align-items:center;gap:10px;color:#b7c8d8;font-size:14px;margin-bottom:12px}
.step-match .teams{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center}
.step-match .team{text-align:center;font-size:18px;font-weight:800;color:#fff0c0}
.step-match .vs{font-size:18px;font-weight:700;color:#ffe092}
.step-badge{width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #ffd66f;color:#ffd66f;font-weight:900;font-size:24px;background:rgba(255,214,102,.08)}
.step-selection{margin:14px 0 12px;padding:14px 16px;border-radius:16px;border:1px solid rgba(243,198,99,.26);background:rgba(255,187,59,.05)}
.step-selection small{display:block;color:#adb9c8;margin-bottom:8px}
.step-selection b{display:block;font-size:18px;color:#ff6758;margin-bottom:4px}
.step-selection span{color:#ffe6a7;font-size:16px;font-weight:700}
.step-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.step-metric{display:block}
.step-metric-head{display:flex;align-items:center;justify-content:space-between;color:#cdd9e8;font-size:14px;margin-bottom:6px}
.step-metric-head b{font-size:16px}
.step-bar{height:12px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}
.step-bar i{display:block;height:100%;border-radius:999px}
.step-bar.score i{background:linear-gradient(90deg,#43e37f,#9cfab8)}
.step-bar.conf i{background:linear-gradient(90deg,#f2ce58,#ffe79b)}
.step-ready-note,.step-wait-note{margin-top:14px;padding:13px 16px;border-radius:14px;text-align:center;font-weight:700;border:1px solid rgba(95,238,127,.24);background:rgba(16,111,47,.18);color:#8dfab2}
.step-wait-note{border-color:rgba(255,214,102,.24);background:rgba(102,76,14,.22);color:#ffe09a}
.step-empty{padding:50px 24px;text-align:center;border-radius:22px;background:linear-gradient(180deg,rgba(8,15,25,.7),rgba(9,17,29,.88));border:1px dashed rgba(255,214,102,.22)}
.step-empty b{display:block;font-size:22px;color:#ffe39d;margin-bottom:8px}
.step-empty span{color:#b7c6d7}
.step-bottom-summary{display:grid;grid-template-columns:1.15fr 1fr 1fr auto;gap:14px;margin-top:16px}
.step-summary-card,.step-summary-cta{padding:18px 20px;border-radius:18px;border:1px solid rgba(243,198,99,.2);background:linear-gradient(180deg,rgba(8,15,25,.92),rgba(9,17,29,.9));display:flex;align-items:center;gap:14px}
.step-summary-card .icon{width:44px;height:44px;border-radius:14px;background:rgba(255,214,102,.12);display:flex;align-items:center;justify-content:center;color:#ffd87c;font-size:22px}
.step-summary-card small{display:block;color:#acb9c8;margin-bottom:6px}
.step-summary-card b{font-size:18px;color:#fff2c1}
.step-summary-card strong{font-size:18px;color:#ffd977}
.step-summary-cta{justify-content:space-between;background:linear-gradient(180deg,#ffe49b,#d0a542);color:#241807;font-weight:800}
.step-summary-cta small{display:block;color:#4b3506;font-weight:600;margin-top:6px}
.step-summary-cta .cta-icon{font-size:26px}

.premium-lower-grid{margin:0 24px 18px;padding:18px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.premium-info-box{padding:18px;border-radius:20px;background:linear-gradient(180deg,rgba(9,17,29,.9),rgba(10,19,31,.82));border:1px solid rgba(255,255,255,.06);display:grid;grid-template-columns:54px 1fr;gap:14px;align-items:center}
.premium-info-box button{grid-column:1/-1;justify-self:start;margin-top:6px;padding:10px 16px;font-size:14px}
.premium-info-icon{width:54px;height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:rgba(87,154,255,.12);color:#90c3ff;font-size:28px}
.premium-info-box strong{display:block;font-size:18px;color:#ecf4ff;margin-bottom:4px}
.premium-info-box small{display:block;color:#afbdcc;line-height:1.5}
.premium-win-box{grid-column:1/-1;display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:14px;background:linear-gradient(180deg,#da322b,#8b1112);color:#fff7ef;font-weight:900;font-size:18px;justify-self:start;margin-top:8px}
.premium-quick-box{grid-template-columns:54px 1fr;align-content:start}
.premium-chip-row{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.premium-chip{padding:10px 14px;border-radius:12px;font-weight:700;color:#fff}
.premium-chip-red{background:linear-gradient(180deg,#b81424,#7c1020)}
.premium-chip-gold{background:linear-gradient(180deg,#ba8d1c,#7a590f)}
.premium-chip-green{background:linear-gradient(180deg,#148b4a,#0e5a31)}
.premium-chip-blue{background:linear-gradient(180deg,#1d67bf,#16498a)}

.premium-article-box{margin:0 24px 24px;padding:18px;display:grid;grid-template-columns:360px 1fr;gap:18px}
.premium-article-image{position:relative;border-radius:20px;min-height:235px;background:
 linear-gradient(180deg,rgba(4,9,14,.35),rgba(4,9,14,.75)),
 radial-gradient(circle at 50% 10%,rgba(255,255,255,.11),transparent 22%),
 linear-gradient(180deg,#162739,#07111b 65%);border:1px solid rgba(243,198,99,.22);overflow:hidden}
.premium-article-image:before{content:"";position:absolute;left:-15%;right:-15%;bottom:-80px;height:160px;background:radial-gradient(circle at center,rgba(54,107,52,.7),rgba(25,56,24,.85) 45%,transparent 70%)}
.premium-article-ball{position:absolute;left:40px;bottom:26px;font-size:108px;filter:drop-shadow(0 16px 20px rgba(0,0,0,.35))}
.premium-article-watermark{position:absolute;left:24px;bottom:18px;color:#efdb9e;font-weight:800;letter-spacing:2px;font-size:18px}
.premium-article-watermark span{display:block;margin-top:6px;font-size:11px;color:#d0d7e3;letter-spacing:1.3px}
.premium-article-copy{padding:6px 8px 6px 0}
.premium-article-copy h2{margin:10px 0 14px;font-size:36px;color:#ffd567}
.premium-article-copy p{margin:0 0 12px;color:#d2deec;line-height:1.8;font-size:16px}
.premium-article-copy p b{color:#ffe39c}

.premium-dynamic-panel{margin:0 24px 18px;padding:18px}
.premium-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.premium-panel-head strong{font-size:24px;color:#ffd56f}

.ofai-table-wrap{overflow:auto;border-radius:18px;border:1px solid rgba(255,255,255,.08)}
.ofai-table{width:100%;border-collapse:collapse;background:rgba(5,10,16,.72);min-width:1000px}
.ofai-table thead th{padding:14px 12px;background:rgba(255,214,102,.08);color:#ffe29f;font-size:14px;text-align:left;border-bottom:1px solid rgba(255,214,102,.18)}
.ofai-table tbody td{padding:12px;color:#deebf8;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:top}
.ofai-table tbody tr:hover{background:rgba(255,255,255,.03)}
.ofai-loading,.ofai-empty{text-align:center;color:#b7c8d9;padding:20px}
.ofai-muted{color:#8fa0b3}

.signal-card,.formula-card,.ofai-result-day,.daily-top-banner{border:1px solid rgba(243,198,99,.16);background:linear-gradient(180deg,rgba(7,14,23,.92),rgba(10,18,30,.9));border-radius:18px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}
.ofai-signal-cards,.ofai-formula-full,.ofai-result-days{display:grid;gap:16px}
.daily-top-banner{padding:16px 18px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;color:#fff3cd}
.daily-top-banner b{color:#ffd56f}
.signal-card{padding:16px}
.signal-card .league,.signal-card .time{color:#abc0d3;font-size:13px}
.signal-card .teams{display:flex;gap:8px;flex-wrap:wrap;font-size:18px;font-weight:800;color:#fff2c1;margin:8px 0}
.signal-card .signal-pick{margin:10px 0;color:#ffd979}
.signal-card .conf,.signal-card .stars{display:inline-flex;margin-right:10px;color:#9ee1ac}
.sig{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;font-weight:800;border:1px solid rgba(255,255,255,.08)}
.sig.aplus{background:rgba(255,214,102,.12);color:#ffe59f;border-color:rgba(255,214,102,.28)}
.sig.buy,.sig.watch{background:rgba(72,150,255,.12);color:#a9d0ff}
.sig.live{background:rgba(255,62,62,.12);color:#ff9e9e}
.sig.pass,.sig.neutral,.sig.wait{background:rgba(255,255,255,.06);color:#ccd7e4}
.result-badge,.sig.result{background:rgba(255,255,255,.05);color:#fff;padding:7px 10px;border-radius:999px}
.result-badge.win,.sig.result.win{background:rgba(38,176,95,.18);color:#8df5b2}
.result-badge.lose,.sig.result.lose{background:rgba(201,44,44,.18);color:#ff9b9b}
.result-badge.push,.sig.result.push{background:rgba(92,126,255,.18);color:#b6c8ff}
.result-badge.half-win,.sig.result.half-win{background:rgba(139,198,44,.18);color:#d9f77d}
.result-badge.half-lose,.sig.result.half-lose{background:rgba(204,130,44,.18);color:#ffd084}

.formula-card{padding:16px}
.formula-card header{display:flex;justify-content:space-between;gap:12px;color:#d7e5f1;margin-bottom:12px}
.formula-card .meter,.formula-row div{height:10px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}
.formula-card .meter i,.formula-row div i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#f2cd58,#ffe89e)}
.formula-card footer{display:flex;justify-content:space-between;gap:12px;margin-top:10px;color:#afbdcc}
.formula-row{padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.03);display:grid;grid-template-columns:1.8fr 1fr auto;gap:12px;align-items:center}
.formula-row em{font-style:normal;color:#ffe08e}

.ofai-result-day{padding:16px}
.ofai-result-day-head,.ofai-result-day-stats,.ofai-result-day-nav{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
.ofai-result-day-title b{display:block;font-size:20px;color:#ffe292}
.ofai-result-day-title span,.ofai-result-day-rate small{color:#9eb0c2}
.ofai-result-day-rate strong{color:#ffe292;font-size:22px}
.ofai-result-day-stats{margin:14px 0}
.ofai-result-day-stats span{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}
.ofai-result-day-stats .win{color:#90f7b4}.ofai-result-day-stats .lose{color:#ff9f9f}.ofai-result-day-stats .push{color:#a9c7ff}.ofai-result-day-stats .half-win{color:#d9f77d}.ofai-result-day-stats .half-lose{color:#ffd084}
.ofai-result-day-nav button{padding:10px 14px;border-radius:12px;background:rgba(255,214,102,.08);border:1px solid rgba(255,214,102,.2);color:#ffe39b;cursor:pointer}
.ofai-result-day-cards{display:grid;gap:12px}
.ofai-score-summary,.ofai-score-row{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:10px;padding:12px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);margin-bottom:10px;align-items:center}

.premium-footer{margin:0 24px 24px;padding:18px 20px;display:grid;grid-template-columns:340px 1fr;gap:18px;align-items:center}
.premium-footer-links{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start}
.premium-footer-note{grid-column:1/-1;color:#b9c6d4;border-top:1px solid rgba(255,255,255,.06);padding-top:14px}
.premium-floating-refresh{position:absolute;right:24px;bottom:26px;width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,214,102,.28);background:linear-gradient(180deg,rgba(255,214,102,.16),rgba(255,214,102,.04));color:#ffe18a;font-size:22px;pointer-events:none;opacity:.75}

/* Generic classes from existing script */
.price-main{font-weight:800;color:#fff1c6}.odds-mini,.pickline,.premium-flow-source,.closed-data,.wait-data small,.watch-data small{display:block;color:#aebccc;font-size:12px;margin-top:4px}
.move.up,.premium-flow-state.up{color:#92f4b5}.move.down,.premium-flow-state.down{color:#ff9d9d}.move.flat,.premium-flow-state.flat{color:#cbd8e5}
.wait-data,.watch-data,.closed-data{display:inline-flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);color:#d0deec}
.premium-ah-flow,.premium-ah-arrows,.premium-ah-prices{display:grid;gap:8px}
.premium-ah-prices{grid-template-columns:1fr auto 1fr;align-items:center}.premium-ah-prices span{padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.04)}
.premium-ah-prices small{display:block;color:#9eb0c2}.premium-ah-prices b{color:#ffe29a;font-size:16px}.premium-ah-prices em{font-style:normal;color:#91c3ff}
.premium-ah-arrows{grid-template-columns:1fr 40px 1fr;align-items:center}.premium-arrow{display:flex;flex-direction:column;align-items:center;padding:8px;border-radius:12px;background:rgba(255,255,255,.03);color:#7f8e9f}.premium-arrow.is-active{color:#fff}.premium-arrow.is-active.up-arrow{background:rgba(58,190,104,.16)}.premium-arrow.is-active.down-arrow{background:rgba(196,55,55,.18)}
.premium-flow-track{display:flex;align-items:center;justify-content:center}.premium-flow-track i{display:block;width:26px;height:2px;background:linear-gradient(90deg,#5fb0ff,#ffd267)}
.premium-flow-state b{display:block}.premium-pick-line{padding:8px 10px;border-radius:12px;background:rgba(255,214,102,.06);color:#ffe9ae}.premium-pick-line span{color:#7df5a7}
.ah-spark-wrap{margin-top:8px}.ah-spark-label{display:flex;justify-content:space-between;color:#9eb0c2;font-size:12px}.ah-spark{width:100%;height:48px}.ah-spark .grid{stroke:rgba(255,255,255,.08);stroke-width:1}.ah-spark .line{fill:none;stroke:#ffd56f;stroke-width:2}.ah-spark .dot{fill:#7ebeff}
.live-score{font-weight:800;color:#ffd569}.ft{font-weight:800;color:#b8c7d9}

.ofai-single[hidden],.ofai-layout[hidden],.premium-dynamic-panel[hidden],.premium-stage[hidden],.premium-lower-grid[hidden],.premium-article-box[hidden]{display:none !important}

@media (max-width: 1440px){
  .premium-hero{grid-template-columns:1fr}
  .premium-hero-right{grid-template-columns:1fr 1fr}
  .premium-hero-left h1{font-size:54px}
}
@media (max-width: 1200px){
  .premium-topnav{grid-template-columns:1fr;justify-items:start}
  .premium-nav{justify-content:flex-start}
  .step-pick-list,.premium-lower-grid,.step-bottom-summary,.premium-stat-grid,.premium-hero-right,.premium-article-box,.premium-footer{grid-template-columns:1fr 1fr}
  .premium-footer-note{grid-column:1/-1}
}
@media (max-width: 900px){
  .premium-hero-left:before{display:none}
  .premium-eyebrow,.premium-hero-left h1,.premium-hero-left p,.premium-bullet-list{margin-left:0}
  .premium-hero-left h1{font-size:40px}
  .premium-hero-left p{font-size:18px}
  .premium-stat-grid,.step-pick-list,.premium-lower-grid,.step-bottom-summary,.premium-article-box,.premium-hero-right,.premium-footer{grid-template-columns:1fr}
  .step-summary{grid-template-columns:1fr 1fr}
  .premium-stage-head,.premium-topnav{grid-template-columns:1fr}
  .premium-stage-badge{justify-self:start}
  .step-match .teams{grid-template-columns:1fr;justify-items:center}
  .step-match .vs{display:none}
}
@media (max-width: 640px){
  .bs-ofai{border-radius:18px}
  .premium-topnav,.premium-hero,.premium-stage,.premium-lower-grid,.premium-article-box,.premium-dynamic-panel,.premium-footer{padding-left:14px;padding-right:14px;margin-left:12px;margin-right:12px}
  .premium-topnav{margin:0;padding:14px}
  .premium-brand-copy strong{font-size:22px}
  .premium-hero-left{padding:18px}
  .premium-stat-card{grid-template-columns:44px 1fr}
  .premium-stat-card b{font-size:28px}
  .step-rank-line{flex-direction:column;align-items:stretch}.step-rank{width:100%;height:auto;flex-direction:row;gap:10px;padding:12px}
  .step-rank b{font-size:36px;margin-top:0}
  .step-summary{grid-template-columns:1fr}
}

/* v1.0.78 FULL-WIDTH JOOMLA BREAKOUT FIX
   Joomla/K2 can place the module inside a narrow article column (~780-820px).
   The premium reference is a widescreen dashboard, so fullscreen mode intentionally
   breaks out of that column and uses the browser viewport while staying centered. */
.bs-ofai.ofai-fullscreen{
  width:calc(100vw - 24px) !important;
  max-width:none !important;
  margin-left:calc(50% - 50vw + 12px) !important;
  margin-right:0 !important;
  position:relative;
  z-index:2;
}

/* Keep the desktop reference layout intact on typical 1366-1920px screens. */
@media (min-width:1280px){
  .bs-ofai.ofai-fullscreen .premium-topnav{grid-template-columns:320px minmax(0,1fr) auto}
  .bs-ofai.ofai-fullscreen .premium-hero{grid-template-columns:minmax(0,1.08fr) minmax(620px,.92fr)}
  .bs-ofai.ofai-fullscreen .premium-hero-right{grid-template-columns:1fr 1fr}
  .bs-ofai.ofai-fullscreen .premium-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .bs-ofai.ofai-fullscreen .step-pick-list{grid-template-columns:repeat(3,minmax(0,1fr))}
  .bs-ofai.ofai-fullscreen .premium-lower-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .bs-ofai.ofai-fullscreen .step-bottom-summary{grid-template-columns:1.15fr 1fr 1fr auto}
  .bs-ofai.ofai-fullscreen .premium-article-box{grid-template-columns:360px minmax(0,1fr)}
}

/* At medium desktop widths keep 3 picks in one row but compact their inner typography. */
@media (min-width:1000px) and (max-width:1279px){
  .bs-ofai.ofai-fullscreen .premium-topnav{grid-template-columns:1fr;}
  .bs-ofai.ofai-fullscreen .premium-hero{grid-template-columns:1fr;}
  .bs-ofai.ofai-fullscreen .premium-hero-right{grid-template-columns:1fr 1fr;}
  .bs-ofai.ofai-fullscreen .premium-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
  .bs-ofai.ofai-fullscreen .step-pick-list{grid-template-columns:repeat(3,minmax(0,1fr));}
  .bs-ofai.ofai-fullscreen .step-pick-card{padding:14px;}
  .bs-ofai.ofai-fullscreen .step-rank{width:58px;min-width:58px;height:100px;}
  .bs-ofai.ofai-fullscreen .step-rank b{font-size:42px;}
  .bs-ofai.ofai-fullscreen .step-match .team{font-size:16px;}
  .bs-ofai.ofai-fullscreen .step-selection b{font-size:16px;}
  .bs-ofai.ofai-fullscreen .premium-lower-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}

/* Prevent inner flex/grid min-content from forcing cards to overlap. */
.bs-ofai .premium-nav,
.bs-ofai .premium-hero-left,
.bs-ofai .premium-hero-right,
.bs-ofai .premium-stage,
.bs-ofai .step-pick-card,
.bs-ofai .step-match,
.bs-ofai .step-selection,
.bs-ofai .step-metrics,
.bs-ofai .premium-info-box,
.bs-ofai .premium-article-copy{min-width:0;}
.bs-ofai .step-match .team,
.bs-ofai .step-selection b,
.bs-ofai .step-selection span{
  overflow-wrap:anywhere;
  word-break:break-word;
}
.bs-ofai .step-top-meta{min-width:0;}
.bs-ofai .step-top-meta small{min-width:0;white-space:normal;}

/* v1.0.79 PIXEL-TUNE: compress the premium hero and bring the 3 A+ picks above the fold,
   matching the supplied BAANSTEPBALL reference much more closely on desktop. */
@media (min-width:1280px){
  .bs-ofai.ofai-fullscreen{
    width:calc(100vw - 20px) !important;
    margin-left:calc(50% - 50vw + 10px) !important;
    border-radius:22px;
  }
  .bs-ofai.ofai-fullscreen .premium-topnav{
    min-height:76px;
    padding:11px 20px;
    grid-template-columns:330px minmax(0,1fr) 300px;
    gap:14px;
  }
  .bs-ofai.ofai-fullscreen .premium-brand-icon{width:48px;height:48px;border-radius:14px;font-size:24px}
  .bs-ofai.ofai-fullscreen .premium-brand-copy strong{font-size:24px}
  .bs-ofai.ofai-fullscreen .premium-brand-copy span{font-size:12px}
  .bs-ofai.ofai-fullscreen .premium-nav{gap:7px;flex-wrap:nowrap}
  .bs-ofai.ofai-fullscreen .premium-nav button{padding:9px 12px;border-radius:12px;font-size:12px;white-space:nowrap}
  .bs-ofai.ofai-fullscreen .premium-actions{gap:7px;justify-self:end}
  .bs-ofai.ofai-fullscreen .premium-icon-btn{width:38px;height:38px;border-radius:11px}
  .bs-ofai.ofai-fullscreen .premium-ghost-btn,
  .bs-ofai.ofai-fullscreen .premium-gold-btn{padding:10px 14px;border-radius:12px;font-size:12px;white-space:nowrap}

  .bs-ofai.ofai-fullscreen .premium-hero{
    grid-template-columns:minmax(420px,.82fr) minmax(760px,1.38fr);
    gap:16px;
    padding:14px 20px 12px;
  }
  .bs-ofai.ofai-fullscreen .premium-hero-left{
    min-height:206px;
    padding:18px 24px 16px 132px;
    border-radius:18px;
  }
  .bs-ofai.ofai-fullscreen .premium-hero-left:before{
    display:block;
    left:24px;
    top:62px;
    font-size:13px;
    letter-spacing:1.5px;
    line-height:1.45;
  }
  .bs-ofai.ofai-fullscreen .premium-eyebrow{margin:0 0 8px 0;padding:6px 11px;font-size:11px}
  .bs-ofai.ofai-fullscreen .premium-hero-left h1{
    margin:0 0 8px 0;
    font-size:43px;
    line-height:1.02;
    letter-spacing:-.8px;
  }
  .bs-ofai.ofai-fullscreen .premium-hero-left p{
    margin:0;
    max-width:620px;
    font-size:15px;
    line-height:1.45;
  }
  .bs-ofai.ofai-fullscreen .premium-bullet-list{display:none}

  .bs-ofai.ofai-fullscreen .premium-hero-right{
    grid-template-columns:minmax(0,1.55fr) minmax(250px,.72fr);
    grid-template-rows:74px 110px;
    gap:12px;
    align-content:stretch;
  }
  .bs-ofai.ofai-fullscreen .premium-live-panel{grid-column:1;grid-row:1;padding:12px 14px;border-radius:16px}
  .bs-ofai.ofai-fullscreen .premium-live-row{gap:12px}
  .bs-ofai.ofai-fullscreen .premium-live-pill{min-width:78px;padding:9px 12px;border-radius:10px;font-size:13px}
  .bs-ofai.ofai-fullscreen .premium-live-copy b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .bs-ofai.ofai-fullscreen .premium-live-copy small{font-size:10px}
  .bs-ofai.ofai-fullscreen .premium-progress{height:7px;margin-top:9px}
  .bs-ofai.ofai-fullscreen .premium-date-box{grid-column:2;grid-row:1;padding:10px 12px;border-radius:16px;gap:10px}
  .bs-ofai.ofai-fullscreen .premium-date-icon{width:40px;height:40px;border-radius:11px;font-size:18px}
  .bs-ofai.ofai-fullscreen .premium-date-box b{font-size:13px}
  .bs-ofai.ofai-fullscreen .premium-date-box small{font-size:10px}
  .bs-ofai.ofai-fullscreen .premium-stat-grid{grid-column:1/-1;grid-row:2;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
  .bs-ofai.ofai-fullscreen .premium-stat-card{padding:12px 11px;grid-template-columns:38px 1fr auto;column-gap:8px;border-radius:16px}
  .bs-ofai.ofai-fullscreen .premium-stat-card span{width:38px;height:38px;border-radius:11px;font-size:19px}
  .bs-ofai.ofai-fullscreen .premium-stat-card small{font-size:11px;line-height:1.15}
  .bs-ofai.ofai-fullscreen .premium-stat-card b{font-size:28px}
  .bs-ofai.ofai-fullscreen .premium-stat-card em{font-size:10px}
  .bs-ofai.ofai-fullscreen .premium-right-banner{display:none}

  .bs-ofai.ofai-fullscreen .premium-stage{
    margin:0 20px 12px;
    padding:12px 14px 12px;
    border-radius:18px;
  }
  .bs-ofai.ofai-fullscreen .premium-stage-head{
    grid-template-columns:minmax(0,1fr) auto;
    gap:12px;
    align-items:center;
    margin-bottom:10px;
  }
  .bs-ofai.ofai-fullscreen .premium-stage-title{gap:10px;align-items:center}
  .bs-ofai.ofai-fullscreen .premium-stage-icon{width:44px;height:44px;border-radius:13px;font-size:20px}
  .bs-ofai.ofai-fullscreen .premium-stage-title strong{font-size:24px;line-height:1.1}
  .bs-ofai.ofai-fullscreen .premium-stage-title small{margin-top:4px;font-size:11px;line-height:1.35;max-width:900px}
  .bs-ofai.ofai-fullscreen .premium-stage-badge{padding:8px 12px;border-radius:16px;gap:10px}
  .bs-ofai.ofai-fullscreen .premium-stage-badge b{width:48px;height:48px;font-size:20px}
  .bs-ofai.ofai-fullscreen .premium-stage-badge span{font-size:11px;line-height:1.35}

  .bs-ofai.ofai-fullscreen .step-pick-list{gap:10px}
  .bs-ofai.ofai-fullscreen .step-pick-card{padding:11px;border-radius:16px;min-height:190px}
  .bs-ofai.ofai-fullscreen .step-rank-line{gap:10px;align-items:stretch}
  .bs-ofai.ofai-fullscreen .step-rank{width:58px;min-width:58px;height:auto;border-radius:13px}
  .bs-ofai.ofai-fullscreen .step-rank span{font-size:11px}
  .bs-ofai.ofai-fullscreen .step-rank b{font-size:38px;margin-top:4px}
  .bs-ofai.ofai-fullscreen .step-top-meta{margin-bottom:5px}
  .bs-ofai.ofai-fullscreen .step-top-meta small{font-size:11px}
  .bs-ofai.ofai-fullscreen .step-badge{width:42px;height:42px;font-size:17px}
  .bs-ofai.ofai-fullscreen .step-match .teams{gap:6px}
  .bs-ofai.ofai-fullscreen .step-match .team{font-size:15px;line-height:1.2;position:relative;padding-top:30px}
  .bs-ofai.ofai-fullscreen .step-match .team:before{
    content:"⚽";
    position:absolute;
    left:50%;top:0;
    transform:translateX(-50%);
    width:24px;height:24px;
    border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,214,102,.22);
    font-size:14px;
  }
  .bs-ofai.ofai-fullscreen .step-match .vs{font-size:13px;margin-top:22px}
  .bs-ofai.ofai-fullscreen .step-selection{margin:8px 0 8px;padding:8px 10px;border-radius:11px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px}
  .bs-ofai.ofai-fullscreen .step-selection small{margin:0;font-size:10px}
  .bs-ofai.ofai-fullscreen .step-selection b{margin:0;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .bs-ofai.ofai-fullscreen .step-selection span{font-size:12px;white-space:nowrap}
  .bs-ofai.ofai-fullscreen .step-metrics{gap:10px}
  .bs-ofai.ofai-fullscreen .step-metric-head{font-size:10px;margin-bottom:4px}
  .bs-ofai.ofai-fullscreen .step-metric-head b{font-size:12px}
  .bs-ofai.ofai-fullscreen .step-bar{height:8px}
  .bs-ofai.ofai-fullscreen .step-ready-note,
  .bs-ofai.ofai-fullscreen .step-wait-note{margin-top:9px;padding:7px 10px;font-size:11px;border-radius:10px}
  .bs-ofai.ofai-fullscreen .step-bottom-summary{gap:10px;margin-top:9px;grid-template-columns:1.15fr .9fr .9fr 1.05fr}
  .bs-ofai.ofai-fullscreen .step-summary-card,
  .bs-ofai.ofai-fullscreen .step-summary-cta{padding:10px 12px;border-radius:13px;gap:9px;min-height:55px}
  .bs-ofai.ofai-fullscreen .step-summary-card .icon{width:34px;height:34px;border-radius:10px;font-size:16px}
  .bs-ofai.ofai-fullscreen .step-summary-card small{font-size:10px;margin-bottom:2px}
  .bs-ofai.ofai-fullscreen .step-summary-card b,
  .bs-ofai.ofai-fullscreen .step-summary-card strong{font-size:18px}
  .bs-ofai.ofai-fullscreen .step-summary-cta b{font-size:13px}
  .bs-ofai.ofai-fullscreen .step-summary-cta small{font-size:9px;margin-top:2px}
  .bs-ofai.ofai-fullscreen .step-summary-cta .cta-icon{font-size:20px}

  .bs-ofai.ofai-fullscreen .premium-lower-grid{margin:0 20px 12px;padding:12px;gap:10px;border-radius:18px}
  .bs-ofai.ofai-fullscreen .premium-info-box{padding:12px;border-radius:14px;grid-template-columns:40px 1fr;gap:10px}
  .bs-ofai.ofai-fullscreen .premium-info-icon{width:40px;height:40px;border-radius:11px;font-size:20px}
  .bs-ofai.ofai-fullscreen .premium-info-box strong{font-size:14px}
  .bs-ofai.ofai-fullscreen .premium-info-box small{font-size:10px}
  .bs-ofai.ofai-fullscreen .premium-info-box button{padding:8px 11px;font-size:10px;margin-top:2px}
  .bs-ofai.ofai-fullscreen .premium-win-box{padding:7px 10px;font-size:13px;margin-top:2px}
  .bs-ofai.ofai-fullscreen .premium-chip-row{gap:6px;margin-top:3px}
  .bs-ofai.ofai-fullscreen .premium-chip{padding:7px 9px;font-size:9px}

  .bs-ofai.ofai-fullscreen .premium-article-box{margin:0 20px 16px;padding:12px;grid-template-columns:300px 1fr;gap:14px;border-radius:18px}
  .bs-ofai.ofai-fullscreen .premium-article-image{min-height:150px;border-radius:14px}
  .bs-ofai.ofai-fullscreen .premium-article-ball{font-size:70px;left:30px;bottom:20px}
  .bs-ofai.ofai-fullscreen .premium-article-watermark{left:16px;bottom:12px;font-size:12px}
  .bs-ofai.ofai-fullscreen .premium-article-watermark span{font-size:8px}
  .bs-ofai.ofai-fullscreen .premium-article-copy h2{font-size:24px;margin:4px 0 8px}
  .bs-ofai.ofai-fullscreen .premium-article-copy p{font-size:12px;line-height:1.55;margin-bottom:6px}
  .bs-ofai.ofai-fullscreen .premium-outline-btn{padding:8px 12px;font-size:10px;border-radius:11px}

  .bs-ofai.ofai-fullscreen .premium-footer{margin:0 20px 16px;padding:12px 14px;border-radius:18px;grid-template-columns:260px 1fr;gap:12px}
  .bs-ofai.ofai-fullscreen .premium-footer .premium-brand-icon{width:38px;height:38px}
  .bs-ofai.ofai-fullscreen .premium-footer .premium-brand-copy strong{font-size:18px}
  .bs-ofai.ofai-fullscreen .premium-footer .premium-brand-copy span{font-size:10px}
  .bs-ofai.ofai-fullscreen .premium-footer-links{gap:6px}
  .bs-ofai.ofai-fullscreen .premium-footer-links button{padding:7px 9px;font-size:9px;border-radius:10px}
  .bs-ofai.ofai-fullscreen .premium-footer-note{font-size:10px;padding-top:8px}
}

/* v1.0.80 AUTO-FIT / NO-OVERFLOW FIX
   Do not force the module to 100vw. Keep a premium widescreen canvas, centered,
   with safe space at both sides and a tighter first-screen composition. */
@media (min-width:1280px){
  .bs-ofai.ofai-fullscreen{
    width:min(1450px, 90vw) !important;
    max-width:min(1450px, 90vw) !important;
    margin:0 !important;
    left:50% !important;
    transform:translateX(-50%) !important;
    border-radius:18px !important;
    overflow:hidden !important;
  }

  .bs-ofai.ofai-fullscreen .premium-topnav{
    min-height:60px !important;
    padding:8px 14px !important;
    grid-template-columns:270px minmax(0,1fr) 250px !important;
    gap:10px !important;
  }
  .bs-ofai.ofai-fullscreen .premium-brand-icon{width:40px !important;height:40px !important;border-radius:12px !important;font-size:20px !important}
  .bs-ofai.ofai-fullscreen .premium-brand-copy strong{font-size:20px !important}
  .bs-ofai.ofai-fullscreen .premium-brand-copy span{font-size:10px !important}
  .bs-ofai.ofai-fullscreen .premium-nav{gap:5px !important}
  .bs-ofai.ofai-fullscreen .premium-nav button{padding:7px 9px !important;font-size:10px !important;border-radius:10px !important}
  .bs-ofai.ofai-fullscreen .premium-actions{gap:5px !important}
  .bs-ofai.ofai-fullscreen .premium-icon-btn{width:32px !important;height:32px !important;font-size:15px !important}
  .bs-ofai.ofai-fullscreen .premium-ghost-btn,
  .bs-ofai.ofai-fullscreen .premium-gold-btn{padding:8px 11px !important;font-size:10px !important;border-radius:10px !important}

  .bs-ofai.ofai-fullscreen .premium-hero{
    grid-template-columns:minmax(390px,.95fr) minmax(0,1.35fr) !important;
    gap:10px !important;
    padding:10px 14px 8px !important;
  }
  .bs-ofai.ofai-fullscreen .premium-hero-left{
    min-height:154px !important;
    padding:12px 16px 11px 92px !important;
    border-radius:14px !important;
  }
  .bs-ofai.ofai-fullscreen .premium-hero-left:before{
    left:16px !important;top:48px !important;font-size:10px !important;line-height:1.35 !important;
  }
  .bs-ofai.ofai-fullscreen .premium-eyebrow{padding:4px 8px !important;font-size:9px !important;margin-bottom:5px !important}
  .bs-ofai.ofai-fullscreen .premium-hero-left h1{font-size:34px !important;line-height:1 !important;margin-bottom:6px !important}
  .bs-ofai.ofai-fullscreen .premium-hero-left p{font-size:12px !important;line-height:1.35 !important;max-width:520px !important}
  .bs-ofai.ofai-fullscreen .premium-bullet-list{display:none !important}

  .bs-ofai.ofai-fullscreen .premium-hero-right{
    grid-template-columns:minmax(0,1.55fr) minmax(210px,.7fr) !important;
    grid-template-rows:58px 86px !important;
    gap:8px !important;
  }
  .bs-ofai.ofai-fullscreen .premium-live-panel{padding:8px 10px !important;border-radius:13px !important}
  .bs-ofai.ofai-fullscreen .premium-live-pill{min-width:64px !important;padding:7px 9px !important;font-size:10px !important}
  .bs-ofai.ofai-fullscreen .premium-live-copy b{font-size:10px !important}
  .bs-ofai.ofai-fullscreen .premium-live-copy small{font-size:8px !important}
  .bs-ofai.ofai-fullscreen .premium-progress{height:5px !important;margin-top:6px !important}
  .bs-ofai.ofai-fullscreen .premium-date-box{padding:7px 9px !important;border-radius:13px !important;gap:7px !important}
  .bs-ofai.ofai-fullscreen .premium-date-icon{width:32px !important;height:32px !important;font-size:14px !important}
  .bs-ofai.ofai-fullscreen .premium-date-box b{font-size:10px !important}
  .bs-ofai.ofai-fullscreen .premium-date-box small{font-size:8px !important}
  .bs-ofai.ofai-fullscreen .premium-stat-grid{gap:7px !important}
  .bs-ofai.ofai-fullscreen .premium-stat-card{padding:8px !important;grid-template-columns:30px 1fr auto !important;column-gap:6px !important;border-radius:13px !important}
  .bs-ofai.ofai-fullscreen .premium-stat-card span{width:30px !important;height:30px !important;font-size:14px !important;border-radius:9px !important}
  .bs-ofai.ofai-fullscreen .premium-stat-card small{font-size:8px !important}
  .bs-ofai.ofai-fullscreen .premium-stat-card b{font-size:21px !important}
  .bs-ofai.ofai-fullscreen .premium-stat-card em{font-size:8px !important}

  .bs-ofai.ofai-fullscreen .premium-stage{
    margin:0 14px 8px !important;
    padding:8px 10px 9px !important;
    border-radius:14px !important;
  }
  .bs-ofai.ofai-fullscreen .premium-stage-head{margin-bottom:7px !important;gap:8px !important}
  .bs-ofai.ofai-fullscreen .premium-stage-icon{width:34px !important;height:34px !important;font-size:15px !important;border-radius:10px !important}
  .bs-ofai.ofai-fullscreen .premium-stage-title strong{font-size:18px !important}
  .bs-ofai.ofai-fullscreen .premium-stage-title small{font-size:9px !important;line-height:1.25 !important}
  .bs-ofai.ofai-fullscreen .premium-stage-badge{padding:5px 8px !important;border-radius:12px !important;gap:7px !important}
  .bs-ofai.ofai-fullscreen .premium-stage-badge b{width:36px !important;height:36px !important;font-size:16px !important}
  .bs-ofai.ofai-fullscreen .premium-stage-badge span{font-size:9px !important}

  .bs-ofai.ofai-fullscreen .step-summary{display:none !important}
  .bs-ofai.ofai-fullscreen .step-pick-list{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:8px !important}
  .bs-ofai.ofai-fullscreen .step-pick-card{min-height:142px !important;padding:8px !important;border-radius:13px !important}
  .bs-ofai.ofai-fullscreen .step-rank-line{gap:7px !important}
  .bs-ofai.ofai-fullscreen .step-rank{width:46px !important;min-width:46px !important;border-radius:10px !important}
  .bs-ofai.ofai-fullscreen .step-rank span{font-size:9px !important}
  .bs-ofai.ofai-fullscreen .step-rank b{font-size:30px !important}
  .bs-ofai.ofai-fullscreen .step-top-meta{margin-bottom:3px !important}
  .bs-ofai.ofai-fullscreen .step-top-meta small{font-size:9px !important}
  .bs-ofai.ofai-fullscreen .step-badge{width:32px !important;height:32px !important;font-size:13px !important}
  .bs-ofai.ofai-fullscreen .step-match .team{font-size:12px !important;padding-top:22px !important}
  .bs-ofai.ofai-fullscreen .step-match .team:before{width:18px !important;height:18px !important;font-size:10px !important}
  .bs-ofai.ofai-fullscreen .step-match .vs{font-size:10px !important;margin-top:16px !important}
  .bs-ofai.ofai-fullscreen .step-selection{margin:5px 0 !important;padding:5px 7px !important;gap:5px !important;border-radius:9px !important}
  .bs-ofai.ofai-fullscreen .step-selection small{font-size:8px !important}
  .bs-ofai.ofai-fullscreen .step-selection b{font-size:11px !important}
  .bs-ofai.ofai-fullscreen .step-selection span{font-size:9px !important}
  .bs-ofai.ofai-fullscreen .step-metric-head{font-size:8px !important;margin-bottom:3px !important}
  .bs-ofai.ofai-fullscreen .step-metric-head b{font-size:9px !important}
  .bs-ofai.ofai-fullscreen .step-bar{height:6px !important}
  .bs-ofai.ofai-fullscreen .step-ready-note,
  .bs-ofai.ofai-fullscreen .step-wait-note{margin-top:6px !important;padding:5px 7px !important;font-size:9px !important}
  .bs-ofai.ofai-fullscreen .step-bottom-summary{gap:7px !important;margin-top:6px !important}
  .bs-ofai.ofai-fullscreen .step-summary-card,
  .bs-ofai.ofai-fullscreen .step-summary-cta{padding:7px 9px !important;min-height:44px !important;border-radius:10px !important}
  .bs-ofai.ofai-fullscreen .step-summary-card .icon{width:27px !important;height:27px !important;font-size:13px !important;border-radius:8px !important}
  .bs-ofai.ofai-fullscreen .step-summary-card small{font-size:8px !important}
  .bs-ofai.ofai-fullscreen .step-summary-card b,
  .bs-ofai.ofai-fullscreen .step-summary-card strong{font-size:14px !important}
  .bs-ofai.ofai-fullscreen .step-summary-cta b{font-size:10px !important}
  .bs-ofai.ofai-fullscreen .step-summary-cta small{font-size:8px !important}

  .bs-ofai.ofai-fullscreen .premium-lower-grid{
    margin:0 14px 8px !important;padding:8px !important;gap:7px !important;border-radius:14px !important;
  }
  .bs-ofai.ofai-fullscreen .premium-info-box{padding:8px !important;grid-template-columns:30px 1fr !important;gap:7px !important;border-radius:11px !important}
  .bs-ofai.ofai-fullscreen .premium-info-icon{width:30px !important;height:30px !important;font-size:15px !important;border-radius:9px !important}
  .bs-ofai.ofai-fullscreen .premium-info-box strong{font-size:10px !important}
  .bs-ofai.ofai-fullscreen .premium-info-box small{font-size:8px !important}
  .bs-ofai.ofai-fullscreen .premium-info-box button{padding:5px 8px !important;font-size:8px !important}
  .bs-ofai.ofai-fullscreen .premium-win-box{padding:5px 8px !important;font-size:10px !important}
  .bs-ofai.ofai-fullscreen .premium-chip{padding:5px 7px !important;font-size:8px !important}

  .bs-ofai.ofai-fullscreen .premium-article-box{
    margin:0 14px 8px !important;padding:8px !important;grid-template-columns:230px 1fr !important;gap:9px !important;border-radius:14px !important;
  }
  .bs-ofai.ofai-fullscreen .premium-article-image{min-height:105px !important;border-radius:11px !important}
  .bs-ofai.ofai-fullscreen .premium-article-ball{font-size:46px !important;left:20px !important;bottom:14px !important}
  .bs-ofai.ofai-fullscreen .premium-article-watermark{font-size:9px !important;left:12px !important;bottom:9px !important}
  .bs-ofai.ofai-fullscreen .premium-article-watermark span{font-size:6px !important}
  .bs-ofai.ofai-fullscreen .premium-article-copy h2{font-size:18px !important;margin:2px 0 5px !important}
  .bs-ofai.ofai-fullscreen .premium-article-copy p{font-size:9px !important;line-height:1.35 !important;margin-bottom:4px !important}
  .bs-ofai.ofai-fullscreen .premium-outline-btn{padding:5px 8px !important;font-size:8px !important}

  .bs-ofai.ofai-fullscreen .premium-footer{margin:0 14px 10px !important;padding:8px 10px !important;grid-template-columns:220px 1fr !important;gap:8px !important;border-radius:14px !important}
  .bs-ofai.ofai-fullscreen .premium-footer .premium-brand-icon{width:30px !important;height:30px !important;font-size:14px !important}
  .bs-ofai.ofai-fullscreen .premium-footer .premium-brand-copy strong{font-size:14px !important}
  .bs-ofai.ofai-fullscreen .premium-footer .premium-brand-copy span{font-size:8px !important}
  .bs-ofai.ofai-fullscreen .premium-footer-links{gap:4px !important}
  .bs-ofai.ofai-fullscreen .premium-footer-links button{padding:5px 7px !important;font-size:8px !important}
  .bs-ofai.ofai-fullscreen .premium-footer-note{font-size:8px !important;padding-top:5px !important}
}

/* Wide laptops: never exceed the usable browser width. */
@media (min-width:1000px) and (max-width:1279px){
  .bs-ofai.ofai-fullscreen{
    width:92vw !important;
    max-width:92vw !important;
    margin:0 !important;
    left:50% !important;
    transform:translateX(-50%) !important;
  }
}

/* v1.0.81 PREMIUM SCALE-UP / SAFE WIDTH
   Increase the inside UI 15-25% without returning to the old 100vw overflow.
   Keep STEP 1-3 locked to one row on desktop and preserve safe side gutters. */
@media (min-width:1280px){
  .bs-ofai.ofai-fullscreen{
    width:min(1520px,93vw) !important;
    max-width:min(1520px,93vw) !important;
    overflow:hidden !important;
  }

  .bs-ofai.ofai-fullscreen .premium-topnav{
    min-height:68px !important;
    padding:10px 18px !important;
    grid-template-columns:290px minmax(0,1fr) 270px !important;
    gap:12px !important;
  }
  .bs-ofai.ofai-fullscreen .premium-brand-icon{width:46px !important;height:46px !important;font-size:22px !important;border-radius:13px !important}
  .bs-ofai.ofai-fullscreen .premium-brand-copy strong{font-size:23px !important}
  .bs-ofai.ofai-fullscreen .premium-brand-copy span{font-size:11px !important}
  .bs-ofai.ofai-fullscreen .premium-nav{gap:6px !important}
  .bs-ofai.ofai-fullscreen .premium-nav button{padding:8px 11px !important;font-size:11px !important;border-radius:11px !important}
  .bs-ofai.ofai-fullscreen .premium-icon-btn{width:36px !important;height:36px !important;font-size:16px !important}
  .bs-ofai.ofai-fullscreen .premium-ghost-btn,
  .bs-ofai.ofai-fullscreen .premium-gold-btn{padding:9px 13px !important;font-size:11px !important;border-radius:11px !important}

  .bs-ofai.ofai-fullscreen .premium-hero{
    grid-template-columns:minmax(430px,.98fr) minmax(0,1.32fr) !important;
    gap:12px !important;
    padding:12px 18px 10px !important;
  }
  .bs-ofai.ofai-fullscreen .premium-hero-left{
    min-height:188px !important;
    padding:16px 20px 14px 108px !important;
    border-radius:16px !important;
  }
  .bs-ofai.ofai-fullscreen .premium-hero-left:before{
    left:18px !important;top:58px !important;font-size:12px !important;line-height:1.4 !important;
  }
  .bs-ofai.ofai-fullscreen .premium-eyebrow{padding:5px 10px !important;font-size:10px !important;margin-bottom:7px !important}
  .bs-ofai.ofai-fullscreen .premium-hero-left h1{font-size:42px !important;line-height:1.02 !important;margin-bottom:8px !important}
  .bs-ofai.ofai-fullscreen .premium-hero-left p{font-size:14px !important;line-height:1.45 !important;max-width:600px !important;margin-bottom:6px !important}
  .bs-ofai.ofai-fullscreen .premium-bullet-list{display:none !important}

  .bs-ofai.ofai-fullscreen .premium-hero-right{
    grid-template-columns:minmax(0,1.55fr) minmax(235px,.72fr) !important;
    grid-template-rows:70px 104px !important;
    gap:10px !important;
  }
  .bs-ofai.ofai-fullscreen .premium-live-panel{padding:10px 12px !important;border-radius:15px !important}
  .bs-ofai.ofai-fullscreen .premium-live-pill{min-width:76px !important;padding:8px 11px !important;font-size:12px !important;border-radius:11px !important}
  .bs-ofai.ofai-fullscreen .premium-live-copy b{font-size:12px !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:520px}
  .bs-ofai.ofai-fullscreen .premium-live-copy small{font-size:9px !important}
  .bs-ofai.ofai-fullscreen .premium-progress{height:6px !important;margin-top:8px !important}
  .bs-ofai.ofai-fullscreen .premium-date-box{padding:9px 11px !important;border-radius:15px !important;gap:9px !important}
  .bs-ofai.ofai-fullscreen .premium-date-icon{width:38px !important;height:38px !important;font-size:17px !important}
  .bs-ofai.ofai-fullscreen .premium-date-box b{font-size:12px !important}
  .bs-ofai.ofai-fullscreen .premium-date-box small{font-size:9px !important}
  .bs-ofai.ofai-fullscreen .premium-stat-grid{gap:9px !important}
  .bs-ofai.ofai-fullscreen .premium-stat-card{padding:10px !important;grid-template-columns:34px 1fr auto !important;column-gap:8px !important;border-radius:14px !important;min-width:0}
  .bs-ofai.ofai-fullscreen .premium-stat-card span{width:34px !important;height:34px !important;font-size:16px !important;border-radius:10px !important}
  .bs-ofai.ofai-fullscreen .premium-stat-card small{font-size:9px !important;white-space:normal !important;line-height:1.15 !important}
  .bs-ofai.ofai-fullscreen .premium-stat-card b{font-size:26px !important}
  .bs-ofai.ofai-fullscreen .premium-stat-card em{font-size:9px !important}

  .bs-ofai.ofai-fullscreen .premium-stage{
    margin:0 18px 10px !important;
    padding:10px 12px 11px !important;
    border-radius:16px !important;
  }
  .bs-ofai.ofai-fullscreen .premium-stage-head{margin-bottom:9px !important;gap:10px !important;align-items:center !important}
  .bs-ofai.ofai-fullscreen .premium-stage-icon{width:40px !important;height:40px !important;font-size:18px !important;border-radius:11px !important}
  .bs-ofai.ofai-fullscreen .premium-stage-title strong{font-size:21px !important}
  .bs-ofai.ofai-fullscreen .premium-stage-title small{font-size:10px !important;line-height:1.35 !important}
  .bs-ofai.ofai-fullscreen .premium-stage-badge{padding:7px 10px !important;border-radius:13px !important;gap:9px !important}
  .bs-ofai.ofai-fullscreen .premium-stage-badge b{width:42px !important;height:42px !important;font-size:18px !important}
  .bs-ofai.ofai-fullscreen .premium-stage-badge span{font-size:10px !important}

  .bs-ofai.ofai-fullscreen .step-pick-list{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:10px !important}
  .bs-ofai.ofai-fullscreen .step-pick-card{min-height:178px !important;padding:10px !important;border-radius:15px !important;overflow:hidden !important;min-width:0 !important}
  .bs-ofai.ofai-fullscreen .step-rank-line{gap:9px !important;min-width:0 !important}
  .bs-ofai.ofai-fullscreen .step-rank{width:54px !important;min-width:54px !important;border-radius:11px !important}
  .bs-ofai.ofai-fullscreen .step-rank span{font-size:10px !important}
  .bs-ofai.ofai-fullscreen .step-rank b{font-size:36px !important}
  .bs-ofai.ofai-fullscreen .step-match{min-width:0 !important;overflow:hidden !important}
  .bs-ofai.ofai-fullscreen .step-top-meta{margin-bottom:5px !important}
  .bs-ofai.ofai-fullscreen .step-top-meta small{font-size:10px !important;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .bs-ofai.ofai-fullscreen .step-badge{width:38px !important;height:38px !important;font-size:15px !important;flex:0 0 38px !important}
  .bs-ofai.ofai-fullscreen .step-match .teams{gap:8px !important;min-width:0 !important}
  .bs-ofai.ofai-fullscreen .step-match .team{font-size:14px !important;padding-top:26px !important;line-height:1.2 !important;min-width:0 !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important}
  .bs-ofai.ofai-fullscreen .step-match .team:before{width:21px !important;height:21px !important;font-size:11px !important}
  .bs-ofai.ofai-fullscreen .step-match .vs{font-size:11px !important;margin-top:18px !important}
  .bs-ofai.ofai-fullscreen .step-selection{margin:7px 0 !important;padding:7px 9px !important;gap:6px !important;border-radius:10px !important;min-width:0 !important;grid-template-columns:auto minmax(0,1fr) auto !important}
  .bs-ofai.ofai-fullscreen .step-selection small{font-size:9px !important}
  .bs-ofai.ofai-fullscreen .step-selection b{font-size:13px !important;min-width:0 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}
  .bs-ofai.ofai-fullscreen .step-selection span{font-size:10px !important;white-space:nowrap !important}
  .bs-ofai.ofai-fullscreen .step-metrics{gap:12px !important}
  .bs-ofai.ofai-fullscreen .step-metric-head{font-size:9px !important;margin-bottom:4px !important}
  .bs-ofai.ofai-fullscreen .step-metric-head b{font-size:11px !important}
  .bs-ofai.ofai-fullscreen .step-bar{height:7px !important}
  .bs-ofai.ofai-fullscreen .step-ready-note,
  .bs-ofai.ofai-fullscreen .step-wait-note{margin-top:7px !important;padding:6px 9px !important;font-size:10px !important;border-radius:10px !important}

  .bs-ofai.ofai-fullscreen .step-bottom-summary{gap:8px !important;margin-top:8px !important;grid-template-columns:1.15fr .95fr .95fr 1.08fr !important}
  .bs-ofai.ofai-fullscreen .step-summary-card,
  .bs-ofai.ofai-fullscreen .step-summary-cta{padding:9px 11px !important;min-height:52px !important;border-radius:11px !important}
  .bs-ofai.ofai-fullscreen .step-summary-card .icon{width:31px !important;height:31px !important;font-size:15px !important;border-radius:9px !important}
  .bs-ofai.ofai-fullscreen .step-summary-card small{font-size:9px !important}
  .bs-ofai.ofai-fullscreen .step-summary-card b,
  .bs-ofai.ofai-fullscreen .step-summary-card strong{font-size:16px !important}
  .bs-ofai.ofai-fullscreen .step-summary-cta b{font-size:11px !important}
  .bs-ofai.ofai-fullscreen .step-summary-cta small{font-size:9px !important}

  .bs-ofai.ofai-fullscreen .premium-lower-grid{
    margin:0 18px 10px !important;padding:10px !important;gap:9px !important;border-radius:16px !important;
  }
  .bs-ofai.ofai-fullscreen .premium-info-box{padding:10px !important;grid-template-columns:34px 1fr !important;gap:8px !important;border-radius:12px !important;min-width:0}
  .bs-ofai.ofai-fullscreen .premium-info-icon{width:34px !important;height:34px !important;font-size:17px !important;border-radius:10px !important}
  .bs-ofai.ofai-fullscreen .premium-info-box strong{font-size:12px !important}
  .bs-ofai.ofai-fullscreen .premium-info-box small{font-size:9px !important}
  .bs-ofai.ofai-fullscreen .premium-info-box button{padding:6px 9px !important;font-size:9px !important}
  .bs-ofai.ofai-fullscreen .premium-win-box{padding:6px 9px !important;font-size:11px !important}
  .bs-ofai.ofai-fullscreen .premium-chip{padding:6px 8px !important;font-size:9px !important}

  .bs-ofai.ofai-fullscreen .premium-article-box{
    margin:0 18px 10px !important;padding:10px !important;grid-template-columns:260px 1fr !important;gap:11px !important;border-radius:16px !important;
  }
  .bs-ofai.ofai-fullscreen .premium-article-image{min-height:125px !important;border-radius:12px !important}
  .bs-ofai.ofai-fullscreen .premium-article-ball{font-size:54px !important;left:22px !important;bottom:15px !important}
  .bs-ofai.ofai-fullscreen .premium-article-watermark{font-size:10px !important;left:13px !important;bottom:10px !important}
  .bs-ofai.ofai-fullscreen .premium-article-watermark span{font-size:7px !important}
  .bs-ofai.ofai-fullscreen .premium-article-copy h2{font-size:21px !important;margin:3px 0 6px !important}
  .bs-ofai.ofai-fullscreen .premium-article-copy p{font-size:10px !important;line-height:1.4 !important;margin-bottom:5px !important}
  .bs-ofai.ofai-fullscreen .premium-outline-btn{padding:6px 9px !important;font-size:9px !important}

  .bs-ofai.ofai-fullscreen .premium-footer{margin:0 18px 12px !important;padding:10px 12px !important;grid-template-columns:245px 1fr !important;gap:9px !important;border-radius:16px !important}
  .bs-ofai.ofai-fullscreen .premium-footer .premium-brand-icon{width:34px !important;height:34px !important;font-size:16px !important}
  .bs-ofai.ofai-fullscreen .premium-footer .premium-brand-copy strong{font-size:16px !important}
  .bs-ofai.ofai-fullscreen .premium-footer .premium-brand-copy span{font-size:9px !important}
  .bs-ofai.ofai-fullscreen .premium-footer-links{gap:5px !important}
  .bs-ofai.ofai-fullscreen .premium-footer-links button{padding:6px 8px !important;font-size:9px !important}
  .bs-ofai.ofai-fullscreen .premium-footer-note{font-size:9px !important;padding-top:6px !important}
}

@media (min-width:1000px) and (max-width:1279px){
  .bs-ofai.ofai-fullscreen{width:94vw !important;max-width:94vw !important;overflow:hidden !important}
  .bs-ofai.ofai-fullscreen .step-pick-list{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
  .bs-ofai.ofai-fullscreen .step-pick-card{min-width:0 !important;overflow:hidden !important}
  .bs-ofai.ofai-fullscreen .step-selection{grid-template-columns:auto minmax(0,1fr) auto !important}
  .bs-ofai.ofai-fullscreen .step-selection b{min-width:0 !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important}
}


/* v1.0.82 MAIN SITE WIDTH MATCH FIX */
.bs-ofai,
.bs-ofai.ofai-fullscreen{
  width:min(100%,1180px) !important;
  max-width:1180px !important;
  margin:0 auto 24px !important;
  left:auto !important;
  right:auto !important;
  transform:none !important;
}
@media (max-width: 1260px){
  .bs-ofai,
  .bs-ofai.ofai-fullscreen{
    width:calc(100% - 24px) !important;
    max-width:1180px !important;
    margin:0 auto 20px !important;
  }
}


/* =========================================================
   v1.0.83 - PIXEL TUNE TO MAIN WEBSITE CONTENT WIDTH
   Goal: visually match the site's central K2/article content,
   not the full browser viewport. A+ logic is untouched.
   ========================================================= */
.bs-ofai,
.bs-ofai.ofai-fullscreen{
  width:min(calc(100% - 20px),1080px) !important;
  max-width:1080px !important;
  margin:0 auto 20px !important;
  left:auto !important;
  right:auto !important;
  transform:none !important;
  border-radius:16px !important;
  font-size:12px !important;
  overflow:hidden !important;
}
.bs-ofai .premium-shell{overflow:hidden !important}
.bs-ofai .premium-shell:before{width:300px;height:300px;left:-120px;top:-120px}
.bs-ofai .premium-shell:after{width:280px;height:280px;right:-120px;top:20px}

/* top bar */
.bs-ofai .premium-topnav{
  grid-template-columns:230px minmax(0,1fr) auto !important;
  gap:8px !important;
  padding:10px 12px !important;
}
.bs-ofai .premium-brand{gap:9px !important}
.bs-ofai .premium-brand-icon{width:40px !important;height:40px !important;border-radius:12px !important;font-size:19px !important}
.bs-ofai .premium-brand-copy strong{font-size:19px !important}
.bs-ofai .premium-brand-copy span{font-size:9px !important;margin-top:2px !important}
.bs-ofai .premium-nav{gap:4px !important;flex-wrap:nowrap !important;min-width:0 !important}
.bs-ofai .premium-nav button{padding:7px 8px !important;border-radius:10px !important;font-size:10px !important;gap:5px !important;white-space:nowrap !important}
.bs-ofai .premium-actions{gap:5px !important}
.bs-ofai .premium-icon-btn{width:33px !important;height:33px !important;border-radius:10px !important;font-size:15px !important}
.bs-ofai .premium-ghost-btn,.bs-ofai .premium-gold-btn{padding:8px 10px !important;border-radius:10px !important;font-size:10px !important;white-space:nowrap !important}

/* hero */
.bs-ofai .premium-hero{
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr) !important;
  gap:10px !important;
  padding:10px 12px 9px !important;
}
.bs-ofai .premium-hero-left{padding:17px 18px !important;min-height:214px !important;border-radius:16px !important}
.bs-ofai .premium-hero-left:before{left:16px !important;top:65px !important;font-size:10px !important;line-height:1.35 !important;letter-spacing:1.5px !important}
.bs-ofai .premium-eyebrow{margin:0 0 7px 75px !important;padding:5px 9px !important;font-size:9px !important}
.bs-ofai .premium-hero-left h1{margin:7px 0 7px 75px !important;font-size:34px !important;line-height:1.02 !important}
.bs-ofai .premium-hero-left p{margin:0 0 0 75px !important;max-width:390px !important;font-size:12px !important;line-height:1.5 !important}
.bs-ofai .premium-bullet-list{display:none !important}
.bs-ofai .premium-hero-right{grid-template-columns:minmax(0,1fr) 210px !important;gap:8px !important}
.bs-ofai .premium-live-panel{grid-column:1 !important;grid-row:1 !important;padding:9px 10px !important;border-radius:14px !important}
.bs-ofai .premium-live-row{gap:9px !important}
.bs-ofai .premium-live-pill{min-width:65px !important;padding:7px 9px !important;border-radius:9px !important;font-size:10px !important}
.bs-ofai .premium-live-copy{min-width:0 !important}
.bs-ofai .premium-live-copy b{font-size:10px !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}
.bs-ofai .premium-live-copy small{font-size:8px !important}
.bs-ofai .premium-progress{height:5px !important;margin-top:6px !important}
.bs-ofai .premium-date-box{grid-column:2 !important;grid-row:1 !important;padding:8px 9px !important;border-radius:14px !important;gap:7px !important}
.bs-ofai .premium-date-icon{width:33px !important;height:33px !important;border-radius:9px !important;font-size:15px !important}
.bs-ofai .premium-date-box b{font-size:10px !important;line-height:1.25 !important}
.bs-ofai .premium-date-box small{font-size:7px !important;white-space:nowrap !important}
.bs-ofai .premium-stat-grid{grid-column:1/-1 !important;grid-row:2 !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:7px !important}
.bs-ofai .premium-stat-card{padding:9px 8px !important;grid-template-columns:30px minmax(0,1fr) auto !important;column-gap:6px !important;border-radius:13px !important}
.bs-ofai .premium-stat-card span{width:30px !important;height:30px !important;border-radius:9px !important;font-size:14px !important}
.bs-ofai .premium-stat-card small{font-size:8px !important;line-height:1.15 !important}
.bs-ofai .premium-stat-card b{font-size:22px !important}
.bs-ofai .premium-stat-card em{font-size:8px !important}
.bs-ofai .premium-right-banner{display:none !important}

/* A+ STEP stage */
.bs-ofai .premium-stage{margin:0 12px 9px !important;padding:10px 10px 9px !important;border-radius:16px !important}
.bs-ofai .premium-stage-head{grid-template-columns:minmax(0,1fr) auto !important;gap:8px !important;margin-bottom:8px !important}
.bs-ofai .premium-stage-title{gap:8px !important;align-items:center !important}
.bs-ofai .premium-stage-icon{width:38px !important;height:38px !important;border-radius:11px !important;font-size:17px !important}
.bs-ofai .premium-stage-title strong{font-size:19px !important;line-height:1.1 !important}
.bs-ofai .premium-stage-title small{margin-top:3px !important;font-size:8px !important;line-height:1.35 !important;max-width:690px !important}
.bs-ofai .premium-stage-badge{padding:7px 9px !important;border-radius:13px !important;gap:7px !important}
.bs-ofai .premium-stage-badge b{width:40px !important;height:40px !important;font-size:17px !important}
.bs-ofai .premium-stage-badge span{font-size:8px !important;line-height:1.3 !important}
.bs-ofai .step-summary{display:none !important}
.bs-ofai .step-pick-list{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:7px !important}
.bs-ofai .step-pick-card{padding:8px !important;border-radius:14px !important;min-width:0 !important;min-height:157px !important;overflow:hidden !important}
.bs-ofai .step-rank-line{gap:7px !important;align-items:stretch !important;min-width:0 !important}
.bs-ofai .step-rank{width:44px !important;min-width:44px !important;height:auto !important;border-radius:10px !important}
.bs-ofai .step-rank span{font-size:8px !important}
.bs-ofai .step-rank b{font-size:29px !important;margin-top:3px !important}
.bs-ofai .step-match{min-width:0 !important}
.bs-ofai .step-top-meta{margin-bottom:3px !important;min-width:0 !important}
.bs-ofai .step-top-meta small{font-size:8px !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}
.bs-ofai .step-badge{width:31px !important;height:31px !important;min-width:31px !important;font-size:12px !important;border-width:1px !important}
.bs-ofai .step-match .teams{gap:4px !important;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr) !important}
.bs-ofai .step-match .team{font-size:11px !important;line-height:1.2 !important;min-width:0 !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important}
.bs-ofai .step-match .vs{font-size:9px !important}
.bs-ofai .step-selection{margin:6px 0 5px !important;padding:6px 7px !important;border-radius:9px !important;display:grid !important;grid-template-columns:auto minmax(0,1fr) auto !important;gap:5px !important;align-items:center !important}
.bs-ofai .step-selection small{font-size:7px !important;margin:0 !important}
.bs-ofai .step-selection b{font-size:10px !important;margin:0 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}
.bs-ofai .step-selection span{font-size:8px !important;white-space:nowrap !important}
.bs-ofai .step-metrics{gap:6px !important}
.bs-ofai .step-metric-head{font-size:7px !important;margin-bottom:3px !important}
.bs-ofai .step-metric-head b{font-size:8px !important}
.bs-ofai .step-bar{height:5px !important}
.bs-ofai .step-ready-note,.bs-ofai .step-wait-note{margin-top:6px !important;padding:6px 8px !important;border-radius:9px !important;font-size:8px !important}
.bs-ofai .step-bottom-summary{grid-template-columns:1.15fr 1fr 1fr 1.2fr !important;gap:6px !important;margin-top:7px !important}
.bs-ofai .step-summary-card,.bs-ofai .step-summary-cta{padding:7px 8px !important;border-radius:10px !important;gap:6px !important;min-height:44px !important}
.bs-ofai .step-summary-card .icon{width:28px !important;height:28px !important;border-radius:8px !important;font-size:13px !important}
.bs-ofai .step-summary-card small{font-size:7px !important;margin-bottom:1px !important}
.bs-ofai .step-summary-card b,.bs-ofai .step-summary-card strong{font-size:13px !important}
.bs-ofai .step-summary-cta b{font-size:9px !important}
.bs-ofai .step-summary-cta small{font-size:7px !important;margin-top:1px !important}
.bs-ofai .step-summary-cta .cta-icon{font-size:15px !important}

/* lower cards / article */
.bs-ofai .premium-lower-grid{margin:0 12px 9px !important;padding:8px !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:7px !important;border-radius:16px !important}
.bs-ofai .premium-info-box{padding:8px !important;border-radius:11px !important;grid-template-columns:34px minmax(0,1fr) !important;gap:7px !important}
.bs-ofai .premium-info-icon{width:34px !important;height:34px !important;border-radius:10px !important;font-size:16px !important}
.bs-ofai .premium-info-box strong{font-size:9px !important;margin-bottom:2px !important}
.bs-ofai .premium-info-box small{font-size:7px !important;line-height:1.3 !important}
.bs-ofai .premium-info-box button{padding:6px 8px !important;border-radius:8px !important;font-size:7px !important;margin-top:3px !important}
.bs-ofai .premium-win-box{padding:5px 8px !important;border-radius:8px !important;font-size:9px !important;margin-top:3px !important}
.bs-ofai .premium-chip-row{gap:4px !important;margin-top:3px !important}
.bs-ofai .premium-chip{padding:5px 6px !important;border-radius:7px !important;font-size:7px !important}
.bs-ofai .premium-article-box{margin:0 12px 9px !important;padding:8px !important;grid-template-columns:230px minmax(0,1fr) !important;gap:10px !important;border-radius:16px !important}
.bs-ofai .premium-article-image{min-height:145px !important;border-radius:12px !important}
.bs-ofai .premium-article-ball{font-size:68px !important;left:22px !important;bottom:17px !important}
.bs-ofai .premium-article-watermark{left:14px !important;bottom:10px !important;font-size:11px !important}
.bs-ofai .premium-article-watermark span{font-size:7px !important;margin-top:3px !important}
.bs-ofai .premium-article-copy h2{font-size:21px !important;margin:4px 0 7px !important}
.bs-ofai .premium-article-copy p{font-size:9px !important;line-height:1.45 !important;margin-bottom:5px !important}
.bs-ofai .premium-outline-btn{padding:6px 8px !important;border-radius:8px !important;font-size:8px !important}
.bs-ofai .premium-footer{margin:0 12px 12px !important;padding:9px 10px !important;grid-template-columns:220px minmax(0,1fr) !important;gap:7px !important;border-radius:14px !important}
.bs-ofai .premium-footer .premium-brand-icon{width:31px !important;height:31px !important;font-size:14px !important}
.bs-ofai .premium-footer .premium-brand-copy strong{font-size:14px !important}
.bs-ofai .premium-footer .premium-brand-copy span{font-size:7px !important}
.bs-ofai .premium-footer-links{gap:4px !important}
.bs-ofai .premium-footer-links button{padding:5px 6px !important;font-size:7px !important;border-radius:7px !important}
.bs-ofai .premium-footer-note{font-size:7px !important;padding-top:5px !important}
.bs-ofai .premium-floating-refresh{right:12px !important;bottom:14px !important;width:35px !important;height:35px !important;font-size:15px !important}

/* dynamic panels stay inside the same main-site width */
.bs-ofai .premium-dynamic-panel{margin:0 12px 9px !important;padding:10px !important;border-radius:14px !important;overflow:hidden !important}
.bs-ofai .premium-panel-head strong{font-size:16px !important}
.bs-ofai .ofai-table{font-size:10px !important;min-width:900px !important}
.bs-ofai .ofai-table thead th,.bs-ofai .ofai-table tbody td{padding:8px 7px !important}

@media (max-width:1120px){
  .bs-ofai,.bs-ofai.ofai-fullscreen{width:calc(100% - 18px) !important;max-width:1080px !important}
}
@media (max-width:860px){
  .bs-ofai .premium-topnav{grid-template-columns:1fr !important}
  .bs-ofai .premium-nav{flex-wrap:wrap !important;justify-content:flex-start !important}
  .bs-ofai .premium-hero{grid-template-columns:1fr !important}
  .bs-ofai .premium-hero-right{grid-template-columns:1fr 1fr !important}
  .bs-ofai .step-pick-list{grid-template-columns:1fr !important}
  .bs-ofai .premium-lower-grid{grid-template-columns:1fr 1fr !important}
  .bs-ofai .step-bottom-summary{grid-template-columns:1fr 1fr !important}
  .bs-ofai .premium-article-box{grid-template-columns:1fr !important}
  .bs-ofai .premium-article-image{min-height:180px !important}
}


/* v1.0.84 CLEAN STEP FOCUS - remove bulky hero and stat cards */
.premium-compact-live{
  margin:12px 18px 10px;
  display:grid;
  grid-template-columns:auto auto minmax(120px,1fr);
  align-items:center;
  gap:12px;
  padding:10px 12px;
  border:1px solid rgba(243,198,99,.18);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(8,16,27,.88),rgba(6,12,21,.9));
}
.premium-compact-live .premium-live-pill{
  min-width:64px;
  padding:7px 10px;
  border-radius:9px;
  font-size:12px;
}
.premium-compact-live-copy{min-width:0}
.premium-compact-live-copy b{display:block;font-size:12px;color:#f7efd7;line-height:1.2}
.premium-compact-live-copy small{display:block;margin-top:2px;font-size:10px;color:#91a0b0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.premium-compact-progress{height:6px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}
.premium-compact-progress span{display:block;width:10%;height:100%;background:linear-gradient(90deg,#f6cb65,#ffd97d,#5fafff);transition:width .35s ease}
.bs-ofai .premium-stage{margin-top:0}
@media (max-width:700px){
  .premium-compact-live{grid-template-columns:auto 1fr;margin:10px 12px 8px}
  .premium-compact-progress{grid-column:1/-1}
}

/* v1.0.102 DAILY TOP3 HARD LOCK */
.bs-ofai .step-pick-card.is-daily-locked .step-rank span{letter-spacing:.08em}
.bs-ofai .step-lock-result{display:inline-flex;align-items:center;margin-left:8px;padding:2px 7px;border:1px solid currentColor;border-radius:999px;font-size:10px;font-weight:800;line-height:1.2}

/* =========================================================
   v1.0.103 - ULTRA PREMIUM GLOSS + DYNAMIC CLUB CRESTS
   Presentation-only upgrade. A+ / BM20 AH / Daily Hard Lock untouched.
   ========================================================= */
.bs-ofai,
.bs-ofai.ofai-fullscreen{
  --lux-gold:#f6c84f;
  --lux-gold-2:#ffe59a;
  --lux-gold-3:#9b6a12;
  --lux-ink:#020509;
  --lux-navy:#07111c;
  --lux-panel:#09131f;
  --lux-panel-2:#0d1a28;
  border:1px solid rgba(255,211,91,.55) !important;
  background:
    radial-gradient(ellipse at 8% 16%,rgba(255,199,55,.16),transparent 26%),
    radial-gradient(ellipse at 92% 18%,rgba(255,207,76,.13),transparent 24%),
    radial-gradient(ellipse at 50% 0%,rgba(255,228,151,.08),transparent 26%),
    linear-gradient(180deg,#020407 0%,#07111a 38%,#02060a 100%) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.025) inset,
    0 0 34px rgba(255,188,45,.10),
    0 26px 80px rgba(0,0,0,.62) !important;
}
.bs-ofai:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.22;
  background:
    repeating-linear-gradient(90deg,transparent 0 68px,rgba(255,213,96,.028) 69px 70px),
    linear-gradient(180deg,rgba(255,255,255,.025),transparent 13%);
}
.bs-ofai .premium-shell{
  isolation:isolate;
  background:
    radial-gradient(circle at 8% 30%,rgba(255,208,76,.08),transparent 15%),
    radial-gradient(circle at 92% 30%,rgba(255,208,76,.08),transparent 15%);
}
.bs-ofai .premium-shell:before,
.bs-ofai .premium-shell:after{
  filter:blur(62px) !important;
  opacity:.92;
}
.bs-ofai .premium-shell:before{background:rgba(255,191,47,.16) !important}
.bs-ofai .premium-shell:after{background:rgba(36,93,158,.14) !important}

/* Premium header / navigation */
.bs-ofai .premium-topnav{
  position:relative !important;
  border-bottom:1px solid rgba(255,211,91,.38) !important;
  background:
    linear-gradient(180deg,rgba(20,23,25,.98),rgba(5,10,16,.97)),
    radial-gradient(circle at 18% 0,rgba(255,211,91,.12),transparent 24%) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.32),inset 0 -1px 0 rgba(255,232,157,.06) !important;
}
.bs-ofai .premium-topnav:after{
  content:"";
  position:absolute;
  left:4%;right:4%;bottom:-1px;height:1px;
  background:linear-gradient(90deg,transparent,#ffcf59 18%,#fff0b7 50%,#ffcf59 82%,transparent);
  box-shadow:0 0 14px rgba(255,204,74,.55);
}
.bs-ofai .premium-brand-icon{
  border-radius:50% !important;
  color:#fff1b9 !important;
  border:1px solid rgba(255,218,105,.78) !important;
  background:
    radial-gradient(circle at 35% 25%,rgba(255,255,255,.34),transparent 18%),
    radial-gradient(circle,#2b2313 0 44%,#0a0e12 46% 62%,#e8b742 64% 68%,#0a0e12 70%) !important;
  box-shadow:0 0 0 2px rgba(255,196,47,.09),0 0 20px rgba(255,199,48,.25),inset 0 0 12px rgba(255,222,118,.2) !important;
}
.bs-ofai .premium-brand-copy strong{
  color:#ffe4a0 !important;
  text-shadow:0 0 18px rgba(255,195,48,.24) !important;
}
.bs-ofai .premium-nav button,
.bs-ofai .premium-footer-links button,
.bs-ofai .premium-ghost-btn,
.bs-ofai .premium-icon-btn{
  border:1px solid rgba(255,255,255,.09) !important;
  background:linear-gradient(180deg,rgba(18,28,39,.92),rgba(5,10,16,.92)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 5px 12px rgba(0,0,0,.18) !important;
}
.bs-ofai .premium-nav button:hover,
.bs-ofai .premium-nav button.is-active,
.bs-ofai .premium-footer-links button:hover,
.bs-ofai .premium-footer-links button.is-active{
  color:#fff0be !important;
  border-color:rgba(255,207,78,.62) !important;
  background:linear-gradient(180deg,rgba(97,69,17,.92),rgba(34,24,8,.96)) !important;
  box-shadow:inset 0 1px 0 rgba(255,246,203,.18),0 0 17px rgba(255,197,43,.17) !important;
}
.bs-ofai .premium-gold-btn{
  border:1px solid rgba(255,239,182,.72) !important;
  background:linear-gradient(180deg,#ffe7a0 0%,#e5b74b 56%,#b17c1f 100%) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 8px 18px rgba(0,0,0,.28),0 0 15px rgba(255,196,48,.16) !important;
}

/* Live scan bar */
.bs-ofai .premium-compact-live{
  position:relative;
  grid-template-columns:auto minmax(210px,.72fr) minmax(190px,1fr) auto !important;
  gap:10px !important;
  padding:10px 12px !important;
  border-color:rgba(255,208,72,.45) !important;
  background:
    radial-gradient(circle at 2% 50%,rgba(255,73,50,.14),transparent 14%),
    linear-gradient(180deg,rgba(12,20,30,.97),rgba(5,11,18,.98)) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 0 17px rgba(255,193,39,.09) !important;
}
.bs-ofai .premium-compact-live:before{
  content:"";
  position:absolute;inset:0;border-radius:14px;pointer-events:none;
  background:linear-gradient(105deg,transparent 0 28%,rgba(255,225,139,.055) 34%,transparent 42% 100%);
}
.bs-ofai .premium-compact-live .premium-live-pill{
  border:1px solid rgba(255,147,120,.65) !important;
  background:linear-gradient(180deg,#ff654c,#c91f17) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 0 17px rgba(255,51,35,.37) !important;
  animation:bsLivePulse 2.2s ease-in-out infinite;
}
@keyframes bsLivePulse{0%,100%{filter:brightness(1);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 0 12px rgba(255,51,35,.24)}50%{filter:brightness(1.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 0 24px rgba(255,51,35,.5)}}
.bs-ofai .premium-compact-progress{
  position:relative;
  height:7px !important;
  border:1px solid rgba(255,255,255,.05);
  background:rgba(255,255,255,.065) !important;
  box-shadow:inset 0 2px 5px rgba(0,0,0,.45);
}
.bs-ofai .premium-compact-progress span{
  position:relative;
  background:linear-gradient(90deg,#b98318,#f6c949 45%,#fff2b4 72%,#6bb7ff) !important;
  box-shadow:0 0 13px rgba(255,209,87,.46) !important;
}
.bs-ofai .premium-compact-progress span:after{
  content:"";position:absolute;top:0;bottom:0;width:44px;right:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);
  animation:bsScanShine 1.5s linear infinite;
}
@keyframes bsScanShine{0%{transform:translateX(-70px)}100%{transform:translateX(55px)}}
.bs-ofai .premium-scan-badge{
  display:flex;align-items:center;gap:5px;white-space:nowrap;color:#cdd8e5;
  font-size:8px;letter-spacing:.06em;
}
.bs-ofai .premium-scan-badge b{color:#ffd45f;font-size:11px;text-shadow:0 0 10px rgba(255,207,67,.35)}

/* Main A+ stage */
.bs-ofai .premium-stage{
  border-color:rgba(255,207,76,.48) !important;
  background:
    radial-gradient(ellipse at 50% -10%,rgba(255,214,93,.12),transparent 34%),
    linear-gradient(180deg,rgba(9,16,24,.98),rgba(4,10,16,.985)) !important;
  box-shadow:inset 0 1px 0 rgba(255,246,207,.055),0 12px 26px rgba(0,0,0,.28),0 0 18px rgba(255,190,31,.07) !important;
}
.bs-ofai .premium-stage:after{
  content:"";
  position:absolute;left:10%;right:10%;top:0;height:2px;
  background:linear-gradient(90deg,transparent,#d89e25 22%,#fff1af 50%,#d89e25 78%,transparent);
  box-shadow:0 0 12px rgba(255,203,68,.48);
  pointer-events:none;
}
.bs-ofai .premium-stage-icon{
  color:#ffe394 !important;
  border-color:rgba(255,215,98,.52) !important;
  background:linear-gradient(180deg,rgba(255,214,102,.20),rgba(125,86,13,.12)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 0 16px rgba(255,196,43,.12) !important;
}
.bs-ofai .premium-stage-title strong{color:#ffd76d !important;text-shadow:0 0 13px rgba(255,199,49,.16)}
.bs-ofai .premium-stage-badge{
  border-color:rgba(255,210,79,.42) !important;
  background:linear-gradient(180deg,rgba(80,58,16,.36),rgba(19,16,10,.50)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 16px rgba(255,190,33,.08) !important;
}
.bs-ofai .premium-stage-badge b{
  color:#ffe18a !important;
  border-color:#f4c44d !important;
  box-shadow:inset 0 0 11px rgba(255,201,58,.09),0 0 12px rgba(255,195,42,.16) !important;
}

/* Locked Top 3 cards */
.bs-ofai .step-pick-list{gap:9px !important}
.bs-ofai .step-pick-card.is-daily-locked{
  min-height:216px !important;
  padding:9px !important;
  border:1px solid rgba(255,208,74,.48) !important;
  background:
    radial-gradient(circle at 50% 0%,rgba(255,218,110,.08),transparent 23%),
    linear-gradient(155deg,rgba(15,25,36,.99),rgba(3,8,13,.99) 72%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    inset 0 0 0 1px rgba(255,196,45,.025),
    0 12px 24px rgba(0,0,0,.32),
    0 0 14px rgba(255,193,34,.07) !important;
  transform:translateZ(0);
}
.bs-ofai .step-pick-card.is-daily-locked:hover{
  border-color:rgba(255,219,112,.74) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 14px 28px rgba(0,0,0,.36),0 0 20px rgba(255,194,39,.12) !important;
}
.bs-ofai .step-card-shine{
  position:absolute;inset:0;overflow:hidden;border-radius:14px;pointer-events:none;z-index:0;
}
.bs-ofai .step-card-shine:before{
  content:"";position:absolute;top:-30%;left:-65%;width:48%;height:165%;
  transform:rotate(18deg);
  background:linear-gradient(90deg,transparent,rgba(255,244,207,.055),rgba(255,255,255,.10),transparent);
  animation:bsCardGloss 7s ease-in-out infinite;
}
@keyframes bsCardGloss{0%,60%{left:-65%}86%,100%{left:125%}}
.bs-ofai .step-rank-line{position:relative;z-index:1;align-items:stretch !important}
.bs-ofai .step-rank{
  width:46px !important;min-width:46px !important;
  border:1px solid rgba(255,205,69,.34) !important;
  background:linear-gradient(180deg,rgba(86,61,15,.55),rgba(16,16,14,.68)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;
}
.bs-ofai .step-rank span{color:#ffdb71 !important;font-weight:800}
.bs-ofai .step-rank b{color:#ffd25a !important;text-shadow:0 0 12px rgba(255,195,42,.28)}
.bs-ofai .step-rank em{font-size:6px;font-style:normal;color:#9d8a5d;letter-spacing:.1em;margin-top:2px}
.bs-ofai .step-top-meta{margin-bottom:5px !important}
.bs-ofai .step-top-meta small{color:#d6e2ef !important;font-weight:700}
.bs-ofai .step-badge{
  width:34px !important;height:34px !important;min-width:34px !important;
  display:flex !important;flex-direction:column !important;gap:0 !important;
  color:#ffe18a !important;border-color:#f7c747 !important;
  background:radial-gradient(circle,rgba(255,215,92,.15),rgba(81,58,13,.13)) !important;
  box-shadow:0 0 10px rgba(255,195,39,.16),inset 0 0 8px rgba(255,218,99,.05) !important;
}
.bs-ofai .step-badge b{font-size:11px;line-height:1;color:inherit}
.bs-ofai .step-badge small{font-size:6px;line-height:1;margin-top:1px;color:#f8cd5a}

/* Dynamic club crests */
.bs-ofai .step-club-match{
  min-height:88px;
  grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr) !important;
  align-items:center !important;
  gap:5px !important;
  margin-top:1px;
}
.bs-ofai .step-club{
  display:flex !important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  min-width:0;
  overflow:visible !important;
  white-space:normal !important;
}
.bs-ofai .step-club-logo{
  width:54px;height:54px;min-width:54px;
  display:flex;align-items:center;justify-content:center;
  position:relative;
  border-radius:16px;
  border:1px solid rgba(255,214,91,.40);
  background:
    radial-gradient(circle at 35% 25%,rgba(255,255,255,.12),transparent 24%),
    linear-gradient(180deg,rgba(24,39,54,.97),rgba(4,9,14,.97));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),0 7px 14px rgba(0,0,0,.34),0 0 10px rgba(255,193,35,.08);
  overflow:hidden;
}
.bs-ofai .step-club-logo:after{
  content:"";position:absolute;left:6px;right:6px;top:4px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,244,206,.52),transparent);
}
.bs-ofai .step-club-logo img{
  position:absolute;inset:5px;width:calc(100% - 10px);height:calc(100% - 10px);
  object-fit:contain;display:block;z-index:2;
  filter:drop-shadow(0 3px 4px rgba(0,0,0,.34));
}
.bs-ofai .step-club-logo i{
  display:flex;align-items:center;justify-content:center;width:100%;height:100%;
  font-style:normal;font-size:12px;font-weight:900;color:#f6d981;letter-spacing:.04em;z-index:1;
}
.bs-ofai .step-club-name{
  display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  color:#f8f4e9;font-size:10px;font-weight:900;line-height:1.15;
  text-shadow:0 2px 7px rgba(0,0,0,.52);
}
.bs-ofai .step-club-match .vs{
  display:flex;align-items:center;justify-content:center;height:100%;
}
.bs-ofai .step-club-match .vs span{
  display:inline-flex;align-items:center;justify-content:center;
  color:#f8c84f;font-size:9px;font-weight:900;
  text-shadow:0 0 9px rgba(255,196,40,.3);
}
.bs-ofai .step-selection{
  margin:6px 0 6px !important;
  border-color:rgba(255,209,76,.28) !important;
  background:linear-gradient(180deg,rgba(83,57,13,.16),rgba(15,17,18,.32)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025) !important;
}
.bs-ofai .step-selection b{color:#ff6a58 !important;text-shadow:0 0 9px rgba(255,76,52,.13)}
.bs-ofai .step-selection span{color:#ffe08d !important;font-weight:900 !important}
.bs-ofai .step-selection span i{font-style:normal;color:#fff1bd;font-weight:800}
.bs-ofai .step-metric-head{color:#dce5ee !important}
.bs-ofai .step-bar{
  height:5px !important;
  border:1px solid rgba(255,255,255,.035);
  background:rgba(255,255,255,.06) !important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.48);
}
.bs-ofai .step-bar.score i{background:linear-gradient(90deg,#26c86a,#8cf5ac,#d7ffe2) !important;box-shadow:0 0 8px rgba(66,234,124,.18)}
.bs-ofai .step-bar.conf i{background:linear-gradient(90deg,#b6841b,#f2c849,#fff0a7) !important;box-shadow:0 0 8px rgba(255,203,69,.16)}

/* Hard-lock strip */
.bs-ofai .step-ready-note{
  min-height:29px;
  display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;
  margin-top:7px !important;padding:6px 9px !important;
  color:#93f8bb !important;
  border:1px solid rgba(45,219,112,.42) !important;
  background:linear-gradient(180deg,rgba(5,88,47,.42),rgba(5,44,28,.52)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 0 12px rgba(35,213,103,.07) !important;
}
.bs-ofai .step-ready-note b{color:#b7ffd1;font-size:8px}
.bs-ofai .step-ready-note span{font-size:7px;color:#75e9a2}
.bs-ofai .step-ready-note em{margin-left:auto;font-size:7px;font-style:normal;font-weight:900;letter-spacing:.08em;color:#ffd25d}
.bs-ofai .lock-note-icon{font-size:9px !important}

/* Article block / premium editorial */
.bs-ofai .premium-article-box{
  position:relative;
  border-color:rgba(255,207,75,.35) !important;
  background:
    radial-gradient(circle at 15% 0,rgba(255,209,80,.06),transparent 27%),
    linear-gradient(180deg,rgba(8,15,23,.98),rgba(4,10,16,.98)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 10px 24px rgba(0,0,0,.25) !important;
}
.bs-ofai .premium-article-image{
  background:
    radial-gradient(circle at 50% 14%,rgba(255,238,174,.19),transparent 12%),
    radial-gradient(circle at 18% 22%,rgba(255,203,56,.13),transparent 19%),
    linear-gradient(180deg,rgba(4,9,14,.12),rgba(3,8,13,.72)),
    repeating-linear-gradient(90deg,transparent 0 30px,rgba(255,255,255,.014) 31px 32px),
    linear-gradient(180deg,#172a3d,#07111a 67%) !important;
  border-color:rgba(255,210,85,.42) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 8px 18px rgba(0,0,0,.28) !important;
}
.bs-ofai .premium-article-image:after{
  content:"";position:absolute;left:8%;right:8%;top:20%;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,223,117,.55),transparent);
  box-shadow:0 0 15px rgba(255,199,46,.45);
}
.bs-ofai .premium-article-ball{filter:drop-shadow(0 8px 12px rgba(0,0,0,.48)) drop-shadow(0 0 14px rgba(255,207,70,.16)) !important}
.bs-ofai .premium-article-watermark{color:#ffe195 !important;text-shadow:0 2px 10px rgba(0,0,0,.7)}
.bs-ofai .premium-article-copy{position:relative}
.bs-ofai .premium-winner-mark{
  position:absolute;right:0;top:1px;display:flex;align-items:center;gap:4px;
  color:#e9bb46;font-size:7px;letter-spacing:.06em;opacity:.9;
}
.bs-ofai .premium-winner-mark span{font-size:13px;color:#ffd969}
.bs-ofai .premium-article-copy h2{color:#ffd364 !important;text-shadow:0 0 12px rgba(255,195,38,.12)}
.bs-ofai .premium-outline-btn{
  border-color:rgba(255,210,83,.48) !important;
  background:linear-gradient(180deg,rgba(78,54,13,.35),rgba(18,14,7,.35)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
}

/* Footer */
.bs-ofai .premium-footer{
  position:relative;
  border-color:rgba(255,205,67,.28) !important;
  background:linear-gradient(180deg,rgba(10,17,24,.98),rgba(3,7,11,.99)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important;
}
.bs-ofai .premium-footer-signature{
  position:absolute;right:12px;bottom:7px;
  color:#e5b843;font-size:8px;font-style:italic;font-weight:800;letter-spacing:.05em;
  text-shadow:0 0 10px rgba(255,197,45,.18);
}

/* Empty state also matches the premium theme */
.bs-ofai .step-empty{
  border-color:rgba(255,207,78,.38) !important;
  background:
    radial-gradient(circle at 50% 0,rgba(255,212,88,.09),transparent 30%),
    linear-gradient(180deg,rgba(8,16,25,.9),rgba(4,9,15,.96)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important;
}
.bs-ofai .step-empty b{color:#ffdf83 !important;text-shadow:0 0 14px rgba(255,198,45,.15)}

@media (max-width:860px){
  .bs-ofai .premium-compact-live{grid-template-columns:auto 1fr auto !important}
  .bs-ofai .premium-compact-progress{grid-column:1/-1 !important;grid-row:2 !important}
  .bs-ofai .premium-scan-badge{grid-column:3 !important;grid-row:1 !important}
  .bs-ofai .step-pick-card.is-daily-locked{min-height:205px !important}
  .bs-ofai .step-club-logo{width:58px;height:58px;min-width:58px}
  .bs-ofai .premium-footer-signature{position:static;grid-column:1/-1;text-align:right;margin-top:4px}
}
@media (max-width:560px){
  .bs-ofai .step-club-logo{width:52px;height:52px;min-width:52px}
  .bs-ofai .step-ready-note em{margin-left:0;width:100%;text-align:center}
}
.bs-ofai,.bs-ofai.ofai-fullscreen{position:relative !important}


/* =========================================================
   v1.0.104 - FAVORITE TEAM RED LOCK
   The club giving the Asian Handicap is always highlighted red.
   UI only: no effect on A+ formula, BM20 AH, Daily TOP3 or hard lock.
   ========================================================= */
.bs-ofai .step-club.is-favorite-team .step-club-name{
  color:#ff493d !important;
  text-shadow:0 0 5px rgba(255,48,38,.72),0 2px 8px rgba(0,0,0,.7) !important;
}
.bs-ofai .step-club.is-favorite-team .step-club-logo{
  border-color:rgba(255,66,55,.68) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),0 7px 14px rgba(0,0,0,.34),0 0 13px rgba(255,49,39,.26) !important;
}
.bs-ofai .step-club.is-favorite-team:after{
  content:"ทีมต่อ";
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:-1px;
  padding:2px 6px;
  border-radius:999px;
  border:1px solid rgba(255,74,61,.32);
  background:rgba(190,29,23,.14);
  color:#ff756b;
  font-size:6px;
  line-height:1.15;
  font-weight:900;
  letter-spacing:.02em;
}
/* Market/table views: negative AH side stays red even when it is also the signal team. */
.bs-ofai .teams .fav-team,
.bs-ofai .teams .fav-team b,
.bs-ofai .teams .fav-team strong{
  color:#ff4b40 !important;
  text-shadow:0 0 7px rgba(255,52,42,.22);
  font-weight:900 !important;
}
.bs-ofai .teams .fav-team img{
  filter:drop-shadow(0 0 4px rgba(255,52,42,.28));
}

/* =========================================================
   v1.0.105 - CLEAN LUXURY UI
   UI ONLY. A+ / BM20 AH / Daily TOP3 / Hard Lock untouched.
   ========================================================= */
.bs-ofai{
  --lux-gold:#f2c255;
  --lux-gold-2:#ffe69a;
  --lux-line:rgba(242,194,85,.48);
  --lux-red:#ff4038;
  --lux-green:#39ef8f;
  --lux-bg:#050a10;
}
.bs-ofai .premium-shell{
  background:
    radial-gradient(circle at 50% -5%,rgba(247,193,60,.13),transparent 27%),
    radial-gradient(circle at 0 45%,rgba(235,177,39,.055),transparent 25%),
    linear-gradient(180deg,#07101a 0%,#040910 54%,#02060a 100%) !important;
  border-color:rgba(244,195,71,.42) !important;
  box-shadow:0 24px 55px rgba(0,0,0,.58),0 0 32px rgba(255,191,36,.06),inset 0 1px 0 rgba(255,255,255,.045) !important;
}
.bs-ofai .premium-topnav{
  border-bottom:1px solid rgba(255,208,85,.18) !important;
  background:linear-gradient(180deg,rgba(8,14,22,.98),rgba(4,9,14,.95)) !important;
}
.bs-ofai .premium-brand-icon{
  border-color:rgba(244,194,64,.55) !important;
  background:radial-gradient(circle at 35% 28%,#fff3c3,#d9a326 30%,#46300b 70%) !important;
  box-shadow:0 0 18px rgba(242,187,40,.18),inset 0 1px 0 rgba(255,255,255,.3) !important;
}
.bs-ofai .premium-brand-copy strong{color:#ffe28b !important;text-shadow:0 0 12px rgba(255,199,45,.12)}
.bs-ofai .premium-nav button.is-active,
.bs-ofai .premium-nav button:hover{
  border-color:rgba(255,211,87,.48) !important;
  color:#ffe59a !important;
  background:linear-gradient(180deg,rgba(81,57,13,.64),rgba(18,13,7,.72)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 13px rgba(255,191,35,.08) !important;
}
.bs-ofai .premium-gold-btn,
.bs-ofai .premium-clean-more{
  color:#171005 !important;
  border-color:#ffe9a5 !important;
  background:linear-gradient(180deg,#fff0b4 0%,#f1c65c 48%,#d49c29 100%) !important;
  box-shadow:0 6px 18px rgba(0,0,0,.35),0 0 15px rgba(255,196,46,.14),inset 0 1px 0 rgba(255,255,255,.55) !important;
}

/* live scan bar */
.bs-ofai .premium-compact-live{
  border-color:rgba(241,191,57,.38) !important;
  background:
    linear-gradient(90deg,rgba(67,42,7,.26),transparent 22%),
    linear-gradient(180deg,rgba(8,16,25,.98),rgba(4,10,16,.98)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 8px 24px rgba(0,0,0,.23) !important;
}
.bs-ofai .premium-live-pill{
  background:linear-gradient(180deg,#ff4b36,#c81d18) !important;
  box-shadow:0 0 14px rgba(255,52,36,.26),inset 0 1px 0 rgba(255,255,255,.26) !important;
}
.bs-ofai .premium-compact-progress{
  height:7px !important;
  background:rgba(255,255,255,.08) !important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.55) !important;
}
.bs-ofai .premium-compact-progress span{
  background:linear-gradient(90deg,#b77e19,#f3c750,#fff1af) !important;
  box-shadow:0 0 10px rgba(255,199,58,.25) !important;
}

/* Main A+ stage */
.bs-ofai .premium-stage{
  border-color:rgba(244,195,71,.43) !important;
  background:
    radial-gradient(circle at 50% 0,rgba(255,210,83,.08),transparent 26%),
    linear-gradient(180deg,rgba(7,14,23,.98),rgba(3,9,15,.98)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 14px 32px rgba(0,0,0,.34),0 0 22px rgba(255,192,35,.045) !important;
}
.bs-ofai .premium-stage:before{
  background:radial-gradient(circle,rgba(255,210,88,.13),transparent 62%) !important;
}
.bs-ofai .premium-stage-icon{
  background:linear-gradient(180deg,rgba(242,190,56,.18),rgba(61,41,7,.20)) !important;
  border-color:rgba(245,197,67,.46) !important;
  color:#ffd86c !important;
  box-shadow:0 0 14px rgba(255,197,44,.08) !important;
}
.bs-ofai .premium-stage-title strong{color:#ffe08a !important;text-shadow:0 0 14px rgba(255,196,40,.10)}
.bs-ofai .premium-stage-title small{color:#c8d3df !important}
.bs-ofai .premium-stage-badge{
  border-color:rgba(246,197,69,.42) !important;
  background:linear-gradient(180deg,rgba(79,56,14,.34),rgba(12,14,13,.28)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
}
.bs-ofai .premium-stage-badge b{
  color:#ffe278 !important;
  border-color:#f4c64b !important;
  box-shadow:0 0 13px rgba(255,196,38,.12) !important;
}

/* 3 daily locked cards */
.bs-ofai .step-pick-list{gap:10px !important}
.bs-ofai .step-pick-card.is-daily-locked{
  min-height:235px !important;
  padding:10px !important;
  border-radius:17px !important;
  border-color:rgba(245,193,55,.56) !important;
  background:
    linear-gradient(115deg,rgba(255,255,255,.028),transparent 22%),
    radial-gradient(circle at 50% -10%,rgba(255,204,70,.07),transparent 28%),
    linear-gradient(180deg,#0a1521 0%,#07101a 58%,#03080e 100%) !important;
  box-shadow:0 11px 25px rgba(0,0,0,.37),inset 0 1px 0 rgba(255,255,255,.055),0 0 13px rgba(255,191,38,.045) !important;
}
.bs-ofai .step-pick-card.is-daily-locked:hover{
  transform:translateY(-2px);
  border-color:rgba(255,211,87,.73) !important;
  box-shadow:0 15px 32px rgba(0,0,0,.46),0 0 18px rgba(255,191,38,.08),inset 0 1px 0 rgba(255,255,255,.06) !important;
}
.bs-ofai .step-rank-line{gap:8px !important;align-items:stretch !important}
.bs-ofai .step-rank{
  width:45px !important;min-width:45px !important;height:auto !important;
  border-radius:12px !important;
  border-color:rgba(246,196,61,.38) !important;
  background:linear-gradient(180deg,rgba(91,64,15,.28),rgba(8,14,20,.82)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
}
.bs-ofai .step-rank span{font-size:7px !important;letter-spacing:.08em !important}
.bs-ofai .step-rank b{font-size:28px !important;color:#ffdc6f !important;text-shadow:0 0 12px rgba(255,196,38,.18)}
.bs-ofai .step-rank em{font-size:5px !important}
.bs-ofai .step-top-meta{
  min-height:28px;
  padding-bottom:5px;
  border-bottom:1px solid rgba(255,255,255,.055);
}
.bs-ofai .step-top-meta small{font-size:8px !important;color:#cdd8e4 !important;margin:0 !important}
.bs-ofai .step-badge{
  width:35px !important;height:35px !important;min-width:35px !important;
  border:1px solid #f7c747 !important;
  background:radial-gradient(circle,rgba(255,216,89,.17),rgba(25,19,7,.45)) !important;
  box-shadow:0 0 11px rgba(255,197,37,.15),inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.bs-ofai .step-badge b{font-size:12px !important}

.bs-ofai .step-club-match{
  min-height:92px !important;
  grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr) !important;
  gap:4px !important;
  padding:4px 0 2px !important;
}
.bs-ofai .step-club{gap:5px !important}
.bs-ofai .step-club-logo{
  width:62px !important;height:62px !important;min-width:62px !important;
  border-radius:17px !important;
  border-color:rgba(255,215,100,.44) !important;
  background:
    radial-gradient(circle at 35% 22%,rgba(255,255,255,.11),transparent 24%),
    linear-gradient(180deg,rgba(19,33,47,.98),rgba(3,8,13,.98)) !important;
  box-shadow:0 7px 14px rgba(0,0,0,.37),0 0 11px rgba(255,199,42,.08),inset 0 1px 0 rgba(255,255,255,.04) !important;
}
.bs-ofai .step-club-logo img{inset:5px !important;width:calc(100% - 10px) !important;height:calc(100% - 10px) !important}
.bs-ofai .step-club-name{font-size:11px !important;color:#f8f8f4 !important}
.bs-ofai .step-club-match .vs span{font-size:10px !important;color:#ffd35d !important}
.bs-ofai .step-club.is-favorite-team .step-club-name{
  color:var(--lux-red) !important;
  text-shadow:0 0 8px rgba(255,54,44,.28),0 2px 6px rgba(0,0,0,.65) !important;
}
.bs-ofai .step-club.is-favorite-team .step-club-logo{
  border-color:rgba(255,64,54,.70) !important;
  box-shadow:0 7px 14px rgba(0,0,0,.37),0 0 13px rgba(255,48,38,.18),inset 0 1px 0 rgba(255,255,255,.04) !important;
}
.bs-ofai .step-club.is-favorite-team:after{
  margin-top:-2px !important;padding:2px 6px !important;
  border-color:rgba(255,82,68,.35) !important;
  background:rgba(171,26,20,.18) !important;
  color:#ff8077 !important;font-size:5.5px !important;
}

/* clean detail rows */
.bs-ofai .step-selection-clean,
.bs-ofai .step-ah-clean{
  display:grid !important;
  grid-template-columns:1fr auto !important;
  align-items:center !important;
  gap:8px !important;
  min-height:27px;
  margin:0 !important;
  padding:5px 8px !important;
  border-radius:0 !important;
  border:0 !important;
  border-top:1px solid rgba(255,255,255,.065) !important;
  background:transparent !important;
  box-shadow:none !important;
}
.bs-ofai .step-selection-clean small,
.bs-ofai .step-ah-clean small{
  margin:0 !important;
  display:block !important;
  color:#aeb9c5 !important;
  font-size:7px !important;
}
.bs-ofai .step-selection-clean b{
  margin:0 !important;
  color:#ff493f !important;
  font-size:10px !important;
  text-shadow:0 0 7px rgba(255,60,48,.16) !important;
}
.bs-ofai .step-ah-clean strong{
  color:#ffe07f;
  font-size:10px;
  font-weight:900;
}
.bs-ofai .step-ah-clean strong i{font-style:normal;color:#fff0b0;margin-left:3px}
.bs-ofai .step-lock-result{grid-column:1/-1;justify-self:end;margin-top:2px}
.bs-ofai .step-metrics{gap:7px !important;margin-top:6px !important}
.bs-ofai .step-metric-head{font-size:7px !important;margin-bottom:4px !important}
.bs-ofai .step-metric-head b{font-size:8px !important;color:#ffe183 !important}
.bs-ofai .step-bar{height:5px !important}

.bs-ofai .step-ready-note{
  margin-top:8px !important;
  min-height:31px !important;
  border-radius:10px !important;
  border-color:rgba(52,236,130,.58) !important;
  background:linear-gradient(180deg,rgba(8,100,53,.55),rgba(3,48,29,.68)) !important;
  box-shadow:0 0 13px rgba(41,234,121,.06),inset 0 1px 0 rgba(255,255,255,.05) !important;
}
.bs-ofai .step-ready-note b{font-size:7.5px !important}
.bs-ofai .step-ready-note span{font-size:6.5px !important}
.bs-ofai .step-ready-note em{font-size:6.5px !important}

/* redesigned lower area */
.bs-ofai .premium-clean-lower{
  display:grid;
  grid-template-columns:1fr 1.25fr;
  gap:10px;
  margin:0 24px 10px;
}
.bs-ofai .premium-clean-feature,
.bs-ofai .premium-clean-cta{
  position:relative;
  min-height:112px;
  display:flex;
  align-items:center;
  gap:15px;
  padding:15px 17px;
  overflow:hidden;
  border:1px solid rgba(208,220,233,.22);
  border-radius:16px;
  background:
    radial-gradient(circle at 10% 0,rgba(255,209,75,.055),transparent 30%),
    linear-gradient(145deg,rgba(10,20,31,.98),rgba(4,10,16,.98));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 9px 21px rgba(0,0,0,.22);
}
.bs-ofai .premium-clean-feature:after,
.bs-ofai .premium-clean-cta:after{
  content:"";position:absolute;left:14px;right:14px;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,220,112,.42),transparent);
}
.bs-ofai .premium-clean-ball{
  width:70px;height:70px;min-width:70px;
  display:flex;align-items:center;justify-content:center;
  border-radius:50%;font-size:38px;
  border:1px solid rgba(255,214,91,.5);
  background:radial-gradient(circle at 35% 28%,#fff0b0,#c18b1f 40%,#3c290c 72%);
  box-shadow:0 0 18px rgba(255,194,44,.17),inset 0 1px 0 rgba(255,255,255,.35);
}
.bs-ofai .premium-clean-eyebrow{
  display:block;margin-bottom:4px;color:#9a8754;font-size:6px;font-weight:900;letter-spacing:.13em;
}
.bs-ofai .premium-clean-lower h3{
  margin:0 0 6px;color:#ffda74;font-size:14px;line-height:1.25;
  text-shadow:0 0 12px rgba(255,195,38,.08);
}
.bs-ofai .premium-clean-lower p{
  margin:0;color:#bcc8d4;font-size:8px;line-height:1.6;
}
.bs-ofai .premium-clean-cta{justify-content:space-between}
.bs-ofai .premium-clean-more{
  flex:0 0 auto;
  min-width:104px;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:10px 14px;border-radius:11px;font-size:8px;font-weight:900;cursor:pointer;
}
.bs-ofai .premium-clean-more span{font-size:14px;line-height:1}

/* minimal footer */
.bs-ofai .premium-mini-footer{
  min-height:42px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:12px;
  margin:0 24px 16px;
  padding:8px 10px;
  border-top:1px solid rgba(255,255,255,.065);
  color:#7f8b97;
}
.bs-ofai .premium-mini-brand{display:flex;align-items:center;gap:7px;color:#d7b75f}
.bs-ofai .premium-mini-brand span{font-size:15px}
.bs-ofai .premium-mini-brand b{font-size:9px;color:#e5c56d}
.bs-ofai .premium-mini-brand small{font-size:5.5px;letter-spacing:.12em;color:#777d84}
.bs-ofai .premium-mini-slogan{font-size:5.5px;letter-spacing:.22em;color:#a27d32}
.bs-ofai .premium-mini-note{text-align:right;font-size:6px;color:#818a94}

.bs-ofai .premium-clean-lower[hidden]{display:none !important}

@media (max-width:900px){
  .bs-ofai .premium-clean-lower{grid-template-columns:1fr !important}
  .bs-ofai .premium-mini-footer{grid-template-columns:1fr !important;text-align:center}
  .bs-ofai .premium-mini-brand{justify-content:center}
  .bs-ofai .premium-mini-note{text-align:center}
}
@media (max-width:560px){
  .bs-ofai .premium-clean-lower,.bs-ofai .premium-mini-footer{margin-left:12px;margin-right:12px}
  .bs-ofai .premium-clean-feature,.bs-ofai .premium-clean-cta{align-items:flex-start;flex-direction:column}
  .bs-ofai .premium-clean-cta .premium-clean-more{width:100%}
  .bs-ofai .step-club-logo{width:54px !important;height:54px !important;min-width:54px !important}
}


/* ======================================================
   v1.0.107 - CLEAN NAV FREE UI
   Remove duplicate top navigation/search/login/register clutter.
   Remove the lower six-button quick-link strip for a cleaner A+ STEP page.
====================================================== */
.bs-ofai .premium-topnav{
  display:flex !important;
  grid-template-columns:none !important;
  justify-content:flex-start !important;
  gap:0 !important;
  min-height:78px;
}
.bs-ofai .premium-topnav .premium-brand{margin:0;}
@media (max-width:560px){
  .bs-ofai .premium-topnav{min-height:64px;padding:12px 14px !important;}
}

/* ======================================================
   v1.0.109 - PERMANENT DAILY + MONTHLY SEO HISTORY MENU
====================================================== */
.bs-ofai .premium-topnav{
  justify-content:space-between !important;
}
.bs-ofai .premium-history-menu{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:38px;
  padding:9px 14px;
  border:1px solid rgba(242,194,75,.55);
  border-radius:999px;
  color:#ffe18a !important;
  background:linear-gradient(180deg,rgba(49,37,13,.92),rgba(9,14,20,.98));
  box-shadow:0 7px 18px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06);
  text-decoration:none !important;
  font-size:9px;
  letter-spacing:.02em;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.bs-ofai .premium-history-menu span{font-size:13px;color:#ffd25f}
.bs-ofai .premium-history-menu b{font-weight:900}
.bs-ofai .premium-history-menu:hover{
  transform:translateY(-1px);
  border-color:#ffd35f;
  box-shadow:0 9px 22px rgba(0,0,0,.34),0 0 14px rgba(255,196,45,.10);
}
@media (max-width:560px){
  .bs-ofai .premium-topnav{align-items:center !important;gap:8px !important;}
  .bs-ofai .premium-history-menu{padding:8px 10px;font-size:7px;white-space:nowrap}
  .bs-ofai .premium-history-menu span{font-size:11px}
}


/* ==========================================================
   v1.0.111 - MINI PREMIUM LOCK BADGE
   UI only. A+ / BM20 AH / Daily TOP3 / HARD LOCK / history untouched.
   Replaces the tall LOCK 1 DAILY side rail with a compact luxury pill.
========================================================== */
.bs-ofai .step-pick-card.is-daily-locked{
  min-height:218px !important;
}
.bs-ofai .step-rank-line{
  display:block !important;
  gap:0 !important;
}
.bs-ofai .step-match{
  width:100% !important;
  min-width:0 !important;
}
.bs-ofai .step-top-meta{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:7px !important;
  min-height:33px !important;
  margin-bottom:4px !important;
  padding-bottom:5px !important;
}
.bs-ofai .step-top-left{
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
  min-width:0 !important;
}
.bs-ofai .step-top-left > small{
  display:flex !important;
  align-items:center !important;
  gap:5px !important;
  flex:1 1 auto !important;
  min-width:0 !important;
  margin:0 !important;
  color:#d3dfeb !important;
  font-size:7.5px !important;
  font-weight:700 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.bs-ofai .step-top-left > small span:last-child{
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
.bs-ofai .step-mini-lock{
  position:relative;
  display:inline-flex !important;
  align-items:center !important;
  gap:4px !important;
  flex:0 0 auto !important;
  height:24px !important;
  padding:2px 8px 2px 6px !important;
  overflow:hidden;
  border:1px solid rgba(255,205,78,.60) !important;
  border-radius:999px !important;
  color:#ffe38d !important;
  background:
    linear-gradient(180deg,rgba(255,220,126,.12),rgba(255,174,24,.035)),
    linear-gradient(135deg,#12150f 0%,#0a121b 58%,#050a0f 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -1px 0 rgba(255,179,22,.06),
    0 3px 10px rgba(0,0,0,.32),
    0 0 11px rgba(255,190,44,.09) !important;
  white-space:nowrap;
}
.bs-ofai .step-mini-lock:before{
  content:"";
  position:absolute;
  top:-15%;
  left:-45%;
  width:34%;
  height:130%;
  transform:skewX(-22deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.17),transparent);
  animation:bsMiniLockShine 7.5s ease-in-out infinite;
  pointer-events:none;
}
@keyframes bsMiniLockShine{
  0%,72%{left:-45%}
  88%,100%{left:120%}
}
.bs-ofai .step-mini-lock-icon{
  position:relative;
  z-index:1;
  font-size:8px !important;
  line-height:1 !important;
  filter:drop-shadow(0 0 4px rgba(255,202,62,.24));
}
.bs-ofai .step-mini-lock-label{
  position:relative;
  z-index:1;
  color:#ffd76d !important;
  font-size:6.5px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.11em !important;
}
.bs-ofai .step-mini-lock b{
  position:relative;
  z-index:1;
  display:inline-grid !important;
  place-items:center !important;
  min-width:18px !important;
  height:18px !important;
  padding:0 5px !important;
  border:1px solid rgba(255,239,166,.70) !important;
  border-radius:999px !important;
  color:#171005 !important;
  background:linear-gradient(180deg,#ffe89b 0%,#e3a72c 58%,#b8750a 100%) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 2px 5px rgba(0,0,0,.30),0 0 7px rgba(255,195,38,.13) !important;
  font-size:9px !important;
  line-height:1 !important;
  font-weight:950 !important;
}
.bs-ofai .step-mini-lock em{
  position:relative;
  z-index:1;
  color:#cdbd8c !important;
  font-size:5px !important;
  line-height:1 !important;
  font-style:normal !important;
  font-weight:800 !important;
  letter-spacing:.12em !important;
}
/* Hide legacy tall rank rail if older cached markup survives briefly. */
.bs-ofai .step-rank{
  width:42px !important;
  min-width:42px !important;
  max-height:58px !important;
  border-radius:12px !important;
}
.bs-ofai .step-rank span{font-size:6px !important}
.bs-ofai .step-rank b{font-size:20px !important;margin-top:1px !important}
.bs-ofai .step-rank em{font-size:4.5px !important}
@media (max-width:900px){
  .bs-ofai .step-mini-lock{height:22px !important;padding:2px 7px 2px 5px !important}
  .bs-ofai .step-mini-lock-label{font-size:6px !important}
  .bs-ofai .step-mini-lock b{min-width:17px !important;height:17px !important;font-size:8px !important}
  .bs-ofai .step-top-left{gap:5px !important}
}


/* ==========================================================
   v1.0.112 PREMIUM RUNNING SCORE METERS
   Lightweight transform/background animation only. No layout JS loop.
   ========================================================== */
.bs-ofai .step-metric-head b{
  color:#fff0aa !important;
  text-shadow:0 0 10px rgba(255,210,86,.22);
  font-variant-numeric:tabular-nums;
}
.bs-ofai .step-bar.bs-running-meter{
  position:relative;
  height:6px !important;
  overflow:visible !important;
  border:1px solid rgba(255,255,255,.055);
  background:linear-gradient(180deg,rgba(4,10,17,.96),rgba(19,31,45,.86)) !important;
  box-shadow:
    inset 0 1px 2px rgba(0,0,0,.72),
    inset 0 0 0 1px rgba(255,255,255,.025),
    0 0 9px rgba(0,0,0,.25);
}
.bs-ofai .step-bar.bs-running-meter > i{
  position:relative;
  overflow:visible;
  min-width:4px;
  transform:scaleX(0);
  transform-origin:left center;
  background-size:220% 100% !important;
  will-change:transform,background-position;
  animation:
    bsPremiumMeterFill 1.05s cubic-bezier(.20,.78,.25,1) forwards,
    bsPremiumMeterFlow 2.15s linear 1.05s infinite;
}
.bs-ofai .step-bar.bs-running-meter.score > i{
  background-image:linear-gradient(90deg,#19b95c 0%,#56f093 32%,#d5ffe2 52%,#5af297 72%,#18aa57 100%) !important;
  box-shadow:0 0 8px rgba(62,242,130,.24),0 0 16px rgba(37,214,103,.10) !important;
}
.bs-ofai .step-bar.bs-running-meter.conf > i{
  background-image:linear-gradient(90deg,#a86f0e 0%,#efb82e 30%,#fff0a7 52%,#ffd45d 72%,#ad7410 100%) !important;
  box-shadow:0 0 8px rgba(255,205,72,.24),0 0 16px rgba(255,187,42,.10) !important;
}
.bs-ofai .step-bar.bs-running-meter > i::before{
  content:"";
  position:absolute;
  z-index:2;
  top:-1px;
  bottom:-1px;
  left:-36%;
  width:30%;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),rgba(255,255,255,.78),rgba(255,255,255,.12),transparent);
  filter:blur(.15px);
  animation:bsPremiumMeterShine 2.35s ease-in-out 1.15s infinite;
  pointer-events:none;
}
.bs-ofai .step-bar.bs-running-meter > i::after{
  content:"";
  position:absolute;
  z-index:3;
  right:-2px;
  top:50%;
  width:8px;
  height:8px;
  border-radius:50%;
  transform:translateY(-50%);
  background:#fff7c9;
  border:1px solid rgba(255,255,255,.74);
  box-shadow:0 0 5px #fff1a0,0 0 11px rgba(255,211,72,.80),0 0 19px rgba(255,186,28,.28);
  animation:bsPremiumMeterPulse 1.35s ease-in-out 1.05s infinite;
  pointer-events:none;
}
.bs-ofai .step-bar.bs-running-meter.score > i::after{
  background:#e9fff0;
  box-shadow:0 0 5px #c9ffda,0 0 11px rgba(72,246,135,.78),0 0 19px rgba(39,221,111,.26);
}
@keyframes bsPremiumMeterFill{
  0%{transform:scaleX(0);filter:brightness(.82)}
  72%{filter:brightness(1.13)}
  100%{transform:scaleX(1);filter:brightness(1)}
}
@keyframes bsPremiumMeterFlow{
  0%{background-position:0% 50%}
  100%{background-position:220% 50%}
}
@keyframes bsPremiumMeterShine{
  0%,18%{transform:translateX(0);opacity:0}
  30%{opacity:.95}
  70%{opacity:.72}
  86%,100%{transform:translateX(455%);opacity:0}
}
@keyframes bsPremiumMeterPulse{
  0%,100%{opacity:.72;filter:brightness(.96);transform:translateY(-50%) scale(.88)}
  50%{opacity:1;filter:brightness(1.15);transform:translateY(-50%) scale(1.12)}
}
@media (prefers-reduced-motion:reduce){
  .bs-ofai .step-bar.bs-running-meter > i,
  .bs-ofai .step-bar.bs-running-meter > i::before,
  .bs-ofai .step-bar.bs-running-meter > i::after{
    animation:none !important;
  }
  .bs-ofai .step-bar.bs-running-meter > i{
    transform:none !important;
  }
}


/* ==========================================================
   v1.0.113 PREMIUM HERO MENU + SPIN BALL + LIVE STEP SCOREBOX
========================================================== */
.bs-ofai .premium-topnav{
  position:relative;
  overflow:hidden;
  gap:14px !important;
  padding:16px 18px !important;
  border-radius:18px;
  border:1px solid rgba(244,199,74,.26) !important;
  box-shadow:0 18px 40px rgba(0,0,0,.34),0 0 28px rgba(255,193,43,.07),inset 0 1px 0 rgba(255,255,255,.05) !important;
}
.bs-ofai .premium-topnav:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 10% 22%,rgba(255,214,102,.08),transparent 22%),linear-gradient(110deg,transparent 0 34%,rgba(255,235,160,.05) 42%,transparent 50% 100%);
}
.bs-ofai .premium-brand{
  position:relative;
  z-index:1;
  padding:10px 14px;
  border-radius:16px;
  background:linear-gradient(180deg,rgba(18,26,38,.72),rgba(7,12,19,.36));
  border:1px solid rgba(255,214,112,.11);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 6px 16px rgba(0,0,0,.18);
}
.bs-ofai .premium-brand-icon,
.bs-ofai .premium-clean-ball,
.bs-ofai .premium-mini-brand span{
  animation:bsPremiumBallSpin 8s linear infinite,bsPremiumBallFloat 3.6s ease-in-out infinite;
  transform-origin:center center;
}
@keyframes bsPremiumBallSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes bsPremiumBallFloat{0%,100%{translate:0 0}50%{translate:0 -2px}}
.bs-ofai .premium-brand-copy strong{
  font-size:24px !important;
  letter-spacing:.01em;
  color:#ffecad !important;
  text-shadow:0 0 18px rgba(255,198,51,.22),0 2px 10px rgba(0,0,0,.3) !important;
}
.bs-ofai .premium-brand-copy span{
  font-size:11px !important;
  color:#f3dca0 !important;
  letter-spacing:.04em;
  text-transform:none;
}
.bs-ofai .premium-history-menu{
  position:relative;
  z-index:1;
  min-height:42px;
  padding:10px 16px;
  font-size:10px;
  border-color:rgba(255,214,95,.74) !important;
  box-shadow:0 10px 24px rgba(0,0,0,.28),0 0 16px rgba(255,196,45,.10),inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.bs-ofai .premium-history-menu span{font-size:14px !important}
.bs-ofai .step-pick-card.is-daily-locked{min-height:270px !important;}
.bs-ofai .step-livebox{
  position:relative;
  margin-top:8px;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg,rgba(13,22,33,.95),rgba(9,16,24,.92));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 8px 18px rgba(0,0,0,.16);
}
.bs-ofai .step-livebox:before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(120deg,rgba(255,255,255,.04),transparent 36%);
}
.bs-ofai .step-livebox.is-live{
  border-color:rgba(83,247,149,.26);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 0 0 1px rgba(59,206,116,.05),0 10px 22px rgba(0,0,0,.18),0 0 14px rgba(60,223,121,.10);
}
.bs-ofai .step-livebox.is-final{
  border-color:rgba(255,212,95,.26);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 0 0 1px rgba(255,212,95,.05),0 10px 22px rgba(0,0,0,.18),0 0 14px rgba(255,199,45,.08);
}
.bs-ofai .step-livebox.is-scheduled{
  border-color:rgba(148,165,184,.18);
}
.bs-ofai .step-live-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-bottom:6px;
}
.bs-ofai .step-live-state{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:24px;
  padding:4px 10px;
  border-radius:999px;
  color:#fff5cd;
  font-size:7px;
  font-weight:900;
  letter-spacing:.12em;
  background:linear-gradient(180deg,rgba(83,64,17,.84),rgba(28,21,9,.96));
  border:1px solid rgba(255,216,116,.42);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 4px 10px rgba(0,0,0,.22);
}
.bs-ofai .step-livebox.is-live .step-live-state{
  background:linear-gradient(180deg,rgba(15,112,55,.88),rgba(7,55,31,.96));
  border-color:rgba(101,247,155,.44);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 0 12px rgba(66,235,126,.12);
}
.bs-ofai .step-live-scoreline{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  color:#edf6ff;
  font-variant-numeric:tabular-nums;
}
.bs-ofai .step-live-scoreline b{
  font-size:22px;
  line-height:1;
  font-weight:900;
  letter-spacing:.01em;
  color:#ffffff;
  text-shadow:0 0 12px rgba(255,255,255,.06);
}
.bs-ofai .step-live-scoreline span{
  font-size:14px;
  line-height:1;
  color:#f0cf6b;
  font-weight:900;
}
.bs-ofai .step-livebox small{
  display:block;
  margin-top:6px;
  text-align:center;
  color:#9cb0c3;
  font-size:7px;
  font-weight:700;
  letter-spacing:.08em;
}
.bs-ofai .step-bet-result{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:24px;
  padding:4px 10px;
  border-radius:999px;
  font-size:7px;
  font-weight:900;
  letter-spacing:.10em;
  border:1px solid rgba(255,255,255,.16);
  text-transform:uppercase;
  white-space:nowrap;
}
.bs-ofai .step-bet-result.win{color:#dfffe9;background:linear-gradient(180deg,rgba(15,125,63,.95),rgba(7,61,30,.98));border-color:rgba(81,235,135,.54);box-shadow:0 0 12px rgba(67,235,123,.12)}
.bs-ofai .step-bet-result.lose{color:#ffe1df;background:linear-gradient(180deg,rgba(133,28,28,.95),rgba(73,11,11,.98));border-color:rgba(255,120,120,.44);box-shadow:0 0 12px rgba(255,97,97,.10)}
.bs-ofai .step-bet-result.push{color:#fff2c7;background:linear-gradient(180deg,rgba(109,82,20,.94),rgba(57,39,9,.98));border-color:rgba(255,214,94,.44);box-shadow:0 0 12px rgba(255,209,87,.10)}
.bs-ofai .step-bet-result.live{color:#e5fff0;background:linear-gradient(180deg,rgba(11,114,58,.94),rgba(7,62,33,.98));border-color:rgba(84,241,141,.44);box-shadow:0 0 12px rgba(77,231,134,.10);animation:bsLivePulse 1.6s ease-in-out infinite}
.bs-ofai .step-bet-result.pending{color:#d9e6f2;background:linear-gradient(180deg,rgba(55,71,92,.94),rgba(16,24,35,.98));border-color:rgba(163,187,210,.32)}
@keyframes bsLivePulse{0%,100%{transform:scale(1);opacity:.86}50%{transform:scale(1.04);opacity:1}}
@media (max-width:900px){
  .bs-ofai .premium-topnav{padding:14px !important;align-items:flex-start !important;gap:10px !important}
  .bs-ofai .premium-brand{width:100%;}
}
@media (max-width:560px){
  .bs-ofai .premium-brand{padding:9px 11px;}
  .bs-ofai .premium-brand-copy strong{font-size:20px !important;}
  .bs-ofai .premium-brand-copy span{font-size:10px !important;}
  .bs-ofai .step-pick-card.is-daily-locked{min-height:300px !important;}
  .bs-ofai .step-live-scoreline b{font-size:20px;}
  .bs-ofai .step-live-state,.bs-ofai .step-bet-result{font-size:6.5px;}
}
@media (prefers-reduced-motion:reduce){
  .bs-ofai .premium-brand-icon,
  .bs-ofai .premium-clean-ball,
  .bs-ofai .premium-mini-brand span,
  .bs-ofai .step-bet-result.live{animation:none !important;}
}


/* ==========================================================
   v1.0.114 LIVE ALERT + WIN CELEBRATION + PREMIUM HISTORY POLISH
========================================================== */
.bs-ofai .step-pick-card.is-live-game{
  border-color:rgba(77,239,137,.48) !important;
  box-shadow:0 18px 42px rgba(0,0,0,.46),0 0 0 1px rgba(50,205,110,.07),0 0 26px rgba(52,230,118,.12),inset 0 1px 0 rgba(255,255,255,.045) !important;
  animation:bsPremiumLiveCard 1.85s ease-in-out infinite;
}
.bs-ofai .step-pick-card.has-win{
  border-color:rgba(83,247,149,.70) !important;
  background:radial-gradient(circle at 50% 0,rgba(67,239,127,.12),transparent 42%),linear-gradient(180deg,rgba(5,35,20,.97),rgba(7,20,18,.95)) !important;
  box-shadow:0 18px 44px rgba(0,0,0,.48),0 0 0 1px rgba(70,242,133,.12),0 0 32px rgba(54,231,118,.18),inset 0 1px 0 rgba(255,255,255,.05) !important;
}
.bs-ofai .step-pick-card.has-lose{
  border-color:rgba(255,104,104,.42) !important;
}
.bs-ofai .step-pick-card.has-push{
  border-color:rgba(255,210,90,.42) !important;
}
.bs-ofai .step-pick-card.has-win:after{
  content:"WIN";
  position:absolute;
  right:12px;
  bottom:10px;
  z-index:1;
  font-size:30px;
  line-height:1;
  font-weight:950;
  letter-spacing:.08em;
  color:rgba(80,255,149,.08);
  text-shadow:0 0 24px rgba(62,241,131,.11);
  pointer-events:none;
}
@keyframes bsPremiumLiveCard{
  0%,100%{filter:brightness(.98);transform:translateY(0)}
  50%{filter:brightness(1.045);transform:translateY(-1px)}
}
.bs-ofai .step-livebox.is-live .step-live-scoreline b{
  color:#e9fff2;
  text-shadow:0 0 10px rgba(77,238,137,.24);
}
.bs-ofai .step-livebox.is-live:after{
  content:"";
  position:absolute;
  left:10px;
  right:10px;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(77,239,137,.62),transparent);
  animation:bsLiveScanLine 1.55s ease-in-out infinite;
}
@keyframes bsLiveScanLine{0%,100%{opacity:.18;transform:scaleX(.65)}50%{opacity:1;transform:scaleX(1)}}
.bs-ofai .step-bet-result.win{
  font-size:8px !important;
  padding:5px 12px !important;
  color:#e9fff1 !important;
  border-color:rgba(108,255,163,.72) !important;
  background:linear-gradient(180deg,#13884c,#07552f) !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.05),0 0 18px rgba(63,239,126,.24),inset 0 1px 0 rgba(255,255,255,.14) !important;
}
.bs-ofai .ofai-result-day{
  position:relative;
  overflow:hidden;
  border-color:rgba(244,194,68,.26) !important;
  background:radial-gradient(circle at 90% 0,rgba(255,204,66,.08),transparent 26%),linear-gradient(145deg,rgba(9,20,31,.98),rgba(4,10,16,.98)) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.035) !important;
}
.bs-ofai .ofai-result-day:before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;height:1px;
  background:linear-gradient(90deg,transparent,#f1c65e 50%,transparent);
  opacity:.58;
}
.bs-ofai .ofai-result-day-rate strong{
  color:#66f4a5 !important;
  text-shadow:0 0 14px rgba(69,239,135,.14);
}
.bs-ofai .ofai-score-row{
  border-color:rgba(255,255,255,.055) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015)) !important;
}
.bs-ofai .ofai-score-row em.win{
  display:inline-flex;align-items:center;justify-content:center;
  padding:5px 9px;border-radius:999px;
  color:#dffff0;background:rgba(25,144,77,.22);border:1px solid rgba(84,239,143,.28);
  font-weight:900;font-style:normal;
}
.bs-ofai .daily-top-day-summary{
  border:1px solid rgba(244,195,71,.24);
  border-radius:12px;
  background:linear-gradient(180deg,rgba(77,57,14,.24),rgba(19,14,7,.16));
  padding:10px 12px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
@media (prefers-reduced-motion:reduce){
  .bs-ofai .step-pick-card.is-live-game,
  .bs-ofai .step-livebox.is-live:after{animation:none !important;}
}


/* v1.0.115 premium waiting countdown */
.bs-ofai .step-empty-premium{
  position:relative;
  overflow:hidden;
  padding:30px 18px !important;
  border-radius:24px;
  background:
    radial-gradient(circle at 12% 18%,rgba(255,214,93,.12),transparent 24%),
    radial-gradient(circle at 88% 20%,rgba(255,255,255,.05),transparent 18%),
    linear-gradient(180deg,rgba(10,18,29,.96),rgba(8,14,24,.96));
  border:1px solid rgba(255,214,102,.20) !important;
  box-shadow:0 16px 36px rgba(0,0,0,.32), 0 0 22px rgba(255,196,56,.06), inset 0 1px 0 rgba(255,255,255,.04);
}
.bs-ofai .step-empty-premium:before{
  content:"";
  position:absolute;
  top:0;
  left:-30%;
  width:42%;
  height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);
  transform:skewX(-24deg);
  animation:bsStepWaitShine 4.8s linear infinite;
  pointer-events:none;
}
@keyframes bsStepWaitShine{0%{left:-38%}100%{left:118%}}
.bs-ofai .step-empty-glow{
  position:absolute;
  inset:auto auto -32px -22px;
  width:140px;
  height:140px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,205,86,.18),rgba(255,205,86,0));
  filter:blur(8px);
  pointer-events:none;
}
.bs-ofai .step-empty-kicker{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  padding:6px 12px;
  margin-bottom:12px;
  border-radius:999px;
  font-size:10px !important;
  font-weight:900;
  letter-spacing:.16em;
  color:#ffe7a7 !important;
  background:linear-gradient(180deg,rgba(78,57,14,.95),rgba(32,22,6,.96));
  border:1px solid rgba(255,214,102,.42);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 18px rgba(0,0,0,.22);
}
.bs-ofai .step-empty-premium b{
  margin-bottom:14px !important;
  font-size:26px !important;
  line-height:1.25;
  color:#ffe9ae !important;
  text-shadow:0 0 16px rgba(255,199,58,.10),0 2px 10px rgba(0,0,0,.34);
}
.bs-ofai .step-empty-countdown-wrap{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin:12px auto 10px;
}
.bs-ofai .step-empty-label{
  font-size:11px;
  font-weight:700;
  letter-spacing:.06em;
  color:#c7d5e3;
}
.bs-ofai .step-empty-countdown{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:164px;
  min-height:64px;
  padding:10px 18px;
  border-radius:18px;
  font-size:32px;
  font-weight:900;
  letter-spacing:.08em;
  font-variant-numeric:tabular-nums;
  color:#fff6d2;
  background:linear-gradient(180deg,rgba(20,31,49,.98),rgba(10,17,28,.98));
  border:1px solid rgba(255,214,102,.36);
  box-shadow:0 14px 30px rgba(0,0,0,.30),0 0 18px rgba(255,196,56,.08),inset 0 1px 0 rgba(255,255,255,.06);
}
.bs-ofai .step-empty-countdown:before{
  content:"";
  position:absolute;
}
.bs-ofai .step-empty-premium > span:last-child{
  display:block;
  color:#aebfd2 !important;
  font-size:12px;
  margin-top:2px;
}
@media (max-width:640px){
  .bs-ofai .step-empty-premium{padding:24px 14px !important;border-radius:20px}
  .bs-ofai .step-empty-premium b{font-size:21px !important}
  .bs-ofai .step-empty-label{font-size:10px}
  .bs-ofai .step-empty-countdown{min-width:138px;min-height:56px;font-size:26px;padding:8px 14px}
}
@media (prefers-reduced-motion:reduce){
  .bs-ofai .step-empty-premium:before{animation:none !important}
}


/* v1.0.116 FAST FULL-SCAN waiting telemetry */
.bs-ofai .step-fast-status{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px 14px;
  margin:2px auto 8px;
  color:#c8d6e4;
  font-size:10px;
  font-weight:700;
}
.bs-ofai .step-fast-status span{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:7px 10px;
  border-radius:999px;
  border:1px solid rgba(255,214,102,.15);
  background:rgba(255,255,255,.025);
}
.bs-ofai .step-fast-status strong{color:#ffe599;font-weight:900;font-variant-numeric:tabular-nums}
.bs-ofai .step-fast-progress{
  position:relative;
  width:min(520px,86%);
  height:7px;
  margin:0 auto 12px;
  border-radius:999px;
  overflow:hidden;
  background:rgba(255,255,255,.06);
  box-shadow:inset 0 1px 2px rgba(0,0,0,.65);
}
.bs-ofai .step-fast-progress i{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#c48a17,#ffe080 46%,#fff2b7 58%,#d6a331 100%);
  background-size:220% 100%;
  box-shadow:0 0 12px rgba(255,203,72,.22);
  animation:bsFastScanFlow 1.6s linear infinite;
  transition:width .45s ease;
}
@keyframes bsFastScanFlow{0%{background-position:0 50%}100%{background-position:220% 50%}}
@media (prefers-reduced-motion:reduce){.bs-ofai .step-fast-progress i{animation:none!important}}