/* Event pick'em results (fantasy/leaderboard/event.php, and fantasy/pickem/event.php once its card is
   over - fantasy/includes/event-results.php draws both). Everything is scoped to .elb (new class names, so the
   fantasy-2026 layer's !important rules for the old podium/table do not reach it).
   KOMBAT: graphite plates, 2px corners, gold figures, red actions, green/red only
   on right/wrong. Avatars beat the layer's square sweep with 4 ids. */
.elb{--elb-hit:#4ADE80;--elb-miss:var(--ember,#DB5A5E);--elb-gold:var(--belt,#F4C542);--elb-plate:var(--sf-4,#131419);--elb-plate2:var(--sf-6,#1A1B21);--elb-edge:var(--edge,#2A2C35);--elb-ink:var(--chalk,#F3F3F5);--elb-ink2:var(--ik-2,#B9BCC5);--elb-ink3:var(--ash,#8C909B);--elb-red:var(--act,#B01D26);
     max-width:1120px;margin:0 auto;padding:16px 16px 40px;display:flex;flex-direction:column;gap:16px;color:var(--elb-ink)}
:root[data-theme="light"] .elb{--elb-hit:#157A3E;--elb-plate:#FFFFFF;--elb-plate2:#F5F6F8}
.elb a{text-decoration:none}
.elb-k{display:block;font:700 .68rem/1.2 var(--f-mono,'JetBrains Mono',ui-monospace,monospace);letter-spacing:.12em;text-transform:uppercase;color:var(--elb-ink3)}
.elb-back{align-self:flex-start;font:700 .72rem/1 var(--f-mono,'JetBrains Mono',ui-monospace,monospace);letter-spacing:.1em;text-transform:uppercase;color:var(--cyan,#DB5A5E)}
.elb-back:hover{color:var(--elb-ink)}

/* hero */
.elb-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;background:var(--elb-plate);border:1px solid var(--elb-edge);border-top:2px solid var(--elb-red);padding:16px 18px}
.elb-poster{display:block;width:168px;aspect-ratio:3/2;overflow:hidden;background:var(--elb-plate2)}
.elb-poster img{width:100%;height:100%;object-fit:cover;display:block}
.elb-state{display:flex;align-items:center;gap:8px;margin:0 0 6px;font:700 .7rem/1.2 var(--f-mono,'JetBrains Mono',ui-monospace,monospace);letter-spacing:.12em;text-transform:uppercase;color:var(--elb-ink3)}
.elb-state i{width:8px;height:8px;background:var(--elb-ink3);flex:none}
.elb-state.is-final{color:var(--elb-ink2)}
.elb-state.is-final i{background:var(--elb-hit)}
.elb-state.is-live{color:var(--elb-miss)}
.elb-state.is-live i{background:var(--elb-miss);animation:elbPulse 1.4s ease-in-out infinite}
@keyframes elbPulse{50%{opacity:.35}}
.elb-hero h1{margin:0;font:700 clamp(1.7rem,3.2vw,2.5rem)/1 var(--f-display,'Barlow Condensed',sans-serif);text-transform:uppercase;letter-spacing:.01em;color:var(--elb-ink);text-wrap:balance}
.elb-meta{margin:8px 0 0;display:flex;flex-wrap:wrap;gap:4px 14px;font:600 .8rem/1.3 var(--f-mono,'JetBrains Mono',ui-monospace,monospace);letter-spacing:.06em;text-transform:uppercase;color:var(--elb-ink3)}
.elb-hero-a{display:flex;flex-direction:column;gap:8px}
.elb-hero-a a{display:flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border:1px solid var(--sf-8,#3A3C47);color:var(--elb-ink);font:700 .8rem/1 var(--f-display,'Barlow Condensed',sans-serif);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.elb-hero-a a:hover{border-color:var(--elb-ink3);background:var(--elb-plate2)}
html body .elb-hero-a .lbx-save{display:flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border:1px solid var(--elb-gold,#F4C542);border-radius:2px;background:transparent;color:var(--elb-gold,#F4C542);font:700 .8rem/1 var(--f-display,'Barlow Condensed',sans-serif);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;cursor:pointer}
html body .elb-hero-a .lbx-save:hover:not(:disabled),html body .elb-hero-a .lbx-save:focus-visible{background:var(--elb-gold,#F4C542);color:#1A1200}
html body .elb-hero-a .lbx-save:disabled{opacity:.6;cursor:progress}

/* your card */
.elb-you{display:flex;align-items:center;flex-wrap:wrap;gap:12px 22px;background:var(--elb-plate);border:1px solid var(--elb-edge);border-left:2px solid var(--elb-red);padding:12px 16px}
.elb-you-figs{display:flex;flex-wrap:wrap;gap:6px 22px;flex:1 1 auto}
.elb-you-figs span{display:flex;align-items:baseline;gap:5px}
.elb-you-figs b{font:700 1.6rem/1 var(--f-display,'Barlow Condensed',sans-serif);color:var(--elb-gold)}
.elb-you-figs small,.elb-you p{font-size:.82rem;color:var(--elb-ink2);margin:0}
.elb-you-go{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;background:var(--elb-red);color:#fff;font:700 .8rem/1 var(--f-display,'Barlow Condensed',sans-serif);letter-spacing:.1em;text-transform:uppercase}
.elb-you-go:hover{background:var(--act-hover,#C4222C);color:#fff}

/* awards */
.elb-awards{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.25fr;gap:10px}
.elb-aw{display:flex;flex-direction:column;gap:6px;min-width:0;background:var(--elb-plate);border:1px solid var(--elb-edge);padding:14px 16px}
.elb-aw.is-win{border-top:2px solid var(--elb-gold)}
.elb-aw.is-win .elb-k{color:var(--elb-gold)}
.elb-aw-who{display:flex;align-items:center;gap:10px;min-width:0}
.elb-aw-who a{font:700 1.3rem/1.05 var(--f-display,'Barlow Condensed',sans-serif);text-transform:uppercase;color:var(--elb-ink);overflow-wrap:anywhere}
.elb-aw-who a:hover{color:var(--elb-gold)}
.elb-aw-fig b{font:700 2rem/1 var(--f-display,'Barlow Condensed',sans-serif);color:var(--elb-gold)}
.elb-aw-fig small{font:700 .72rem/1 var(--f-mono,'JetBrains Mono',ui-monospace,monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--elb-ink3)}
.elb-aw-name{margin:0;font-weight:600;font-size:.92rem;line-height:1.3;color:var(--elb-ink)}
.elb-aw-note{margin:0;font-size:.8rem;line-height:1.35;color:var(--elb-ink2)}
.elb-aw.is-upset .elb-k{color:var(--elb-miss)}

/* two columns */
.elb-main{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:16px;align-items:start}
.elb-board,.elb-card{background:var(--elb-plate);border:1px solid var(--elb-edge);min-width:0}
.elb-sec-h{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;padding:14px 16px;border-bottom:1px solid var(--elb-edge)}
.elb-sec-h h2{margin:0;font:700 1.2rem/1 var(--f-display,'Barlow Condensed',sans-serif);text-transform:uppercase;letter-spacing:.04em;color:var(--elb-ink)}
.elb-sec-h p{margin:0;font-size:.78rem;color:var(--elb-ink3)}

/* board rows */
.elb-rows,.elb-picks ul,.elb-fts{list-style:none;margin:0;padding:0}
.elb-row{border-bottom:1px solid var(--elb-edge)}
.elb-row:last-child{border-bottom:0}
.elb-row summary{display:grid;grid-template-columns:30px auto minmax(0,1fr) auto 18px;align-items:center;gap:12px;padding:10px 14px;cursor:pointer;list-style:none}
.elb-row summary::-webkit-details-marker{display:none}
.elb-row summary::marker{content:''}
.elb-row .no-picks summary{cursor:default;grid-template-columns:30px auto minmax(0,1fr) auto}
.elb-row summary:hover{background:var(--elb-plate2)}
.elb-row summary:focus-visible{outline:2px solid var(--elb-gold);outline-offset:-2px}
.elb-row.is-me summary{box-shadow:inset 2px 0 0 var(--elb-red)}
.elb-rk{font:700 1.15rem/1 var(--f-display,'Barlow Condensed',sans-serif);color:var(--elb-ink3);text-align:center}
.elb-row.is-top .elb-rk{color:var(--elb-gold)}
.elb-who{display:flex;flex-direction:column;gap:3px;min-width:0}
.elb-nm{font-weight:700;font-size:.98rem;line-height:1.2;color:var(--elb-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.elb-youtag{font-style:normal;font:700 .62rem/1 var(--f-mono,'JetBrains Mono',ui-monospace,monospace);letter-spacing:.1em;text-transform:uppercase;padding:2px 5px;background:var(--elb-red);color:#fff;vertical-align:2px}
.elb-sub{font-size:.78rem;color:var(--elb-ink2)}
.elb-acc{display:block;height:3px;max-width:180px;background:var(--elb-plate2)}
.elb-acc i{display:block;height:100%;background:var(--elb-hit)}
.elb-pts{display:flex;align-items:baseline;gap:4px;justify-content:flex-end}
.elb-pts b{font:700 1.55rem/1 var(--f-display,'Barlow Condensed',sans-serif);color:var(--elb-gold);font-variant-numeric:tabular-nums}
.elb-pts small{font:700 .66rem/1 var(--f-mono,'JetBrains Mono',ui-monospace,monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--elb-ink3)}
.elb-chev{width:10px;height:10px;border-right:2px solid var(--elb-ink3);border-bottom:2px solid var(--elb-ink3);transform:rotate(45deg) translate(-3px,-3px);transition:transform .15s}
.elb-row details[open] .elb-chev{transform:rotate(225deg) translate(-3px,-3px)}
@media (prefers-reduced-motion:reduce){.elb-chev{transition:none}.elb-state.is-live i{animation:none}}

/* a player's picks */
.elb-picks{padding:4px 14px 14px 56px;background:var(--elb-plate2)}
.elb-picks li{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--elb-edge)}
.elb-picks li:last-child{border-bottom:0}
.elb-mk{width:16px;height:16px;position:relative}
.is-hit .elb-mk::before{content:'';position:absolute;left:5px;top:1px;width:5px;height:10px;border-right:2px solid var(--elb-hit);border-bottom:2px solid var(--elb-hit);transform:rotate(45deg)}
.is-miss .elb-mk::before,.is-miss .elb-mk::after{content:'';position:absolute;left:7px;top:1px;width:2px;height:14px;background:var(--elb-miss);transform:rotate(45deg)}
.is-miss .elb-mk::after{transform:rotate(-45deg)}
.is-push .elb-mk::before,.is-none .elb-mk::before{content:'';position:absolute;left:3px;top:7px;width:10px;height:2px;background:var(--elb-ink3)}
.elb-pk{display:flex;flex-direction:column;gap:2px;min-width:0}
.elb-pk b{font-weight:700;font-size:.9rem;color:var(--elb-ink)}
.is-miss .elb-pk b,.is-none .elb-pk b{color:var(--elb-ink2)}
.elb-pk small{font-size:.76rem;color:var(--elb-ink3);line-height:1.35}
.elb-pk small span{display:inline-block;font:700 .64rem/1 var(--f-mono,'JetBrains Mono',ui-monospace,monospace);letter-spacing:.06em;text-transform:uppercase;padding:2px 4px;border:1px solid var(--elb-edge);color:var(--elb-ink2);margin-left:2px}
.elb-pk small span.is-ok{border-color:var(--elb-hit);color:var(--elb-hit)}
.elb-pk small span.is-lock{border-color:var(--elb-gold);color:var(--elb-gold)}
.elb-pp{font:700 1rem/1 var(--f-display,'Barlow Condensed',sans-serif);color:var(--elb-ink3);font-variant-numeric:tabular-nums}
.is-hit .elb-pp{color:var(--elb-gold)}
.is-miss .elb-pp{color:var(--elb-miss)}
.elb-prof{display:inline-block;margin-top:10px;font:700 .72rem/1 var(--f-mono,'JetBrains Mono',ui-monospace,monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--cyan,#DB5A5E)}
.elb-legend{margin:0;padding:12px 16px;border-top:1px solid var(--elb-edge);font-size:.78rem;line-height:1.5;color:var(--elb-ink3)}
.elb-legend b{color:var(--elb-ink2)}
.elb-legend a{color:var(--cyan,#DB5A5E);font-weight:600}

/* how the card went */
.elb-ft{padding:11px 16px;border-bottom:1px solid var(--elb-edge)}
.elb-ft:last-child{border-bottom:0}
.elb-ft-top{display:flex;flex-wrap:wrap;gap:4px 10px;margin:0 0 4px;font:700 .64rem/1.3 var(--f-mono,'JetBrains Mono',ui-monospace,monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--elb-ink3)}
.elb-ft-tag{color:var(--elb-gold)}
.elb-ft-w{margin:0;font-size:.92rem;line-height:1.3}
.elb-ft-w a{font-weight:700;color:var(--elb-ink)}
.elb-ft-w a.is-l{font-weight:500;color:var(--elb-ink2)}
.elb-ft-w a:hover{color:var(--elb-gold)}
.elb-ft-w span{color:var(--elb-ink3);font-size:.8rem}
.elb-ft-call{display:flex;align-items:center;gap:10px;margin-top:7px}
.elb-ft-bar{flex:1 1 auto;height:4px;background:var(--elb-plate2)}
.elb-ft-bar i{display:block;height:100%;background:var(--elb-hit)}
.elb-ft.is-upset .elb-ft-bar i{background:var(--elb-miss)}
.elb-ft-n{flex:none;font-size:.76rem;color:var(--elb-ink3)}
.elb-ft-n b{color:var(--elb-ink2);font-weight:700}
.elb-ft-n em{font-style:normal;font:700 .62rem/1 var(--f-mono,'JetBrains Mono',ui-monospace,monospace);letter-spacing:.1em;text-transform:uppercase;padding:2px 5px;border:1px solid var(--elb-miss);color:var(--elb-miss);margin-left:4px}
.elb-ft.is-open .elb-ft-how{color:var(--elb-miss)}

/* next card + empty */
.elb-next{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;background:var(--elb-plate);border:1px solid var(--elb-edge);border-left:2px solid var(--elb-red);padding:14px 16px;color:var(--elb-ink)}
.elb-next-n{flex:1 1 220px;font:700 1.15rem/1.15 var(--f-display,'Barlow Condensed',sans-serif);text-transform:uppercase;color:var(--elb-ink)}
.elb-next-n i{font-style:normal;font:600 .72rem/1 var(--f-mono,'JetBrains Mono',ui-monospace,monospace);letter-spacing:.08em;color:var(--elb-ink3);margin-left:6px;white-space:nowrap}
.elb-next-go{display:inline-flex;align-items:center;min-height:40px;padding:0 18px;background:var(--elb-red);color:#fff;font:700 .82rem/1 var(--f-display,'Barlow Condensed',sans-serif);letter-spacing:.1em;text-transform:uppercase}
.elb-next:hover .elb-next-go{background:var(--act-hover,#C4222C)}
.elb-empty{background:var(--elb-plate);border:1px solid var(--elb-edge);padding:28px 18px;text-align:center;color:var(--elb-ink2)}
.elb-empty p{margin:0 0 12px}
.elb-empty a{color:var(--cyan,#DB5A5E);font-weight:700}

/* avatars: round, and they must beat the fantasy layer's square sweep */
html body.page-fantasy .elb .elb-av:not(#_):not(#__):not(#___):not(#____),
html body.page-fantasy .elb .elb-av img:not(#_):not(#__):not(#___):not(#____){border-radius:50% !important}
.elb-av{width:var(--av,36px);height:var(--av,36px);flex:none;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;background:var(--elb-plate2);border:1px solid var(--sf-8,#3A3C47);font:700 calc(var(--av,36px) * .42)/1 var(--f-display,'Barlow Condensed',sans-serif);color:var(--elb-ink)}
.elb-av img{width:100%;height:100%;object-fit:cover;display:block}
.elb-aw.is-win .elb-av{border-color:var(--elb-gold)}
.elb-aw.is-win{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"k k" "who who" "fig fig" "note note";row-gap:6px;column-gap:12px}
.elb-aw.is-win>.elb-k{grid-area:k}.elb-aw.is-win>.elb-aw-who{grid-area:who}.elb-aw.is-win>.elb-aw-fig{grid-area:fig}.elb-aw.is-win>.elb-aw-note{grid-area:note}

@media (max-width:999px){
    .elb-main{grid-template-columns:minmax(0,1fr)}
    .elb-awards{grid-template-columns:1fr 1fr}
    .elb-aw.is-win,.elb-aw.is-upset{grid-column:1 / -1}
}
@media (max-width:640px){
    .elb{padding:12px 12px 32px;gap:12px}
    .elb-hero{grid-template-columns:96px minmax(0,1fr);gap:12px;padding:12px}
    .elb-poster{width:96px}
    .elb-hero h1{font-size:1.45rem}
    .elb-meta{font-size:.7rem;gap:2px 10px}
    .elb-hero-a{grid-column:1 / -1;flex-direction:row}
    .elb-hero-a a{flex:1 1 0;min-height:44px}
    .elb-you-figs{gap:6px 16px}
    .elb-you-figs b{font-size:1.35rem}
    .elb-you-go{flex:1 1 100%;justify-content:center;min-height:44px}
    .elb-aw{padding:12px}
    .elb-aw-fig b{font-size:1.7rem}
    .elb-aw.is-win{grid-template-areas:"k fig" "who fig" "note fig";align-items:center}
    .elb-aw.is-win>.elb-aw-fig{text-align:right;align-self:center}
    .elb-row summary{grid-template-columns:24px auto minmax(0,1fr) auto 14px;gap:10px;padding:10px 12px;min-height:56px}
    .elb-row .no-picks summary{grid-template-columns:24px auto minmax(0,1fr) auto}
    .elb-picks{padding:2px 12px 12px 12px}
    .elb-ft{padding:10px 12px}
    .elb-next-go{flex:1 1 100%;justify-content:center;min-height:44px}
}

/* ---- the pick'em page once its card is over (fantasy/includes/pickem-results.php, 2026-10-25) ----
   The board on the left (the top ten, rows open to picks), every bout on the right: the winner's
   photo ringed gold, the loser greyed, how many players called it, and your own pick under it. */
.pkr-main{grid-template-columns:420px minmax(0,1fr)}
.pkr-gap{padding:2px 14px 4px;text-align:center;color:var(--elb-ink3);letter-spacing:.35em;border-bottom:1px solid var(--elb-edge)}
.pkr-all{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-top:1px solid var(--elb-edge);font:700 .82rem/1 var(--f-display,'Barlow Condensed',sans-serif);letter-spacing:.1em;text-transform:uppercase;color:var(--elb-ink)}
.pkr-all:hover{background:var(--elb-plate2);color:var(--elb-gold)}
.pkr-fts{list-style:none;margin:0;padding:0}
.pkr-ft{padding:12px 16px 14px;border-bottom:1px solid var(--elb-edge);scroll-margin-top:96px}
.pkr-ft:last-child{border-bottom:0}
.pkr-ft-top{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:0 0 10px;font:700 .66rem/1.3 var(--f-mono,'JetBrains Mono',ui-monospace,monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--elb-ink3)}
.pkr-ft-no{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 4px;border:1px solid var(--elb-edge);color:var(--elb-ink2)}
.pkr-ft-how{margin-left:auto;color:var(--elb-ink2);text-align:right}
.pkr-ft-bout{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px}
.pkr-fx{display:flex;align-items:center;gap:10px;min-width:0;color:var(--elb-ink)}
.pkr-ft-bout>.pkr-fx:last-child{flex-direction:row-reverse;text-align:right}
html body .elb .pkr-ph:not(#_):not(#__):not(#___):not(#____){position:relative;flex:none;width:58px;height:58px;border-radius:50% !important;overflow:hidden;background:var(--elb-plate2);border:2px solid var(--sf-8,#3A3C47)}
html body .elb .pkr-ph img:not(#_):not(#__):not(#___):not(#____){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 12%;border-radius:0 !important}
html body .elb .pkr-fx.is-w .pkr-ph:not(#_):not(#__):not(#___):not(#____){border-color:var(--elb-gold);box-shadow:0 0 0 3px rgba(244,197,66,.18)}
.pkr-fx.is-l .pkr-ph{filter:grayscale(1);opacity:.55}
.pkr-nm{min-width:0;font:700 1.08rem/1.05 var(--f-display,'Barlow Condensed',sans-serif);text-transform:uppercase;letter-spacing:.01em;overflow-wrap:break-word}
.pkr-fx.is-l .pkr-nm{color:var(--elb-ink3);font-weight:600}
.pkr-fx.is-d .pkr-nm{color:var(--elb-ink2)}
a.pkr-fx:hover .pkr-nm{color:var(--elb-gold)}
.pkr-def{font:700 .68rem/1 var(--f-mono,'JetBrains Mono',ui-monospace,monospace);letter-spacing:.1em;text-transform:uppercase;color:var(--elb-ink3)}
.pkr-ft .elb-ft-call{margin-top:12px}
.pkr-mine{display:grid;grid-template-columns:auto 18px minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:10px;padding:8px 12px;background:var(--elb-plate2);box-shadow:inset 2px 0 0 var(--elb-ink3)}
.pkr-mine.is-hit{box-shadow:inset 2px 0 0 var(--elb-hit)}
.pkr-mine.is-miss{box-shadow:inset 2px 0 0 var(--elb-miss)}
.pkr-mine-k{font:700 .62rem/1 var(--f-mono,'JetBrains Mono',ui-monospace,monospace);letter-spacing:.1em;text-transform:uppercase;color:var(--elb-ink3)}
.pkr-you button.elb-you-go{border:0;cursor:pointer}
@media (max-width:999px){.pkr-main{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){
    html body .elb .pkr-ph:not(#_):not(#__):not(#___):not(#____){width:46px;height:46px}
    .pkr-nm{font-size:.98rem}
    .pkr-nm.is-long{font-size:.8rem;letter-spacing:0}
    .pkr-ft{padding:12px}
    .pkr-fx{gap:8px}
    .pkr-ft-bout{gap:6px}
    .pkr-mine{grid-template-columns:18px minmax(0,1fr) auto;row-gap:6px}
    .pkr-mine-k{grid-column:1 / -1}
}
