:root{--bg:#0A0B0D;--tx:#ece8df;--mu:#8e8a82;--gt:#ecd49a;--gold:#C6A75A;--ln:rgba(255,255,255,.07);--ok:#9be0a0;--bad:#f0a39b;
--g1:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.018));--gg:radial-gradient(120% 140% at 15% 0%,rgba(255,240,200,.34),rgba(198,166,90,.2) 45%,rgba(198,166,90,.08));
--sh:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -1px 0 rgba(0,0,0,.4)}
*{box-sizing:border-box}html,body{margin:0}
body{min-height:100vh;background:radial-gradient(1100px 640px at 6% -10%,rgba(198,166,90,.12),transparent 60%),radial-gradient(900px 600px at 104% 106%,rgba(70,120,210,.09),transparent 60%),var(--bg);background-attachment:fixed;color:var(--tx);font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:14px;-webkit-font-smoothing:antialiased;font-feature-settings:'tnum' 1;padding-bottom:90px}
button{font:inherit;color:inherit;cursor:pointer}
.hd{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:16px;padding:10px 20px;padding-top:calc(10px + env(safe-area-inset-top,0px));background:rgba(10,11,13,.7);-webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%);border-bottom:1px solid var(--ln)}
.lg{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(160deg,#e0c27a,#b8964a);color:#0A0B0D;font-weight:700;font-size:13px;text-decoration:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.4)}
.nv{display:flex;gap:2px}.nv a{padding:7px 12px;border-radius:10px;color:var(--mu);text-decoration:none}.nv a.on{color:var(--gt);background:var(--gg);box-shadow:var(--sh)}
.hr{margin-left:auto;display:flex;gap:8px}
.sg{display:inline-flex;gap:2px;padding:3px;border-radius:12px;border:1px solid var(--ln);background:rgba(255,255,255,.025)}
.sg button{height:30px;padding:0 11px;border:0;border-radius:9px;background:none;color:var(--mu);font-size:13px}
.sg button.on{color:var(--gt);font-weight:500;background:var(--gg);box-shadow:var(--sh)}
.mn{max-width:1000px;margin:0 auto;padding:18px 20px}
.srch{display:flex;align-items:center;gap:10px;height:46px;padding:0 16px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:var(--g1);box-shadow:var(--sh);color:var(--mu)}
.drs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0 18px}
.dr{padding:16px;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:var(--g1);box-shadow:var(--sh),0 12px 30px rgba(0,0,0,.3);text-decoration:none;color:inherit;display:block}
.dr.gd{border-color:rgba(255,236,190,.35);background:radial-gradient(120% 140% at 0% 0%,rgba(255,240,200,.16),rgba(198,166,90,.07) 45%,rgba(255,255,255,.02)),#111214}
.dr b{display:block;font-size:17px;font-weight:500;margin:4px 0 3px}.dr span{color:var(--mu);font-size:13px}.dr em{font-style:normal;font-size:11px;color:var(--gt);border:1px solid rgba(255,236,190,.3);border-radius:6px;padding:1px 6px;margin-left:6px;vertical-align:2px}
.ac b.hl{color:var(--ok)}
.tb{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}.tb h2{margin:0;font-size:18px;font-weight:500}
.lst{border-radius:18px;border:1px solid rgba(255,255,255,.085);background:var(--g1);box-shadow:var(--sh),0 14px 34px rgba(0,0,0,.32);overflow:hidden}
.lh{display:flex;align-items:center;gap:8px;padding:8px 14px;background:radial-gradient(130% 260% at 0% 0%,rgba(255,240,200,.1),rgba(198,166,90,.03) 42%,transparent 72%);border-top:1px solid var(--ln);font-size:13px}
.lh:first-child{border-top:0}.lh b{font-weight:500}.lh span{color:var(--mu)}
.fr{display:grid;grid-template-columns:46px minmax(0,1fr) minmax(0,1.5fr) 62px 76px 32px;gap:10px;align-items:center;padding:8px 14px;border-top:1px solid var(--ln)}
.ft{color:var(--mu);font-size:13px}.ff{min-width:0;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ff small{display:block;color:var(--mu);font-size:12px;overflow:hidden;text-overflow:ellipsis}
.fs{min-width:0;font-size:13.5px;font-weight:500;line-height:1.3}.fs small{display:block;font-weight:400;font-size:11px;color:var(--mu);margin-top:2px}
.tag{display:inline-block;font-style:normal;font-size:10.5px;font-weight:500;padding:0 6px;margin-right:6px;border-radius:5px;line-height:17px;vertical-align:1px}
.t-g{background:rgba(198,166,90,.16);color:#ecd49a}.t-c{background:rgba(90,150,230,.16);color:#9fc4f2}.t-k{background:rgba(232,134,124,.15);color:#f0b1ab}.t-r{background:rgba(111,191,115,.14);color:#a6e6aa}.t-p{background:rgba(175,140,230,.16);color:#cdb8f2}
.dots{display:inline-flex;gap:3px}.dots i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.13)}.dots i.on{background:var(--gold)}
.fo{display:flex;flex-direction:column;align-items:flex-end}.fo b{font-weight:500;font-size:15px;padding:3px 9px;border-radius:9px;background:rgba(198,166,90,.16);border:1px solid rgba(255,236,190,.3);color:var(--gt)}.fo small{font-size:10.5px;color:var(--mu);margin-top:2px;white-space:nowrap}
.fadd{width:30px;height:30px;border-radius:9px;border:1px solid rgba(255,236,190,.35);background:none;color:var(--gt);font-size:16px;line-height:1}.fadd.on{background:var(--gg);box-shadow:var(--sh)}
.emp{padding:28px 16px;text-align:center;color:var(--mu);margin:0}
.ft2{max-width:1000px;margin:24px auto 0;padding:0 20px;color:var(--mu);font-size:12px;text-align:center;line-height:1.6}
.trb{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:40;max-width:720px;margin:0 auto;display:flex;align-items:center;gap:12px;padding:10px 12px 10px 16px;border-radius:16px;border:1px solid rgba(255,236,190,.3);background:rgba(24,22,17,.78);-webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%);box-shadow:0 16px 40px rgba(0,0,0,.5)}
.trb b{font-weight:500}.trb span{color:var(--mu);font-size:13px}.trb .od{margin-left:auto;font-size:18px;color:var(--gt);font-weight:500}
.btn{height:34px;padding:0 14px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:var(--g1);box-shadow:var(--sh)}.btn.gd{border-color:rgba(255,236,190,.38);background:var(--gg);color:var(--gt)}
.sh{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.55);display:flex;align-items:flex-end;justify-content:center}
.shb{width:100%;max-width:560px;max-height:82vh;overflow:auto;margin:0 10px calc(10px + env(safe-area-inset-bottom,0px));padding:16px;border-radius:20px;border:1px solid rgba(255,236,190,.25);background:rgba(18,18,20,.94);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}
.shh{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.shh b{font-size:17px;font-weight:500}.shh .od{font-size:24px;color:var(--gt);font-weight:500}
.lg2{display:flex;gap:10px;align-items:center;padding:9px 0;border-top:1px solid var(--ln)}.lg2 div{flex:1;min-width:0}.lg2 small{display:block;color:var(--mu);font-size:12px}.lg2 .x{width:28px;height:28px;border-radius:8px;border:1px solid var(--ln);background:none;color:var(--mu)}
.note{margin:10px 0 0;padding:9px 11px;border-radius:11px;font-size:12.5px;color:var(--mu);border:1px solid var(--ln)}.note.wn{border-color:rgba(232,134,124,.3)}.note.wn b{color:var(--bad);font-weight:500}
.acts{display:flex;gap:8px;margin-top:12px}
.kp{padding:18px;border-radius:18px;border:1px solid rgba(255,236,190,.3);background:radial-gradient(120% 140% at 0% 0%,rgba(255,240,200,.14),rgba(198,166,90,.06) 45%,rgba(255,255,255,.02)),#111214;margin-bottom:14px}
.kp .big{font-size:34px;font-weight:500;color:var(--gt)}.kp .up{color:var(--ok);font-weight:500}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.box{padding:14px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:var(--g1);box-shadow:var(--sh)}.box h3{margin:0 0 8px;font-size:14px;font-weight:500}
.br{display:grid;grid-template-columns:110px 1fr 90px;gap:10px;align-items:center;padding:5px 0;font-size:13px}.br small{color:var(--mu)}
.bar{height:7px;border-radius:4px;background:rgba(255,255,255,.07);overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,rgba(198,166,90,.6),#ecd49a)}
.rc{display:flex;gap:10px;align-items:center;padding:7px 0;border-top:1px solid var(--ln);font-size:13px}.rc div{flex:1;min-width:0}.rc small{display:block;color:var(--mu)}.rc .w{color:var(--ok)}.rc .l{color:var(--bad)}
@media (max-width:760px){
.hd{padding:8px 12px;gap:10px;flex-wrap:wrap}.nv{order:3;width:100%}.mn{padding:12px 10px}
.drs{grid-template-columns:1fr}.grid2{grid-template-columns:1fr}
.fr{grid-template-columns:40px minmax(0,1fr) 70px 32px;grid-template-areas:"t s o a" "t f d a";row-gap:3px;padding:9px 12px}
.ft{grid-area:t}.fs{grid-area:s}.ff{grid-area:f;font-size:12px;color:var(--mu)}.ff small{display:inline}.dots{grid-area:d;justify-self:end}.fo{grid-area:o}.fadd{grid-area:a}
.br{grid-template-columns:90px 1fr 80px}}

/* mobile-v2 */
.mob{display:none}.dm{display:none}
@media (max-width:760px){
.dsk{display:none !important}
.hd{flex-wrap:nowrap !important;gap:10px;padding:8px 12px;padding-top:calc(8px + env(safe-area-inset-top,0px))}
.nv{order:0 !important;width:auto !important}.nv a{padding:6px 11px;font-size:13.5px}
.mob.mctl{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.mctl .sg{flex:1;justify-content:space-between}.mctl .sg button{flex:1}
.srch{height:42px;font-size:13px;padding:0 13px}
.drs{grid-template-columns:1fr 1fr !important;gap:8px;margin:10px 0 14px}
.dr{padding:12px;border-radius:15px}.dr b{font-size:14px;margin:2px 0}.dr span:last-child{font-size:11.5px;line-height:1.35;display:block}.dr em{display:block;width:max-content;margin:4px 0 0;font-size:10px}
.tb h2{font-size:15.5px}.tb .sg{width:100%}.tb .sg button{flex:1;padding:0 6px}
.fr{grid-template-columns:40px minmax(0,1fr) auto !important;grid-template-areas:"t s o" "t f a" !important;row-gap:5px;column-gap:10px;padding:10px 12px}
.fr>.dots{display:none}.dm{display:inline-flex;margin-right:7px;vertical-align:0}.dm .dots i{width:6px;height:6px}
.ft{grid-area:t;align-self:start;padding-top:2px;font-size:12.5px}
.fs{grid-area:s;font-size:14px}.fs small{font-size:11.5px}
.fo{grid-area:o;align-self:start}.fo b{font-size:14.5px;padding:2px 8px}
.ff{grid-area:f;font-size:12px;color:var(--mu);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-self:center}.ff small{display:inline;font-size:12px}
.fadd{grid-area:a;justify-self:end;width:30px;height:30px}}

/* rich-rows */
.cr{width:18px;height:18px;object-fit:contain;flex-shrink:0}
.lgi{width:18px;height:18px;object-fit:contain;margin-right:2px}
.ff{display:flex;flex-direction:column;gap:4px}.tl{display:flex;align-items:center;gap:7px;min-width:0}.tl span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fsl{display:block}.tag svg{width:11px;height:11px;margin-right:4px;vertical-align:-1.5px}
.chips{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-top:5px}
.mc{font-size:11px;font-weight:400;padding:1px 7px;border-radius:6px;background:rgba(255,255,255,.045);border:1px solid var(--ln);color:var(--mu);white-space:nowrap}
.mc b{color:var(--tx);font-weight:500}.mc.ok{color:#a6e6aa}.mc.val{color:#a6e6aa;border-color:rgba(111,191,115,.3);background:rgba(111,191,115,.08)}
.mc.st-safe{color:#9fc4f2;border-color:rgba(90,150,230,.3)}.mc.st-balanced{color:var(--gt);border-color:rgba(255,236,190,.3)}.mc.st-bold{color:#f0b1ab;border-color:rgba(232,134,124,.3)}
.bk{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 3px;border-radius:5px;font-style:normal;font-size:9px;font-weight:700;letter-spacing:-.2px;margin-right:6px}
.fo b{display:inline-flex;align-items:center}
.lgd{margin:-4px 0 10px;font-size:12px;color:var(--mu);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
@media (max-width:760px){
.ff{flex-direction:row;align-items:center;gap:6px;font-size:12px}.ff .tl+.tl::before{content:'v';color:var(--mu);margin-right:2px}.cr{width:14px;height:14px}
.chips{margin-top:4px}.lgd{font-size:11px}}

/* show-all */
.more{display:block;margin:14px auto 0;height:40px;padding:0 20px;border-radius:12px;border:1px solid rgba(255,236,190,.3);background:var(--g1);box-shadow:var(--sh);color:var(--gt)}
.lnk{background:none;border:0;padding:0;color:var(--gt);text-decoration:underline;text-underline-offset:3px;font-size:inherit}
.lst+.lgd{margin:10px 0 0}

/* polish-v1: one type scale, 400/500 only, one glass recipe, compact rows */
:root{--gl:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02));--glb:1px solid rgba(255,255,255,.1);--gli:inset 0 1px 0 rgba(255,255,255,.1),inset 0 -1px 0 rgba(0,0,0,.35);
--glg:radial-gradient(120% 140% at 15% 0%,rgba(255,240,200,.3),rgba(198,166,90,.17) 45%,rgba(198,166,90,.07));--glgb:1px solid rgba(255,236,190,.34)}
body{font-size:13.5px}
b,strong,.lg,.bk,.tag,.fo b,.dr b,.tb h2,.lh b,.kp .big,.shh b{font-weight:500 !important}
.hd{padding:8px 20px;gap:14px}.lg{width:30px;height:30px;border-radius:9px;font-size:12px}
.nv a{padding:6px 11px;font-size:13.5px;border-radius:9px}
.sg{padding:2px;border-radius:11px;background:var(--gl);border:var(--glb);box-shadow:var(--gli)}
.sg button{height:28px;padding:0 11px;font-size:12.5px;border-radius:9px}
.sg button.on{background:var(--glg);box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}
.mn{padding:16px 20px}
.srch{height:40px;border-radius:12px;font-size:13px;background:var(--gl);border:var(--glb);box-shadow:var(--gli)}
.drs{gap:12px;margin:12px 0 16px}
.dr{padding:12px 14px;border-radius:16px;background:var(--gl);border:var(--glb);box-shadow:var(--gli)}
.dr.gd{background:var(--glg),#111214;border:var(--glgb)}
.dr b{font-size:15px;margin:2px 0}.dr span{font-size:12.5px}.dr em{font-size:10.5px;padding:0 6px;line-height:18px;border-radius:6px}
.tb{margin-bottom:4px}.tb h2{font-size:16px}
.lgd{font-size:12px;margin:4px 0 8px;gap:8px}.lgd .dots i{width:6px;height:6px}
.lst{border-radius:16px;background:var(--gl);border:var(--glb);box-shadow:var(--gli),0 12px 30px rgba(0,0,0,.3)}
.lh{padding:6px 14px;font-size:12.5px;gap:8px}.lgi{width:16px;height:16px}
.fr{grid-template-columns:44px minmax(0,.9fr) minmax(0,1.6fr) 54px 88px 28px;gap:12px;padding:8px 14px}
.ft{font-size:12.5px}
.ff{gap:3px;font-size:13px}.tl{gap:8px}.cr{width:16px;height:16px}
.fs{font-size:14px;line-height:1.3}
.tag{height:20px;line-height:18px;padding:0 7px;font-size:11px;border-radius:6px;margin-right:8px;box-shadow:var(--gli);border:1px solid rgba(255,255,255,.06)}
.tag svg{width:10px;height:10px;margin-right:4px}
.chips{gap:4px;margin-top:4px}
.mc{height:20px;line-height:18px;padding:0 7px;font-size:11px;border-radius:6px;background:var(--gl);border:var(--glb);box-shadow:var(--gli)}
.dots{gap:3px}.dots i{width:6px;height:6px}
.fo b{height:28px;padding:0 8px 0 5px;font-size:14px;border-radius:9px;background:var(--glg);border:var(--glgb);box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}
.fo small{font-size:11px;margin-top:3px}
.bk{min-width:18px;height:18px;border-radius:5px;font-size:9px;margin-right:5px;box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
.fadd{width:28px;height:28px;border-radius:9px;font-size:15px;background:var(--gl);border:var(--glgb);box-shadow:var(--gli)}
.fadd.on{background:var(--glg)}
.more{height:34px;padding:0 16px;font-size:13px;border-radius:11px;background:var(--gl);border:var(--glgb);box-shadow:var(--gli)}
.lst+.lgd{margin:8px 0 0}
.ft2{font-size:11.5px;margin-top:20px}
.trb{padding:8px 10px 8px 14px;border-radius:14px}.trb .od{font-size:16px}
.btn{height:30px;padding:0 12px;font-size:13px;border-radius:9px;background:var(--gl);border:var(--glb);box-shadow:var(--gli)}.btn.gd{background:var(--glg);border:var(--glgb)}
.kp{padding:14px 16px;border-radius:16px}.kp .big{font-size:28px}
.box{padding:12px 14px;border-radius:14px;background:var(--gl);border:var(--glb);box-shadow:var(--gli)}.box h3{font-size:13.5px}
.br{font-size:12.5px;padding:4px 0}
@media (max-width:760px){
.hd{padding:8px 12px}.mn{padding:12px 10px}
.mctl .sg button{height:28px}
.dr{padding:10px 12px}.dr b{font-size:13.5px}.dr span:last-child{font-size:11.5px}
.tb h2{font-size:14.5px}
.fr{grid-template-columns:38px minmax(0,1fr) auto !important;padding:8px 12px;column-gap:10px;row-gap:4px}
.fs{font-size:13.5px}.ff{font-size:12px}.cr{width:14px;height:14px}
.fo b{height:26px;font-size:13.5px}.fo small{font-size:10.5px}.fadd{width:26px;height:26px}}

/* dense-v1: one-line rows like OddAlerts / BetExplorer */
.lst{border-radius:14px}
.fr{grid-template-columns:40px minmax(0,1.05fr) minmax(0,1.35fr) 36px 36px 38px 44px 72px 22px !important;grid-template-areas:none !important;gap:10px !important;padding:4px 12px !important;min-height:34px;border-top:1px solid rgba(255,255,255,.05) !important;font-size:12.5px}
.fr:hover{background:rgba(255,255,255,.025)}
.fhd{min-height:0;padding:6px 12px !important;font-size:11px;color:var(--mu);border-top:0 !important;background:rgba(255,255,255,.02)}
.fhd span:nth-child(n+4){text-align:center}.fhd span:nth-child(8){text-align:right}
.fhd:hover{background:rgba(255,255,255,.02)}
.lh{padding:3px 12px !important;min-height:24px;font-size:12px !important;border-top:1px solid rgba(255,255,255,.06) !important}.lgi{width:14px !important;height:14px !important}
.ft{font-size:12px !important;color:var(--mu)}
.ff{flex-direction:row !important;align-items:center;gap:5px !important;font-size:12.5px !important;min-width:0;white-space:nowrap;overflow:hidden}
.ff i{font-style:normal;color:var(--mu);font-size:11px}.ff .tn{overflow:hidden;text-overflow:ellipsis;min-width:0}.ff .cr{width:14px !important;height:14px !important}
.fs{display:flex !important;align-items:center;gap:6px;min-width:0;font-size:12.5px !important;font-weight:500}
.fs .sl{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.ic{flex-shrink:0;display:inline-grid;place-items:center;width:18px;height:18px;border-radius:5px;font-style:normal}.ic svg{width:11px;height:11px}
.sb,.vl{flex-shrink:0;font-style:normal;font-size:10.5px;font-weight:400;padding:0 5px;border-radius:4px;line-height:16px;border:1px solid var(--ln)}
.sb.st-safe{color:#9fc4f2}.sb.st-balanced{color:var(--gt)}.sb.st-bold{color:#f0b1ab}.vl{color:#a6e6aa;border-color:rgba(111,191,115,.3)}
.pc{display:grid;place-items:center;height:20px;border-radius:5px;font-size:12px;font-weight:500;color:#e9e6df}
.pc.h4{background:rgba(96,178,102,.42);color:#eafbea}.pc.h3{background:rgba(96,178,102,.26)}.pc.h2{background:rgba(96,178,102,.13)}.pc.h1{background:rgba(214,160,60,.2)}.pc.h0{background:rgba(255,255,255,.04);color:var(--mu)}
.ck{text-align:center;font-size:12px;color:#a6e6aa}
.fr>.dots{justify-self:center}.fr>.dots i{width:5px !important;height:5px !important}
.fo{flex-direction:row !important;align-items:center;justify-content:flex-end;gap:0}.fo b{height:24px !important;padding:0 7px 0 4px !important;font-size:13px !important;border-radius:7px !important}.fo small{display:none}
.bk{min-width:16px !important;height:16px !important;font-size:8.5px !important;margin-right:4px !important}
.fadd{width:22px !important;height:22px !important;border-radius:6px !important;font-size:13px !important}
.chips,.dm{display:none !important}
@media (max-width:760px){
.fhd{display:none !important}
.fr{grid-template-columns:36px minmax(0,1fr) 28px 28px 30px auto 24px !important;grid-template-areas:"t s s s s o a" "t f p q k o a" !important;row-gap:3px !important;column-gap:6px !important;padding:6px 10px !important}
.ft{grid-area:t;align-self:start;padding-top:1px}.fs{grid-area:s;font-size:13px !important}.ff{grid-area:f;font-size:11.5px !important;color:var(--mu)}
.fr>.pc:nth-of-type(1){grid-area:p}.fr>.pc:nth-of-type(2){grid-area:q}
.pc{height:18px;font-size:11px}.ck{grid-area:k;font-size:11px}.fr>.dots{display:none}.fo{grid-area:o}.fadd{grid-area:a}}

/* mobile-simple: phones get a two-line row, detail lives on the match page */
@media (max-width:760px){
.srch{height:38px;font-size:12.5px}
.drs{grid-template-columns:1fr 1fr !important;gap:8px !important;margin:8px 0 12px !important}
.dr{display:flex !important;align-items:center;gap:6px;padding:9px 11px !important;border-radius:12px !important;min-height:0}
.dr>span:first-child{font-size:12px}.dr>span:last-child{display:none !important}
.dr b{display:flex !important;align-items:center;flex-wrap:wrap;gap:4px;font-size:13px !important;margin:0 !important;line-height:1.2}
.dr em{display:inline-block !important;margin:0 !important;font-size:9.5px !important;line-height:15px !important;padding:0 5px !important}
.tb h2{font-size:14px !important}
.fr{grid-template-columns:40px minmax(0,1fr) auto 26px !important;grid-template-areas:"s s o a" "t f d a" !important;column-gap:8px !important;row-gap:3px !important;padding:8px 10px !important;min-height:0}
.fs{grid-area:s;font-size:13.5px !important;align-items:flex-start !important}
.fs .sl{white-space:normal !important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3}
.fs .ic{margin-top:1px}
.fs .sb,.fs .vl,.fr>.pc,.fr>.ck,.fo .bk{display:none !important}
.ft{grid-area:t;align-self:center;padding:0 !important;font-size:11.5px !important}
.ff{grid-area:f;font-size:11.5px !important;color:var(--mu);align-self:center}.ff .cr{width:12px !important;height:12px !important}
.fo{grid-area:o;align-self:start}.fo b{height:26px !important;font-size:13.5px !important;padding:0 8px !important}
.fr>.dots{display:inline-flex !important;grid-area:d;justify-self:end;align-self:center}
.fadd{grid-area:a;align-self:center;width:26px !important;height:26px !important}}

/* minimal-research */
.lst{border-radius:0 !important;background:none !important;border:0 !important;box-shadow:none !important;border-top:1px solid rgba(255,255,255,.06) !important;overflow:visible}
.lh{padding:16px 2px 6px !important;background:none !important;border:0 !important;font-size:11.5px !important;color:var(--mu);gap:7px !important;min-height:0}.lh .lgi{width:14px !important;height:14px !important;opacity:.85}
.rsl{display:flex;align-items:center;gap:8px;padding:6px 2px 10px;font-size:12px;color:var(--mu)}
.pulse{width:6px;height:6px;border-radius:50%;background:#e3c47a;box-shadow:0 0 0 3px rgba(227,196,122,.15);flex-shrink:0}
@media (prefers-reduced-motion:no-preference){.pulse{animation:fbp 2.4s ease-in-out infinite}@keyframes fbp{50%{box-shadow:0 0 0 6px rgba(227,196,122,0)}}}
.rw{display:grid;grid-template-columns:48px minmax(0,1fr) auto 18px;gap:14px;align-items:center;padding:12px 2px;border-top:1px solid rgba(255,255,255,.05);cursor:pointer;outline:none}
.rw:hover,.rw:focus-visible{background:rgba(255,255,255,.02)}.rw.op{background:rgba(227,196,122,.035)}
.ko{font-size:12.5px;color:var(--mu)}
.sel{min-width:0}.sel b{display:block;font-size:14px;font-weight:500;line-height:1.3}
.sel .mt{display:block;font-size:12px;color:var(--mu);margin-top:2px}.sel .why{display:block;font-size:12px;color:#a39c8c;margin-top:3px;line-height:1.45}
.od{text-align:right}.od b{display:block;font-size:15.5px;font-weight:500;color:#e3c47a}.od small{display:block;font-size:11px;color:var(--mu);margin-top:1px;white-space:nowrap}
.chev{color:var(--mu);display:grid;place-items:center;transition:transform .15s}.rw.op .chev{transform:rotate(180deg);color:#e3c47a}
.rsx{margin:0 2px 14px 62px;padding:10px 16px;border-left:1px solid rgba(227,196,122,.35)}
.wu{margin:0 0 8px;font-size:13px;line-height:1.5;color:var(--tx)}
.cks div{display:flex;gap:9px;padding:3px 0;font-size:12.5px;color:#a39c8c;line-height:1.45}.cks b{font-weight:500;color:var(--tx)}
.cks i{font-style:normal;width:12px;flex-shrink:0}.cks i.ok{color:#e3c47a}.cks i.no{color:#6d6759}.cks i.na{color:#4d483e}
.rsf{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;font-size:11.5px;color:var(--mu);flex-wrap:wrap}
.addb{height:30px;padding:0 14px;border-radius:9px;border:1px solid rgba(255,236,190,.35);background:radial-gradient(120% 140% at 15% 0%,rgba(255,240,200,.26),rgba(198,166,90,.14) 45%,rgba(198,166,90,.06));color:#e3c47a;font-size:12.5px}
.addb.on{background:none}
@media (max-width:760px){
.rw{grid-template-columns:42px minmax(0,1fr) auto 16px;gap:10px;padding:11px 2px}
.sel b{font-size:13.5px}.sel .why{display:none}.sel .mt{font-size:11.5px}
.od b{font-size:15px}.od small{font-size:10.5px}
.rsx{margin:0 0 12px 0;padding:10px 12px}.wu{font-size:12.5px}.cks div{font-size:12px}}

/* compact-2 */
.rsl{font-size:11.5px;padding:4px 2px 8px}
.lh{padding:12px 2px 4px !important;font-size:11px !important}
.rw{grid-template-columns:44px minmax(0,1fr) auto 26px 16px !important;gap:12px !important;padding:8px 2px !important}
.ko{font-size:12px}
.sel b{font-size:13px !important;line-height:1.3}
.sel .mt{display:flex !important;align-items:center;gap:5px;font-size:11.5px !important;margin-top:2px;min-width:0;white-space:nowrap;overflow:hidden}
.sel .mt span{overflow:hidden;text-overflow:ellipsis;min-width:0}.sel .mt i{font-style:normal;color:#6d6759;font-size:11px}
.sel .mt .cr{width:13px !important;height:13px !important}
.sel .why{display:none !important}
.od b{font-size:14px !important}.od small{font-size:10.5px !important}
.radd{width:26px;height:26px;border-radius:8px;border:1px solid rgba(255,236,190,.3);background:none;color:#e3c47a;font-size:14px;line-height:1;display:grid;place-items:center}
.radd.on{background:radial-gradient(120% 140% at 15% 0%,rgba(255,240,200,.26),rgba(198,166,90,.14) 45%,rgba(198,166,90,.06))}
.chev svg{width:14px;height:14px}
.rsx{margin:0 2px 10px 58px !important;padding:8px 14px !important}.wu{font-size:12.5px !important;margin-bottom:6px !important}.cks div{font-size:12px !important;padding:2px 0 !important}
.rsf{font-size:11px !important;margin-top:8px !important}.addb{height:28px;font-size:12px}
@media (max-width:760px){
.rw{grid-template-columns:40px minmax(0,1fr) auto 24px 14px !important;gap:9px !important;padding:8px 2px !important}
.sel b{font-size:13px !important}.sel .mt{font-size:11px !important}.od b{font-size:14px !important}
.radd{width:24px;height:24px;font-size:13px}.rsx{margin:0 0 10px 0 !important}}

/* columns */
@media (min-width:1000px){
.mn{max-width:1260px}
.cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:8px;align-items:start}
.col{border:1px solid rgba(255,255,255,.07);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01));box-shadow:inset 0 1px 0 rgba(255,255,255,.07);padding:2px 12px 8px}
.colh{display:block;padding:12px 2px 9px;border-bottom:1px solid rgba(227,196,122,.25);margin-bottom:2px}
.colh b{display:block;font-size:13.5px;font-weight:500;color:#e3c47a}.colh span{display:block;font-size:11px;color:var(--mu);margin-top:2px}
.col .rw{grid-template-columns:38px minmax(0,1fr) auto 24px 14px !important;gap:8px !important;padding:8px 0 !important}
.col .rw:first-of-type{border-top:0}
.col .radd{width:24px;height:24px;font-size:13px}
.col .rsx{margin:0 0 10px 0 !important;padding:8px 10px !important}
.lst:has(.cols){border-top:0 !important}}

/* private-facts */
.fh{font-size:11px;color:var(--mu);margin:2px 0 4px}
.fct{list-style:none;margin:0;padding:0}.fct li{position:relative;padding:2px 0 2px 14px;font-size:12px;color:#b3ab9a;line-height:1.45}
.fct li::before{content:'';position:absolute;left:2px;top:9px;width:4px;height:4px;border-radius:50%;background:#e3c47a}

/* strength-grade + depth */
.rw{position:relative}
.rw::before{content:'';position:absolute;left:-8px;top:9px;bottom:9px;width:3px;border-radius:0 2px 2px 0;background:var(--sc,#4a4236)}
.rw.c5{--sc:#f2d58a;--st:#f5dc98}.rw.c5::before{box-shadow:0 0 8px rgba(242,213,138,.55)}
.rw.c4{--sc:#d4af5f;--st:#dcb86a}.rw.c3{--sc:#9c8150;--st:#b3985f}.rw.c2{--sc:#6b5a3c;--st:#8f7c58}.rw.c1{--sc:#4a4236;--st:#7a6f5c}
.rw .od b,.rw .od small{color:var(--st,#e3c47a) !important}
.col .rw::before{left:-12px}
.rsl b{color:var(--tx);font-weight:500}.rs2{display:none}
.dps{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}
.dps span{font-size:11px;padding:2px 9px;border-radius:999px;border:1px solid rgba(232,199,121,.25);color:#cdb57d;white-space:nowrap}
.dps b{color:#f0d898;font-weight:500}
@media (max-width:760px){
.rl{display:none}.rs2{display:inline}.rsl{font-size:11px;padding:2px 2px 6px}
.drs{margin:6px 0 10px !important}.dr{padding:7px 10px !important}.dr b{font-size:12.5px !important}
.rw{grid-template-columns:38px minmax(0,1fr) auto 14px !important}
.radd{display:none !important}
.sel b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rw::before{left:-6px}
.dps span{font-size:10.5px;padding:1px 8px}}

/* journey */
.ko small{display:block;font-size:10px;color:#6d6759;margin-top:1px}
.lh{padding:14px 2px 4px !important}
@media (min-width:1000px){.tb .sg{display:none !important}}

/* one-look: same panels everywhere, suggestions first */
.mn{display:flex;flex-direction:column}
.mn>.srch{order:1}.mn>.mctl{order:2}.mn>.tb{order:3}.mn>.rsl{order:4}.mn>.lst{order:5}.mn>.drs{order:6;margin:18px 0 0 !important}.mn>.emp,.mn>.kp,.mn>.grid2{order:5}
.tb .sg{display:none !important}.tb{margin:14px 0 2px !important}
.srch{margin-bottom:8px}
.cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:8px;align-items:start}
.col{border:1px solid rgba(255,255,255,.07);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01));box-shadow:inset 0 1px 0 rgba(255,255,255,.07);padding:2px 12px 8px}
.colh{display:block;padding:12px 2px 9px;border-bottom:1px solid rgba(227,196,122,.25);margin-bottom:2px}
.colh b{display:block;font-size:13.5px;font-weight:500;color:#e3c47a}.colh span{display:block;font-size:11px;color:var(--mu);margin-top:2px}
.col .rw:first-of-type{border-top:0}.col .rsx{margin:0 0 10px 0 !important;padding:8px 10px !important}
.col .lh{display:none}
.lst:has(.cols){border-top:0 !important}
@media (max-width:999px){
.cols{grid-template-columns:1fr;gap:12px}
.col{padding:2px 12px 6px}
.col .rw{grid-template-columns:40px minmax(0,1fr) auto 14px !important;gap:9px !important;padding:8px 0 !important}
.col .rw::before{left:-12px}
.rl{display:inline !important}.rs2{display:none !important}.rsl{font-size:11.5px;line-height:1.45;align-items:flex-start}.rsl .pulse{margin-top:5px}
.mn>.mctl{margin-bottom:4px}}

/* rank-more */
.cmore{display:block;width:100%;margin:8px 0 4px;height:32px;border-radius:10px;border:1px solid rgba(227,196,122,.25);background:none;color:#e3c47a;font-size:12.5px}
.cmore:hover{background:rgba(227,196,122,.06)}
@media (max-width:999px){.tb{flex-direction:column;align-items:stretch !important;gap:8px}.tb .sg{display:inline-flex !important;width:100%}.tb .sg button{flex:1}}

/* no-bar */
.rw::before{display:none !important}

/* dropdown-compact: Add to build first, tighter research */
.rsx{display:flex;flex-direction:column}
.rsx .rsf{order:-1;margin:0 0 8px !important}
.addb{height:28px;padding:0 12px;font-size:12px}
@media (max-width:760px){
.rsx{padding:8px 0 8px 10px !important;margin-bottom:8px !important}
.rsx .rsf{font-size:10.5px !important;margin-bottom:6px !important}
.addb{height:26px;padding:0 11px;font-size:11.5px}
.dps{gap:4px !important;margin-bottom:6px !important}
.dps span{font-size:10px !important;padding:1px 7px !important}
.wu{font-size:12px !important;line-height:1.4 !important;margin-bottom:4px !important}
.fh{font-size:10.5px !important;margin:0 0 2px !important}
.fct li{font-size:11.5px !important;line-height:1.35 !important;padding:1px 0 1px 12px !important}
.fct li::before{top:7px !important;width:3px !important;height:3px !important}}

/* rsl-simple */
.rsl .gnum{color:#e3c47a !important;font-weight:500}

/* fotbuild-plus brand */
.tpl{width:12px;height:12px;color:#e3c47a;vertical-align:-1px;margin-right:6px;flex-shrink:0}
.tb h2{display:flex;align-items:center}.tb h2 .tpl{width:15px;height:15px;margin-right:8px;filter:drop-shadow(0 0 6px rgba(227,196,122,.35))}
.nv a{display:inline-flex;align-items:center}

/* pages: search, match, league */
.srch input{flex:1;min-width:0;background:none;border:0;color:var(--tx);font:inherit;font-size:13px;outline:none}
.srch input::placeholder{color:var(--mu)}
.mn>.sres{order:1}.sres:empty{display:none}
.sres{border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#111214;margin:-2px 0 10px;overflow:hidden}
.sr{display:flex;gap:10px;align-items:center;padding:8px 12px;border-top:1px solid rgba(255,255,255,.05);text-decoration:none;color:inherit}.sr:first-child{border-top:0}
.sr:hover{background:rgba(227,196,122,.05)}.sr b{display:block;font-weight:500;font-size:13px}.sr small{display:block;font-size:11px;color:var(--mu)}.srm{display:flex;gap:2px}
.mn>.mview{order:5}
.bk2{display:inline-block;color:var(--mu);font-size:12px;text-decoration:none;margin:4px 0 8px}.bk2:hover{color:#e3c47a}
.mhd{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:2px 2px 6px;font-size:16px}.mhd b{font-weight:500}.mhd i{font-style:normal;color:var(--mu);font-size:13px}
.mhd .cr,.mhd .lgi{width:22px !important;height:22px !important}.mhd small{width:100%;font-size:12px;color:var(--mu)}
.mview .sel .mt{display:none !important}.mview .colh .tpl{width:13px;height:13px}
.mlink{display:inline-block;font-size:12px;color:#e3c47a;text-decoration:none;margin:0 0 8px}
.lrow{display:grid;grid-template-columns:44px minmax(0,1fr) auto 14px;gap:10px;align-items:center;padding:9px 0;border-top:1px solid rgba(255,255,255,.05);text-decoration:none;color:inherit}
.lrow:first-of-type{border-top:0}.lrow:hover{background:rgba(255,255,255,.02)}.lrow .sel b{font-size:13px}.lbp{display:block;font-size:11.5px;color:var(--mu);margin-top:2px}
.lrow .od.c5{--st:#f5dc98}.lrow .od.c4{--st:#dcb86a}.lrow .od.c3{--st:#b3985f}.lrow .od.c2{--st:#8f7c58}.lrow .od.c1{--st:#7a6f5c}.lrow .od b,.lrow .od small{color:var(--st,#e3c47a)}

/* ask flow */
.ask{max-width:560px}
.aprog{display:flex;align-items:center;gap:5px;margin:6px 0 14px}
.aprog i{width:22px;height:3px;border-radius:2px;background:rgba(255,255,255,.1)}.aprog i.d{background:rgba(227,196,122,.45)}.aprog i.on{background:#e3c47a}
.aprog span{margin-left:8px;font-size:11px;color:var(--mu)}
.aq{display:flex;align-items:center;font-size:17px;font-weight:500;margin:0 0 12px}.aq .tpl{width:15px;height:15px;margin-right:8px}
.aopts{display:grid;gap:8px}
.aopt{text-align:left;height:44px;padding:0 16px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.015));box-shadow:inset 0 1px 0 rgba(255,255,255,.08);color:var(--tx);font:inherit;font-size:13.5px;cursor:pointer}
.aopt:hover{border-color:rgba(227,196,122,.35)}
.aopt.on{border-color:rgba(255,236,190,.4);background:radial-gradient(120% 140% at 15% 0%,rgba(255,240,200,.22),rgba(198,166,90,.12) 45%,rgba(198,166,90,.05))}
.aback,.abtn{height:32px;padding:0 14px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:none;color:var(--mu);font:inherit;font-size:12.5px;cursor:pointer}
.aback{margin-top:14px;border:0;padding:0}.aback:hover,.abtn:hover{color:#e3c47a}
.atot{display:flex;justify-content:space-between;align-items:center;padding:10px 0 4px;border-top:1px solid rgba(227,196,122,.25);margin-top:4px;font-size:12.5px;color:var(--mu)}
.atot b{font-size:18px;font-weight:500;color:#e3c47a}
.anote{font-size:11.5px;color:var(--mu);margin:6px 0 0}
.aact{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.aact .addb{height:32px}
.ask .col{padding:2px 12px 10px}

/* ask-teams: show crests and match on Ask rows */
.ask{max-width:640px}
.mview .ask .sel .mt{display:flex !important}

/* tips layout */
.mn>.hero2,.mn>.askbar{order:3}.mn>.tb,.mn>.rsl{order:4}
.mn>.drs{display:none !important}
.hero2{display:grid;grid-template-columns:1.25fr 1fr;gap:12px;margin:10px 0 0}
.hcard{border:1px solid rgba(255,255,255,.08);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.01));box-shadow:inset 0 1px 0 rgba(255,255,255,.07);padding:14px 16px;min-width:0}
.hgold{border-color:rgba(232,199,121,.35);background:radial-gradient(120% 140% at 0% 0%,rgba(232,199,121,.15),rgba(232,199,121,.03) 55%,rgba(255,255,255,.01))}
.hlab{display:flex;align-items:center;font-size:11px;color:#e3c47a;margin-bottom:8px}.hlab .tpl{width:11px;height:11px}
.htop{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.hmain{min-width:0}
.ht{display:block;font-size:16px;font-weight:500;line-height:1.3}.hm{font-size:11.5px;color:var(--mu);margin-top:3px}
.hw{font-size:12px;color:#b3ab9a;line-height:1.45;margin:8px 0 0}
.hod{display:block !important;padding:0 !important;border:0 !important;cursor:default}.hod::before{display:none}.hod .od b{font-size:22px !important}.hod .od small{font-size:11px !important}
.hact{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}.hact .mlink{margin:0}
.leg{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 0;border-top:1px solid rgba(255,255,255,.05)}.leg:first-of-type{border-top:0}
.leg .rw{display:block !important;padding:0 !important;border:0 !important;background:none !important;cursor:default}.leg .rw::before{display:none}
.lgt{min-width:0}.lgt b{display:block;font-size:12.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lgt small{display:block;font-size:10.5px;color:var(--mu)}
.leg .od b{font-size:13.5px !important}
.tot{display:flex;align-items:baseline;gap:6px}.tot small{font-size:11px;color:var(--mu)}.tot b{font-size:19px;font-weight:500;color:#e3c47a}
.hn{font-size:10.5px;color:var(--mu);margin:6px 0 0}
.askbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:12px 0 4px;padding:10px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01));text-decoration:none;color:var(--tx);font-size:12.5px}
.askbar span{display:flex;align-items:center}.askbar b{font-weight:500;color:#e3c47a;white-space:nowrap}.askbar:hover{border-color:rgba(227,196,122,.35)}
.accs{display:block;text-align:center;margin:14px 0 0;font-size:11.5px;color:var(--mu);text-decoration:none}.accs b{font-weight:500;color:#e3c47a}
.lgn{font-style:normal;color:#6d6759;margin-left:6px;max-width:38%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1}.lgn::before{content:'· '}
@media (max-width:760px){
.hero2{grid-template-columns:1fr;gap:10px}.ht{font-size:14.5px}.hod .od b{font-size:19px !important}
.askbar{font-size:12px;padding:9px 12px}.lgn{display:none}}

/* tips-sizing */
.hero2{grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}
.hcard{display:flex;flex-direction:column;padding:12px 16px}
.hcard .hact{margin-top:auto;padding-top:10px}
.hlab{margin-bottom:6px}
.ht{font-size:15px}.hm{font-size:11px}.hw{font-size:11.5px;margin-top:6px}
.hod .od b{font-size:20px !important}.hod .od small{font-size:10.5px !important}
.leg{padding:4px 0}.lgt b{font-size:12px}.lgt small{font-size:10.5px}.leg .od b{font-size:13px !important}
.tot b{font-size:17px}.hn{margin-top:4px}
.addb{height:28px;padding:0 12px;font-size:12px}
.askbar{margin:10px 0 0;padding:8px 14px;font-size:12px;border-radius:12px}
.tb{margin:18px 0 0 !important}.tb h2{font-size:15px}.tb h2 .tpl{width:13px;height:13px}
.rsl{padding:2px 2px 6px}
.col .lgn{display:none !important}
@media (max-width:760px){.ht{font-size:14px}.hod .od b{font-size:18px !important}}

/* less-gold: gold only for the plus, strength and combined odds */
.rw.c5{--st:#e3c47a}.rw.c4{--st:#b89a5c}.rw.c3{--st:#948060}.rw.c2{--st:#7d705c}.rw.c1{--st:#6d6456}
.rw .od b,.leg .od b,.hod .od b,.lrow .od b{color:#ece6d8 !important}
.colh b{color:var(--tx) !important}
.hlab{color:var(--mu) !important}.hlab .tpl{color:#e3c47a}
.askbar b,.mlink,.accs b{color:var(--tx) !important}.askbar:hover b,.mlink:hover,.accs:hover b{color:#e3c47a !important}
.rsl .gnum{color:var(--tx) !important}
.cmore{color:var(--mu) !important;border-color:rgba(255,255,255,.08) !important}.cmore:hover{color:var(--tx) !important}
.addb{color:var(--tx) !important}
/* compact: everything above the fold */
.srch{height:38px !important}
.hero2{margin-top:6px !important;gap:10px !important}
.hcard{padding:10px 14px !important}
.ht{font-size:14px !important}.hm{font-size:11px !important;margin-top:2px !important}
.hw{font-size:11.5px !important;margin-top:5px !important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hod .od b{font-size:18px !important}
.hcard .hact{padding-top:8px !important;margin-top:auto}
.leg{padding:3px 0 !important}
.lgt{display:flex !important;align-items:baseline;gap:6px;white-space:nowrap;overflow:hidden}
.lgt b{display:inline !important;flex-shrink:0;font-size:12px !important}
.lgt small{display:inline !important;overflow:hidden;text-overflow:ellipsis;font-size:10.5px !important}
.tot b{font-size:16px !important}.hn{margin-top:2px !important}
.askbar{margin-top:8px !important;padding:7px 14px !important}
.tb{margin:14px 0 0 !important}.rsl{padding:0 2px 4px !important}
.cols{margin-top:4px !important;gap:10px !important}
.col{padding:0 12px 6px !important}
.colh{display:flex !important;justify-content:space-between;align-items:baseline;gap:8px;padding:9px 0 7px !important}
.colh b{font-size:13px !important;white-space:nowrap}.colh span{margin:0 !important;font-size:10.5px !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.col .rw{padding:6px 0 !important}
.sel b{font-size:12.5px !important}.sel .mt{font-size:11px !important;margin-top:1px !important}
.od b{font-size:13.5px !important}.od small{font-size:10px !important}
.cmore{height:28px !important;margin:4px 0 2px !important;font-size:11.5px !important}
@media (max-width:760px){.colh span{display:none !important}}

/* title-row + crests */
.tb{flex-direction:row !important;align-items:baseline !important;justify-content:space-between;flex-wrap:wrap;gap:6px 12px}
.tb .rsl{padding:0 !important;margin:0 0 0 auto;font-size:11.5px;color:var(--mu)}
.hm{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.hm i{font-style:normal;color:#6d6759;margin:0 2px}
.hm .cr,.hm .lgi,.lgt .cr,.rsf .lgi{width:13px !important;height:13px !important;flex-shrink:0}
.hm .cr,.hm .lgi{margin-right:1px}
.lgt small .cr{vertical-align:-2px;margin:0 3px 0 0}
.rsf span{display:inline-flex;align-items:center;gap:5px}
@media (max-width:999px){.tb{flex-direction:column !important;align-items:stretch !important}.tb .rsl{margin:0}}

/* audit batch */
:root{--mu:#9d9688}
.lg2{display:inline-flex;align-items:center;gap:7px;text-decoration:none;color:var(--tx);font-size:15px;font-weight:500;margin-right:6px;white-space:nowrap}
.lg2 .tpl{width:16px;height:16px;margin:0;filter:drop-shadow(0 0 6px rgba(227,196,122,.4))}
.bbadge{display:inline-flex;align-items:center;gap:5px;cursor:pointer}.bbadge b{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#e3c47a;color:#0A0A0B;font-size:11px;font-weight:500}
.hsr{position:relative;flex:1;max-width:380px;margin:0 12px}
.hsr .srch{height:34px !important;margin:0 !important;border-radius:10px}
.hsr .sres{position:absolute;top:40px;left:0;right:0;z-index:60;margin:0;box-shadow:0 16px 40px rgba(0,0,0,.5)}
.hlinks{display:inline-flex;gap:14px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.tgc{font-size:12px;color:var(--mu);text-decoration:none}.tgc:hover{color:#e3c47a}
.hgold .dps{margin:8px 0 0 !important}.hgold .dps span{font-size:10.5px;padding:1px 8px}
.leg .od{display:flex;flex-direction:column;align-items:flex-end}.leg .od small{font-size:9.5px !important;color:var(--st) !important}
.ko small{white-space:nowrap}
@media (max-width:760px){
.hd{flex-wrap:wrap}.hsr{order:9;flex-basis:100%;max-width:none;margin:8px 0 0}
.lg2 span{display:none}
.addb{height:32px !important}.cmore{height:34px !important}
.hlinks{gap:10px}.tgc{font-size:11.5px}}

/* mobile-final: phone layout wins over earlier sizing */
.addb{white-space:nowrap}
@media (max-width:760px){
.hd{flex-wrap:wrap !important;row-gap:0}
.hsr{order:9 !important;flex:0 0 100% !important;max-width:none !important;margin:8px 0 2px !important}
.hero2{grid-template-columns:1fr !important;gap:10px !important}
.hcard{padding:12px 14px !important}
.ht{font-size:14.5px !important}
.hm{font-size:11px !important}
.hact{flex-wrap:wrap !important;gap:8px 12px !important}
.hlinks{width:100%;justify-content:flex-start !important;gap:14px !important}
.lgt{display:block !important;white-space:normal !important;min-width:0;flex:1}
.lgt b{display:block !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lgt small{display:block !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}
.leg{align-items:center}
.hgold .dps{gap:4px !important}.hgold .dps span{font-size:10px !important}
.askbar span{font-size:11.5px}.askbar b{font-size:12px}}

/* no-treble */
.hero2{grid-template-columns:1fr !important}

/* ask card beside the tip */
@media (min-width:761px){.hero2{grid-template-columns:1.35fr 1fr !important}}
.askc{text-decoration:none;color:var(--tx)}.askc:hover{border-color:rgba(227,196,122,.35)}
.aqs{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.aqs span{font-size:10.5px;padding:2px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.1);color:var(--mu);white-space:nowrap}
.askc .addb{display:inline-flex;align-items:center}

/* accuracy page, grouped like Picks */
.accbig{font-size:34px;font-weight:500;color:#e3c47a;line-height:1.1;margin:2px 0 2px}
.up{color:#9fd6a3}.dn{color:#d99a92}
.ast{display:flex;align-items:baseline;gap:6px;padding:10px 0 0}.ast b{font-size:24px;font-weight:500;color:var(--tx)}.ast span{font-size:12px;color:var(--mu)}
.asub{font-size:11.5px;color:var(--mu);padding:2px 0 8px;border-bottom:1px solid rgba(255,255,255,.05)}
.arow{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:10px;align-items:center;padding:7px 0;border-top:1px solid rgba(255,255,255,.05)}
.arow .w{color:#9fd6a3}.arow .l{color:#d99a92}
.asel{min-width:0}.asel b{display:block;font-size:12.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asel small{display:block;font-size:11px;color:var(--mu);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aod{font-size:13px;color:var(--tx)}
.cols2{grid-template-columns:repeat(2,minmax(0,1fr)) !important;margin-top:10px !important}
.cols2 .br{padding:5px 0}
@media (max-width:999px){.cols2{grid-template-columns:1fr !important}}

/* build: coming soon */
.soon{font-style:normal;font-size:9.5px;line-height:15px;padding:0 6px;border-radius:999px;border:1px solid rgba(227,196,122,.35);color:#e3c47a;margin-left:6px;white-space:nowrap}
.nv .soon{font-size:9px;margin-left:5px}
.lockb{display:inline-flex !important;align-items:center;gap:6px}
.lockwrap{position:relative;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.08);margin-top:14px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01))}
.lockprev{padding:16px 18px 6px;filter:blur(3px);opacity:.5;pointer-events:none;user-select:none}
.lq{margin-bottom:14px}.lq b{display:block;font-weight:500;font-size:13px;margin-bottom:6px}
.lockov{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:24px;background:radial-gradient(80% 70% at 50% 50%,rgba(10,10,11,.82),rgba(10,10,11,.45))}
.lockov .lk{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid rgba(227,196,122,.4);color:#e3c47a;background:rgba(227,196,122,.08)}
.lockov b{font-size:16px;font-weight:500}.lockov p{margin:0;max-width:360px;font-size:12.5px;color:var(--mu);line-height:1.5}
.lockov .addb{display:inline-flex;align-items:center;text-decoration:none;margin-top:4px}

/* daily tip result + panel sort */
.tres{font-style:normal;margin-left:8px;font-size:10.5px;line-height:17px;padding:0 8px;border-radius:999px;border:1px solid rgba(255,255,255,.15);color:var(--mu);white-space:nowrap}
.tres.w{color:#9fd6a3;border-color:rgba(159,214,163,.45);background:rgba(159,214,163,.08)}.tres.l{color:#d99a92;border-color:rgba(217,154,146,.45);background:rgba(217,154,146,.08)}
.colh{align-items:center !important}
.psg{margin-left:auto;padding:2px !important;border-radius:9px !important}
.psg button{height:22px !important;padding:0 9px !important;font-size:10.5px !important;border-radius:7px !important}
.cdesc{margin:-2px 0 4px;font-size:10.5px;color:var(--mu)}
@media (max-width:760px){.psg{display:inline-flex !important}}

/* style vs strength */
.skey{display:flex;align-items:center;gap:8px;margin:6px 0 8px;font-size:11.5px;color:var(--mu)}
.skey b,.skeyx b{color:var(--tx);font-weight:500}
.info{width:17px;height:17px;flex-shrink:0;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:none;color:var(--mu);font:inherit;font-size:10px;line-height:1;cursor:pointer;display:grid;place-items:center}
.info:hover{color:#e3c47a;border-color:rgba(227,196,122,.45)}
.skeyx{margin:0 0 10px;padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);font-size:12px;color:var(--mu);line-height:1.5}
.skeyx p{margin:0}.skeyx p+p{margin-top:6px}
.bars{display:inline-flex;gap:2px;margin-right:5px;vertical-align:-1px}
.bars i{width:3px;height:8px;border-radius:1px;background:rgba(255,255,255,.12)}.bars i.on{background:var(--st,#e3c47a)}
.skeyx .bars i.on{background:#e3c47a}
.od small{display:flex !important;align-items:center;justify-content:flex-end;white-space:nowrap}
@media (max-width:760px){.skey{font-size:11px;align-items:flex-start}.skey .info{margin-top:1px}}

/* mobile-tidy */
.askc{display:none !important}
.hero2{grid-template-columns:1fr !important}
@media (max-width:760px){
.mn{padding:10px 12px 20px !important}
.mn>.hero2{order:1 !important;margin:0 0 10px !important}
.mn>.mctl{order:2 !important;margin:0 0 4px !important}
.hcard{padding:12px !important}
.hm{flex-wrap:nowrap !important;white-space:nowrap;overflow:hidden;min-width:0}
.hm>*{flex-shrink:0}
.hw{-webkit-line-clamp:2}
.hgold .dps{flex-wrap:nowrap !important;overflow-x:auto;scrollbar-width:none;margin-top:8px !important}
.hgold .dps::-webkit-scrollbar{display:none}
.hact{flex-wrap:nowrap !important;padding-top:10px !important}
.hlinks{width:auto !important;justify-content:flex-end !important}
.tgc{display:none !important}
.tb{margin:12px 0 2px !important;gap:2px 10px !important}
.tb h2{font-size:14px !important}
.tb .rsl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px !important;min-width:0;max-width:100%}
.tb .rsl>span:last-child{overflow:hidden;text-overflow:ellipsis}
.skey{margin:6px 2px 8px !important;flex-wrap:nowrap;align-items:center !important}
.skey>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}
.skeyx{margin:0 0 10px !important}
.cols{gap:10px !important}
.col{padding:0 12px 6px !important}
.cdesc{margin:0 0 4px !important}
.accs{margin-top:12px !important}}

/* scope counters + search soon */
.sgc{font-style:normal;font-size:10px;line-height:15px;margin-left:6px;padding:0 5px;border-radius:999px;background:rgba(255,255,255,.08);color:var(--mu)}
.sg button.on .sgc{background:rgba(227,196,122,.2);color:#e3c47a}
.soonsr{opacity:.65;cursor:not-allowed}.soonsr input{cursor:not-allowed}.soonsr .soon{margin-left:auto}

/* pick features explained */
.tb .rsl{margin:0 !important}
.skey{margin:2px 0 8px !important}
.info2{display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:0;color:var(--mu);font:inherit;font-size:11.5px;cursor:pointer}
.info2:hover{color:#e3c47a}.info2 .info{pointer-events:none}.info2:hover .info{color:#e3c47a;border-color:rgba(227,196,122,.45)}

/* key link on the right, no panel descriptions */
.cdesc{display:none !important}
.tb{flex-direction:row !important;flex-wrap:wrap !important;align-items:center !important;justify-content:space-between !important;gap:6px 12px !important;padding:0 2px}
.tb .rsl{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tb .info2{flex-shrink:0;margin-left:auto}
.tb .sg{order:3}
.skeyx{margin:4px 0 10px !important}
@media (max-width:999px){.tb .sg{flex-basis:100%}}
@media (max-width:760px){.tb{margin:12px 0 6px !important}.tb .info2{font-size:11px}}

/* align-pass: equal spacing, inset key row, equal-height panels */
.mn>.hero2{margin-bottom:0 !important}
.tb{margin:12px 0 !important;padding:0 14px !important}
.skeyx{margin:0 0 12px !important}
.lst,.cols{margin-top:0 !important}
.cols{align-items:stretch !important}
.col{display:flex !important;flex-direction:column}
.col .cmore{margin-top:auto !important}
.col .sel b{white-space:nowrap !important;overflow:hidden;text-overflow:ellipsis}
@media (max-width:760px){.tb{padding:0 12px !important;margin:10px 0 !important}.cols{gap:10px !important}}

/* match, team, league and player pages: coming soon */
.soonl{display:inline-flex !important;align-items:center;color:var(--mu) !important;cursor:default;opacity:.8}
.soonl .soon{margin-left:6px}
.soonwrap{min-height:240px}

/* slip + research icons */
.fct li{display:flex !important;align-items:flex-start;gap:7px;padding-left:0 !important}
.fct li::before{display:none !important}
.fct li .cr{width:13px !important;height:13px !important;flex-shrink:0;margin-top:2px}
.fct .fg{display:inline-grid;place-items:center;width:13px;height:13px;flex-shrink:0;margin-top:2px}
.fct .fg .tpl{width:10px;height:10px;margin:0;color:#e3c47a}
.dps span{display:inline-flex !important;align-items:center;gap:5px}
.dps svg{color:#e3c47a;opacity:.85;flex-shrink:0}
.rsf span i{font-style:normal;color:#6d6759;margin:0 1px}
.rsf .bk,.lg2 .bk,.shb .bk{display:inline-grid !important;place-items:center;min-width:14px !important;height:14px !important;font-size:7.5px !important;margin:0 4px 0 0 !important;border-radius:4px;vertical-align:-2px}
.lg2 .cr{width:13px !important;height:13px !important;vertical-align:-2px;margin:0 3px 0 0}

/* accuracy: same flow as Picks */
.accv .hero2{margin:0 !important}
.accv .colh>span{display:none !important}
.accv .cols2{margin-top:10px !important}
.accv .col{padding-bottom:10px !important}

/* tracking since */
.hlab .since{font-style:normal;margin-left:auto;font-size:10.5px;line-height:17px;padding:0 9px;border-radius:999px;border:1px solid rgba(227,196,122,.4);background:rgba(227,196,122,.08);color:#e3c47a;white-space:nowrap}
.hlab{width:100%}

/* rating hits per style */
.k5{--st:#e3c47a}.k4{--st:#b89a5c}.k3{--st:#948060}
.rrows{padding:6px 0 8px;border-bottom:1px solid rgba(255,255,255,.05)}
.rrow{display:grid;grid-template-columns:118px minmax(0,1fr) 44px 40px;align-items:center;gap:8px;width:calc(100% + 12px);margin:0 -6px;padding:4px 6px;border:0;border-radius:8px;background:none;color:var(--tx);font:inherit;font-size:11.5px;text-align:left;cursor:pointer}
.rrow:hover{background:rgba(255,255,255,.03)}
.rrow.on{background:rgba(227,196,122,.08);box-shadow:inset 0 0 0 1px rgba(227,196,122,.3)}
.rrow .rl{display:flex;align-items:center;white-space:nowrap;color:var(--st)}
.rbar{height:4px;border-radius:2px;background:rgba(255,255,255,.08);overflow:hidden}.rbar i{display:block;height:100%;background:var(--st)}
.rrow b{font-weight:500;text-align:right}.rrow small{color:var(--mu);font-size:10.5px;text-align:right}
.rclr{background:none;border:0;padding:4px 0 0;color:var(--mu);font:inherit;font-size:11px;cursor:pointer}.rclr:hover{color:#e3c47a}
.aod{display:inline-flex;align-items:center;gap:6px}
@media (max-width:760px){.rrow{grid-template-columns:108px minmax(0,1fr) 40px 36px}}

/* accuracy crests */
.asel small .cr{width:12px !important;height:12px !important;vertical-align:-2px;margin:0 3px 0 0}

/* sign in, membership, gating */
.hac{display:flex;align-items:center;gap:8px;margin-left:auto;padding-left:10px}
.acct{font-size:13px;color:var(--mu);text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center}.acct:hover{color:var(--tx)}.acct.plus{color:#e3c47a}
.joinb{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:9px;border:1px solid rgba(255,236,190,.35);background:radial-gradient(120% 140% at 15% 0%,rgba(255,240,200,.24),rgba(198,166,90,.12) 45%,rgba(198,166,90,.05));color:#e3c47a;font-size:12.5px;text-decoration:none;white-space:nowrap}
body.free [data-set="w"][data-v="48"],body.free [data-set="w"][data-v="72"],body.free [data-set="scope"][data-v="pop"],body.free .psg button:not(.on){opacity:.6}
body.free [data-set="w"][data-v="48"]::after,body.free [data-set="w"][data-v="72"]::after,body.free [data-set="scope"][data-v="pop"]::after,body.free .psg button:not(.on)::after{content:'';display:inline-block;width:9px;height:9px;margin-left:5px;vertical-align:-1px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e3c47a' stroke-width='2.2' stroke-linecap='round'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E") center/contain no-repeat}
.lockm{display:flex !important;align-items:center;justify-content:center;text-decoration:none;color:#e3c47a !important;border-color:rgba(227,196,122,.3) !important}
.kr{display:block;font-size:10px;margin-top:1px}.kr.won{color:#9fd6a3}.kr.lost{color:#d99a92}.kr.void{color:var(--mu)}
.plus{max-width:720px}
.plans{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.plan{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:14px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015));color:var(--tx);font:inherit;cursor:pointer;text-align:left}
.plan:hover{border-color:rgba(227,196,122,.5)}.plan b{font-size:22px;font-weight:500}.plan span{font-size:12px;color:var(--mu)}
.plan.best{border-color:rgba(255,236,190,.4);background:radial-gradient(120% 140% at 15% 0%,rgba(255,240,200,.18),rgba(198,166,90,.08) 45%,rgba(198,166,90,.03))}
.plan em{position:absolute;top:10px;right:12px;font-style:normal;font-size:10px;line-height:16px;padding:0 7px;border-radius:999px;background:rgba(227,196,122,.15);color:#e3c47a}
.cmp{margin-top:12px;padding:4px 16px 10px !important}
.cmph,.cmpr{display:grid;grid-template-columns:1fr 64px 96px;align-items:center;padding:8px 0;border-top:1px solid rgba(255,255,255,.05);font-size:12.5px}
.cmph{border-top:0;font-size:12px}.cmph b{font-weight:500;display:inline-flex;justify-content:center;align-items:center}
.cmpr i{font-style:normal;text-align:center;color:var(--mu)}.cmpr i.g{color:#e3c47a}
.sform{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.sform input{flex:1;min-width:200px;height:38px;padding:0 12px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:var(--tx);font:inherit;font-size:14px;outline:none}
.sform input:focus{border-color:rgba(227,196,122,.5)}.sform .addb{height:38px !important}
.anote.dn{color:#d99a92}.ask .hcard{margin-top:12px}
@media (max-width:760px){.hac{order:2}.joinb{height:28px;padding:0 10px;font-size:12px}.plans{grid-template-columns:1fr}}

/* tapered plus in FotBuild+, socials, mobile tab bar */
.tplw{display:inline-flex;align-items:flex-start;margin-left:1px}
.tpli{width:.62em;height:.62em;margin-top:.02em;color:#e3c47a;flex-shrink:0}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.soc{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;color:var(--mu);border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03)}
.soc svg{width:15px;height:15px}.soc:hover{color:#e3c47a;border-color:rgba(227,196,122,.35)}
.sg button{white-space:nowrap}
.tabbar{display:none}
@media (max-width:760px){
.nv{display:none !important}
.hd{padding:8px 12px !important}
.hac{order:2;margin-left:auto !important;gap:6px !important}
.joinb{display:none !important}
.tabbar{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:80;height:58px;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:rgba(16,16,18,.82);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);box-shadow:0 12px 40px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.08)}
.tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:var(--mu);font-size:10.5px;position:relative}
.tab svg{width:19px;height:19px}.tab .tpl{width:17px;height:17px;margin:0}.tab .tpli{width:7px;height:7px}
.tab span{display:inline-flex;align-items:flex-start}
.tab.on{color:#e3c47a}
.tab .tsoon{position:absolute;top:5px;right:calc(50% - 26px);font-style:normal;font-size:7.5px;line-height:12px;padding:0 4px;border-radius:999px;border:1px solid rgba(227,196,122,.35);color:#e3c47a;background:rgba(10,10,11,.9)}
.mn{padding-bottom:96px !important}
.trb{bottom:calc(76px + env(safe-area-inset-bottom,0px)) !important}
.ft2{padding-bottom:84px}}

/* Manrope everywhere */
body{letter-spacing:-.005em}
.od b,.gnum,.accbig,.ast b,.tot b,.rrow b,.aod,.ko,.sgc{font-variant-numeric:tabular-nums}
/* logo */
.lg2{gap:8px !important}
.lgm{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#C6A75A;color:#0A0B0D;flex-shrink:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
.lgm svg{width:17px;height:12px}
.lgw{font-weight:500;letter-spacing:-.01em}
/* search behind an icon */
.hsr{display:none !important}.hd.so .hsr{display:block !important}
.soc{cursor:pointer;font:inherit;padding:0}
@media (max-width:760px){
.lg2>span{display:inline-flex !important}
.mctl{display:flex !important;gap:8px !important;margin:12px 0 4px !important}
.mctl .sg{flex:1;padding:3px !important}
.mctl .sg button{flex:1;height:34px !important;padding:0 10px !important}
.tb .sg{margin-top:4px}
.mn>.hero2{margin-bottom:4px !important}}

/* liquid glass: Telegram button, social icons */
.tgc{display:inline-flex !important;align-items:center;gap:7px;height:30px;padding:0 13px;border-radius:10px;text-decoration:none;font-size:12px;color:#e6f5ff !important;white-space:nowrap;
  border:1px solid rgba(130,205,255,.45);background:radial-gradient(120% 140% at 15% 0%,rgba(130,210,255,.42),rgba(34,158,217,.26) 45%,rgba(20,110,160,.16));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 4px 14px rgba(34,158,217,.18)}
.tgc svg{width:14px;height:14px;flex-shrink:0}.tgc:hover{border-color:rgba(160,220,255,.7)}
.soc{transition:border-color .15s,box-shadow .15s}
.soc.tg{color:#fff !important;border-color:rgba(130,205,255,.5) !important;background:radial-gradient(120% 140% at 20% 0%,rgba(140,215,255,.6),rgba(34,158,217,.5) 45%,rgba(18,105,155,.42)) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 4px 14px rgba(34,158,217,.28)}
.soc.x{color:#fff !important;border-color:rgba(255,255,255,.26) !important;background:radial-gradient(120% 140% at 20% 0%,rgba(255,255,255,.26),rgba(255,255,255,.07) 50%,rgba(0,0,0,.55)) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 4px 14px rgba(0,0,0,.35)}
.soc.srch{color:#e3c47a !important;border-color:rgba(255,236,190,.35) !important;background:radial-gradient(120% 140% at 20% 0%,rgba(255,240,200,.26),rgba(198,166,90,.14) 45%,rgba(198,166,90,.05)) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}
@media (max-width:760px){
.tgc span{display:none}.tgc::after{content:'Daily tip on Telegram'}
.soonl{display:none !important}
.hm{flex-wrap:wrap !important;white-space:normal !important;overflow:visible !important;row-gap:3px}
.hgold .dps{flex-wrap:wrap !important;overflow:visible !important}
.hact{flex-wrap:wrap !important;gap:8px !important}
.hlinks{width:auto !important}}

/* logo centred, even header icons, Telegram placement */
.lg2>.lgm{display:inline-grid !important;place-items:center !important;width:28px !important;height:28px !important;padding:0 !important}
.lgm svg{display:block;width:17px !important;height:12px !important}
.soc{box-sizing:border-box !important;width:30px !important;height:30px !important;min-height:0 !important;padding:0 !important;margin:0 !important;line-height:0 !important;display:inline-grid !important;place-items:center;border-width:1px !important;border-style:solid !important;-webkit-appearance:none;appearance:none;vertical-align:middle}
.soc svg{width:15px !important;height:15px !important;display:block}
@media (max-width:760px){
.tgc span{display:inline !important}.tgc::after{content:none !important}
.hero2 .hact{display:grid !important;grid-template-columns:1fr 1fr;gap:8px !important;padding-top:12px !important}
.hero2 .hact>span:empty{display:none}
.hero2 .hact:has(>span:empty){grid-template-columns:1fr}
.hero2 .hact .addb,.hero2 .tgc{width:100%;height:36px !important;justify-content:center}
.hero2 .hlinks{width:100% !important;display:flex !important}
.hero2 .hlinks .tgc{flex:1}}

/* pricing cards */
.pricing{max-width:1040px}
.phead{font-size:30px;font-weight:500;letter-spacing:-.02em;margin:6px 0 6px;line-height:1.15}
.psub{font-size:13.5px;color:var(--mu);margin:0 0 18px}
.pmem{display:flex;align-items:center;gap:6px;color:#e3c47a;font-size:13px;margin:-8px 0 14px}
.pgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}
.pcard{display:flex;flex-direction:column;padding:20px 20px 22px;border-radius:18px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.012));box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}
.pcard.best{border:1.5px solid rgba(227,196,122,.65);background:radial-gradient(120% 90% at 10% 0%,rgba(227,196,122,.13),rgba(227,196,122,.03) 55%,rgba(255,255,255,.01));box-shadow:0 0 0 4px rgba(227,196,122,.06),0 18px 50px rgba(0,0,0,.35)}
.pname{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0;font-size:19px;font-weight:500;letter-spacing:-.01em}
.ptag{font-style:normal;font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;line-height:18px;padding:0 8px;border-radius:5px;background:rgba(227,196,122,.18);color:#e3c47a}
.pdesc{margin:8px 0 0;font-size:12.5px;color:var(--mu);line-height:1.5;min-height:38px}
.pprice{margin:18px 0 0}.pprice b{font-size:32px;font-weight:500;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.pcard.best .pprice b{color:#e3c47a}
.pbill{margin:2px 0 16px;font-size:11.5px;color:var(--mu)}
.pbtn{display:inline-flex;align-items:stretch;align-self:flex-start;height:40px;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:var(--tx);font:inherit;font-size:13px;text-decoration:none;cursor:pointer;padding:0}
.pbtn i{display:grid;place-items:center;width:38px;font-style:normal;font-size:16px;background:rgba(0,0,0,.45);border-right:1px solid rgba(255,255,255,.1)}
.pbtn span{display:flex;align-items:center;padding:0 16px}
.pbtn:hover{border-color:rgba(255,255,255,.3)}
.pbtn.gold{border-color:rgba(255,236,190,.45);background:radial-gradient(120% 140% at 15% 0%,rgba(255,240,200,.32),rgba(198,166,90,.2) 45%,rgba(198,166,90,.1));color:#f3dfae}
.pbtn.gold i{background:rgba(198,166,90,.35);color:#0A0A0B;border-right-color:rgba(255,236,190,.35)}
.pbtn.off{cursor:default;opacity:.6}.pbtn.off span{padding:0 16px}
.pdiv{height:2px;background:rgba(255,255,255,.14);margin:20px 0 14px;border-radius:1px}.pcard.best .pdiv{background:rgba(227,196,122,.45)}
.pfh{margin:0 0 10px;font-size:14px;font-weight:500}
.pfl{list-style:none;margin:0;padding:0}
.pfl li{display:flex;gap:9px;align-items:flex-start;padding:4px 0;font-size:12.5px;line-height:1.45;color:#cfc8b8}
.pfl svg{width:14px;height:14px;flex-shrink:0;margin-top:2px;color:#e3c47a}
.pfoot{margin:16px 0 0;font-size:11.5px;color:var(--mu);text-align:center}
@media (max-width:860px){.pgrid{grid-template-columns:1fr}.pcard.best{order:-1}.phead{font-size:24px}.pdesc{min-height:0}}

/* pricing-order: phones show Monthly, Yearly, Free */
@media (max-width:860px){
.pgrid .pcard:nth-child(2){order:1 !important}
.pgrid .pcard.best{order:2 !important}
.pgrid .pcard:nth-child(1){order:3 !important}}

/* accuracy banner */
.mn>.accban{order:3}
.accban{display:grid;grid-template-columns:1.15fr 1fr;gap:20px;margin:12px 0 0;padding:16px 18px;border-radius:16px;text-decoration:none;color:var(--tx);
  border:1px solid rgba(159,214,163,.28);background:radial-gradient(120% 160% at 0% 0%,rgba(159,214,163,.11),rgba(227,196,122,.05) 50%,rgba(255,255,255,.01));box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.accban:hover{border-color:rgba(159,214,163,.45)}
.ablab{display:flex;align-items:center;font-size:11px;color:var(--mu)}.ablab .tpl{width:11px;height:11px}
.abbig{display:flex;align-items:baseline;gap:8px;margin:4px 0 10px}.abbig b{font-size:32px;font-weight:500;color:#e3c47a;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.abbig span{font-size:12.5px;color:var(--mu)}
.abr1{display:grid;grid-template-columns:170px minmax(0,1fr) 46px;align-items:center;gap:10px;font-size:11.5px;padding:3px 0}
.abr1 b{font-weight:500;text-align:right;font-variant-numeric:tabular-nums}
.abbar{height:6px;border-radius:3px;background:rgba(255,255,255,.08);overflow:hidden}.abbar i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,#9c8150,#e3c47a)}
.abr1.mk{color:var(--mu)}.abr1.mk .abbar i{background:rgba(255,255,255,.28)}
.abrt{display:flex;flex-direction:column;justify-content:center;border-left:1px solid rgba(255,255,255,.07);padding-left:20px}
.abup{font-size:28px;font-weight:500;color:#9fd6a3;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.abrt p{margin:2px 0 10px;font-size:12px;color:var(--mu)}
.abch{display:flex;flex-wrap:wrap;gap:6px}
.abch span{font-size:11px;padding:3px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);color:var(--mu)}
.abch b{color:var(--tx);font-weight:500}.abch em{font-style:normal;color:#9fd6a3}
.abgo{margin-top:10px;font-size:12px;color:#e3c47a}
.pricing .accban{margin:0 0 16px}
@media (max-width:760px){
.mn>.accban{order:1 !important;margin:10px 0 4px !important}
.accban{grid-template-columns:1fr;gap:12px;padding:14px}
.abrt{border-left:0;padding-left:0;border-top:1px solid rgba(255,255,255,.07);padding-top:12px}
.abr1{grid-template-columns:120px minmax(0,1fr) 42px}.abbig b{font-size:28px}.abup{font-size:24px}}

/* results: below panels on desktop, slim strip on phones */
.accmini{display:none}
.mn>.accban{order:6 !important;margin-top:14px !important}
.pricing .accmini{display:none !important}
@media (max-width:760px){
.mn>.accban{display:none !important}
.mn>.accmini{display:grid;order:1;grid-template-columns:auto minmax(0,1fr) auto 10px;align-items:center;gap:12px;margin:8px 0 2px;padding:10px 14px;border-radius:14px;text-decoration:none;color:var(--tx);
  border:1px solid rgba(159,214,163,.28);background:radial-gradient(120% 160% at 0% 0%,rgba(159,214,163,.1),rgba(227,196,122,.05) 55%,rgba(255,255,255,.01))}
.accmini b{font-size:22px;font-weight:500;color:#e3c47a;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.accmini span{display:flex;flex-direction:column;font-size:12px;min-width:0}
.accmini small{font-size:10.5px;color:var(--mu);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.accmini em{display:flex;flex-direction:column;align-items:flex-end;font-style:normal;font-size:13px;font-weight:500;color:#9fd6a3;white-space:nowrap}
.accmini em small{font-weight:400}
.accmini i{font-style:normal;color:var(--mu);font-size:16px}}

/* accmini-2: spacing on home, slim strip on the pricing page */
@media (max-width:760px){
.mn>.hero2{margin-bottom:0 !important}
.mn>.accmini{margin:12px 0 0 !important}
.mn>.mctl{margin:12px 0 4px !important}
.pricing .accban{display:none !important}
.pricing .accmini{display:grid !important;grid-template-columns:auto minmax(0,1fr) auto 10px;align-items:center;gap:12px;margin:0 0 16px;padding:10px 14px;border-radius:14px;text-decoration:none;color:var(--tx);
  border:1px solid rgba(159,214,163,.28);background:radial-gradient(120% 160% at 0% 0%,rgba(159,214,163,.1),rgba(227,196,122,.05) 55%,rgba(255,255,255,.01))}
.pricing .accmini b{font-size:22px;font-weight:500;color:#e3c47a;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.pricing .accmini span{display:flex;flex-direction:column;font-size:12px;min-width:0}
.pricing .accmini small{font-size:10.5px;color:var(--mu);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pricing .accmini em{display:flex;flex-direction:column;align-items:flex-end;font-style:normal;font-size:13px;font-weight:500;color:#9fd6a3;white-space:nowrap}
.pricing .accmini em small{font-weight:400}
.pricing .accmini i{font-style:normal;color:var(--mu);font-size:16px}}

/* header-order: filters centred, icons and account on the right (desktop) */
@media (min-width:761px){
.hd{display:flex !important;align-items:center}
.hd>.lg2{order:1}
.hd>.nv{order:2}
.hd>.hr{order:3;margin:0 auto !important}
.hd>.hsr{order:4;flex:0 1 300px !important;margin:0 10px 0 0 !important}
.hd>.hac{order:5;margin-left:0 !important;padding-left:0 !important}}

/* pricing-nofilters: no window or scope filters on the pricing page (phones) */
@media (max-width:760px){.mn:has(.pricing)>.mctl{display:none !important}}

/* alerts + five-tab bar */
.lockov .lk svg{width:22px;height:22px}
@media (max-width:760px){
.tabbar{grid-template-columns:repeat(5,1fr) !important}
.tab{font-size:10px !important}.tab svg{width:18px !important;height:18px !important}
.tab .tsoon{right:calc(50% - 24px) !important}
.lockov .tgc span{display:inline !important}.lockov .tgc::after{content:none !important}}

/* plus-tab-icon: last tab shows the tapered plus only */
@media (max-width:760px){
.tabbar .tab:last-child>span{position:absolute !important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.tabbar .tab:last-child .tpl{width:22px !important;height:22px !important;color:#e3c47a;filter:drop-shadow(0 0 8px rgba(227,196,122,.35))}}

/* filters-picks-only: filters only on Picks (and the period switch on Accuracy) */
#fb:has(.mview:not(.accv)) .hd>.hr{display:none !important}
#fb:has(.mview:not(.accv)) .hd>.hac{margin-left:auto !important}
.mn:has(.mview:not(.accv))>.mctl{display:none !important}

/* no-backlink */
.bk2{display:none !important}
.mview>.ask,.mview>.plus,.mview>.hero2{margin-top:4px}

/* space after the tapered plus in card labels */
.hlab .tplw,.ablab .tplw{margin-right:.3em}

/* coming soon on paid plans */
.psoon{margin:16px 0 8px !important;padding-top:12px;border-top:1px dashed rgba(255,255,255,.1);color:var(--mu);font-size:13px !important}
.soonl2 li{color:var(--mu) !important;align-items:center !important}
.soonl2 li svg{color:rgba(227,196,122,.55) !important;margin-top:0 !important}
.soonl2 li span{flex:1}
.soonl2 .soon{margin-left:8px;flex-shrink:0}

/* Google Sans Flex everywhere (to go back to Manrope, delete this block) */
body{letter-spacing:0}

/* DM Sans everywhere */
@font-face{font-family:'DM Sans';src:url('fonts/dmsans-latin.woff2') format('woff2');font-weight:400 500;font-style:normal;font-display:swap}
html,body,button,input,select,textarea{font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif !important}
body{letter-spacing:0}

/* tabbar-dark-glass: black liquid glass, darker than the page */
@media (max-width:760px){
.tabbar{
  background:radial-gradient(120% 160% at 15% 0%,rgba(255,255,255,.10),rgba(255,255,255,.02) 40%,rgba(0,0,0,0) 62%),linear-gradient(180deg,rgba(6,6,7,.9),rgba(0,0,0,.95)) !important;
  -webkit-backdrop-filter:blur(24px) saturate(1.6) !important;backdrop-filter:blur(24px) saturate(1.6) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 18px 50px rgba(0,0,0,.78),0 0 0 1px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.16),inset 0 -1px 0 rgba(0,0,0,.65) !important}
.tab{isolation:isolate}
.tab.on::before{content:'';position:absolute;inset:6px 6px;border-radius:13px;z-index:-1;
  background:radial-gradient(120% 140% at 20% 0%,rgba(255,240,200,.16),rgba(198,166,90,.08) 50%,rgba(198,166,90,.02));
  border:1px solid rgba(255,236,190,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}
.tab .tsoon{background:#000 !important}}

/* pinned tab bar, header scrolls away */
.tabbar{position:fixed !important;-webkit-transform:translateZ(0);transform:translateZ(0)}
.hd{position:relative !important;top:auto !important}

/* fixed-bar-fix: nothing on html/body may trap position:fixed */
html,body{transform:none !important;-webkit-transform:none !important;filter:none !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important;perspective:none !important;will-change:auto !important;contain:none !important}
@media (max-width:760px){
.tabbar{position:fixed !important;top:auto !important;bottom:calc(10px + env(safe-area-inset-bottom,0px)) !important;left:10px !important;right:10px !important;margin:0 !important;-webkit-transform:none !important;transform:none !important}}

/* dm-sans-everywhere: one font on every element */
*,*::before,*::after,html,body,button,input,select,textarea{font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif !important}

/* won rows: soft green background */
.rw.rwon,.arow.arwon{position:relative;isolation:isolate}
.rw.rwon::after,.arow.arwon::after{content:"";position:absolute;
 inset:0;z-index:-1;pointer-events:none;
 background:linear-gradient(90deg,rgba(64,210,110,.10),
  rgba(64,210,110,.03))}
.rw.rwon:hover::after{background:linear-gradient(90deg,
 rgba(64,210,110,.14),rgba(64,210,110,.05))}
.leg .rw.rwon::after{display:none}

/* tabbar full width solid */
.tabbar{left:0 !important;right:0 !important;bottom:0 !important;
 margin:0 !important;border-radius:0 !important;border:0 !important;
 border-top:1px solid rgba(255,236,190,.14) !important;
 background:#0b0b0d !important;box-shadow:none !important;
 -webkit-backdrop-filter:none !important;backdrop-filter:none !important;
 box-sizing:border-box !important;
 height:calc(58px + env(safe-area-inset-bottom,0px)) !important;
 padding-bottom:env(safe-area-inset-bottom,0px) !important}

/* tabbar bigger */
.tabbar{height:calc(70px + env(safe-area-inset-bottom,0px)) !important;
 padding-top:6px !important}
.tabbar .tab{gap:5px !important}
.tabbar .tab svg{width:26px !important;height:26px !important}
.tabbar .tab:last-child .tpl{width:30px !important;height:30px !important}