/* Append after landing.css. All essential text >=16px; secondary labels >=14px. */
#graphic-board{aspect-ratio:16/9;container-type:inline-size}
#graphic-board[hidden]{display:none!important}
.show-board{--sb-ink:#eef2ea;--sb-muted:#aabfc9;--sb-line:#46606d;--sb-accent:var(--cta);box-sizing:border-box;min-height:100%;padding:4%;color:var(--sb-ink);background:radial-gradient(ellipse at 85% 25%,#3b546442,transparent 56%),linear-gradient(135deg,#16242d,#091218 72%);font:400 18px/1.4 var(--font-sans)}
.show-board *{box-sizing:border-box}
.sb-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:20px;border-bottom:2px solid var(--sb-accent)}
.sb-kicker,.sb-demo,.sb-label,.sb-match h5{font:400 14px/1.4 var(--font-sans);color:var(--sb-muted)}
.sb-kicker{color:var(--sb-accent)}
.sb-header h3{margin:6px 0 0;font:700 clamp(40px,4.6cqw,64px)/1 'Saira Condensed',sans-serif;letter-spacing:-.01em}
.sb-demo{padding-top:4px;white-space:nowrap}
.sb-content{display:grid;grid-template-columns:.9fr 1.6fr;gap:4%;padding-top:24px}
.sb-content h4{margin:0 0 18px;font:600 22px/1.2 'Saira Condensed',sans-serif;color:var(--sb-ink)}
.sb-schedule{list-style:none;padding:0;margin:0}
.sb-schedule li{display:grid;grid-template-columns:75px 1fr;gap:16px;padding:15px 0;border-top:1px solid var(--sb-line)}
.sb-time{font:600 26px/1.3 'Chakra Petch',sans-serif;color:#bbced5}
.sb-label{display:block;margin-bottom:5px}
.sb-schedule strong{display:block;font:600 19px/1.35 'Saira Condensed',sans-serif}
.sb-schedule strong b{float:right;font:600 20px/1.3 'Chakra Petch',sans-serif;color:var(--sb-accent);margin-left:12px}
.sb-schedule strong i{font-style:normal;font-size:16px;color:var(--sb-muted);margin-right:4px}
.sb-schedule .sb-up-next{border-top-color:var(--sb-accent)}
.sb-up-next .sb-time,.sb-up-next .sb-label{color:var(--sb-accent)}
.sb-rounds{display:grid;grid-template-columns:1.15fr 12% .9fr;align-items:center}
.sb-semis{display:grid;gap:20px}
.sb-match{background:#11212b;border-left:3px solid #7f9dab}
.sb-match h5{margin:0;padding:8px 12px;border-bottom:1px solid #304955}
.sb-team{display:flex;align-items:center;gap:10px;padding:8px 12px;color:var(--sb-muted)}
.sb-team img{width:32px;height:32px;object-fit:contain;flex-shrink:0}
.sb-team strong{font:600 19px/1.15 'Saira Condensed',sans-serif}
.sb-team>b{margin-left:auto;font:600 24px/1 'Chakra Petch',sans-serif}
.sb-team.sb-winner{color:var(--sb-ink);background:#46687926}
.sb-winner>b{color:var(--sb-accent)}
.sb-flow{position:relative;height:58%;border-block:2px solid var(--sb-accent);margin-right:50%;border-right:2px solid var(--sb-accent);color:var(--sb-accent)}
.sb-flow::after{content:"";position:absolute;left:100%;top:50%;width:100%;border-top:2px solid var(--sb-accent)}
.sb-flow i{position:absolute;left:164%;top:50%;transform:translateY(-52%);font-style:normal;font-size:25px;z-index:1}
.sb-final{padding:16px 14px 20px;border-top:4px solid var(--sb-accent);background:linear-gradient(155deg,#3f382f,#17212a 65%);clip-path:polygon(0 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%)}
.sb-final h5{margin:0 0 20px;text-align:center;font:600 22px/1.2 'Saira Condensed',sans-serif;color:var(--sb-accent)}
.sb-final h5 span{display:block;margin-top:7px;font:600 24px/1.1 'Chakra Petch',sans-serif}
.sb-final-teams{display:grid;justify-items:center;gap:12px}
.sb-final-team{display:flex;align-items:center;gap:12px}
.sb-final-team img{width:48px;height:48px;object-fit:contain;flex-shrink:0}
.sb-final-team strong{font:700 22px/1.1 'Saira Condensed',sans-serif}
.sb-vs{font:400 16px/1 var(--font-sans);color:var(--sb-muted)}
@media(max-width:1200px){#graphic-board{aspect-ratio:auto}.sb-content{grid-template-columns:1fr;gap:32px}.sb-rundown{order:2}.sb-rounds{grid-template-columns:1fr 12% 1fr}.sb-final-team strong{font-size:24px}.sb-schedule li{grid-template-columns:90px 1fr}.sb-schedule strong br{display:none}.sb-schedule strong{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.sb-schedule strong b{float:none;order:0;margin:0 4px}.sb-schedule strong i{margin:0}}
@media(max-width:600px){.show-board{padding:24px 18px}.sb-header{gap:12px}.sb-header h3{font-size:40px}.sb-content{padding-top:24px;gap:28px}.sb-content h4{font-size:24px}.sb-rounds{grid-template-columns:1fr}.sb-semis{gap:16px}.sb-match h5{padding:10px 14px}.sb-team{padding:10px 14px}.sb-team strong{font-size:22px}.sb-team img{width:36px;height:36px}.sb-flow{height:42px;width:0;margin:0 auto;border:0;border-left:2px solid var(--sb-accent)}.sb-flow::after{display:none}.sb-flow i{left:0;top:72%;transform:translate(-48%,-50%) rotate(90deg);font-size:28px}.sb-final{padding:18px 16px 22px}.sb-final h5{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;text-align:left;font-size:24px}.sb-final h5 span{margin:0}.sb-final-teams{grid-template-columns:1fr auto 1fr;gap:12px}.sb-final-team{flex-direction:column;gap:10px;text-align:center}.sb-final-team img{width:58px;height:58px}.sb-final-team strong{font-size:22px}.sb-schedule li{grid-template-columns:72px 1fr;gap:14px}.sb-schedule strong{font-size:20px}.sb-time{font-size:24px}}
