/* Extends the shared Brodilka artwork, fonts and playable demo. */
.bar-nav-cta {margin-left:0}
.bar-hero {overflow:hidden;position:relative;border-bottom:6px solid var(--yellow)}
.bar-hero-inner {position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:600px;padding-block:66px 58px}
.bar-hero-copy {position:relative;z-index:1}
.bar-label {display:inline-flex;align-items:center;gap:10px;padding:6px 12px;border:1px solid #ffe00099;border-radius:4px;color:var(--yellow);font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.bar-label i {width:12px;height:12px;background:repeating-conic-gradient(var(--yellow) 0 25%,transparent 0 50%) 0 0/6px 6px}
.bar-hero h1 {margin:18px 0 21px;color:var(--paper);font-size:clamp(84px,8.7vw,128px);line-height:.84;letter-spacing:-.057em}
.bar-hero h1 em {font-style:normal;color:var(--yellow)}
.bar-lead {max-width:462px;margin:25px 0 26px;font-size:clamp(17px,1.5vw,21px);line-height:1.46}
.bar-next {display:inline-flex;gap:9px;align-items:center;color:#e6ddf4;font-size:14px;text-decoration:none;margin-top:20px}
.bar-next:hover {text-decoration:underline;text-underline-offset:4px}
.signal {flex:none;width:8px;height:8px;border-radius:50%;background:var(--yellow)}
.bar-art {position:relative;width:100%;margin-left:0;filter:drop-shadow(0 22px 24px #0a05153d)}
.bar-art img {width:100%;height:auto}
.bar-rules,.bar-schedule {padding:clamp(54px,6.5vw,94px) 0}
.bar-rules .eyebrow,.bar-effects .eyebrow,.bar-schedule .eyebrow {margin-bottom:14px}
.bar-steps {list-style:none;padding:0;margin:38px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
.bar-steps li {margin:0;border-top:1px solid #ad9a7a;padding-top:20px;display:flex;align-items:flex-start;gap:14px}
.bar-steps li>span {background:var(--purple);color:white;border-radius:6px;display:grid;place-items:center;flex:0 0 36px;height:36px;font:900 16px/1 Quizium,Arial,sans-serif;transform:rotate(-5deg)}
.bar-steps h3 {font-size:clamp(21px,1.9vw,27px);margin:3px 0 11px}
.bar-steps p {font-size:16px;line-height:1.5}
.demo-section {padding:clamp(56px,6vw,86px) 0}
.bar-effects {padding:56px 0}
.bar-effects-inner {display:grid;grid-template-columns:1fr 1.15fr;gap:40px;align-items:center}
.bar-effects h2 {font-size:clamp(32px,3.7vw,52px)}
.bar-effects h2+p {margin-top:12px;max-width:360px;color:#e1d9ef}
.bar-effect-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.bar-effect {position:relative;border:1px solid #a496af;border-radius:12px;background:var(--paper);color:var(--ink);padding:16px 8px 14px;text-align:center;transition:transform .18s}
.bar-effect:hover {transform:translateY(-4px)}
.bar-effect img {display:block;width:clamp(48px,5.5vw,76px);height:auto;margin:0 auto 8px}
.bar-effect strong {font-size:18px}
.bar-effect>span {position:absolute;top:8px;right:11px;color:var(--purple)}
.bar-schedule-head {display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:32px}
.bar-schedule-head>a {flex-shrink:0;color:var(--purple);padding-bottom:5px}
.bar-games {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.bar-game {display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #c8bfa9;border-radius:15px;background:#fffdf9;box-shadow:0 4px 0 #37204512}
.bar-game-image {width:100%;height:auto;aspect-ratio:1476/570;object-fit:cover;background:var(--navy)}
.bar-game-body {display:flex;flex-direction:column;flex:1;padding:20px}
.bar-game-meta,.bar-ticket-meta {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}
.bar-game-meta>span:first-child {font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--purple)}
.bar-status {border-radius:4px;padding:3px 7px;font-weight:700;font-size:11px;color:#205243;background:#dff1de}
.bar-status.muted {color:#514362;background:#f0ebf6}
.bar-game-date {margin:17px 0 4px;font-weight:900;font-size:clamp(23px,2.2vw,31px);letter-spacing:-.035em;line-height:1.1;text-transform:lowercase}
.bar-game-date span {white-space:nowrap}
.bar-game h3 {font-size:19px;letter-spacing:-.015em;line-height:1.25}
.bar-venue {margin:18px 0 20px;line-height:1.4}
.bar-venue strong,.bar-venue span {display:block}
.bar-venue span {color:#695d70;font-size:14px}
.bar-ticket {margin-top:auto;border-top:1px dashed #b4a8bb;padding-top:14px}
.bar-ticket-meta {font-size:14px;color:#675a70;margin-bottom:14px}
.bar-ticket-meta b {color:var(--ink)}
.bar-ticket .button {min-height:46px;justify-content:space-between;padding:12px 16px;font-size:16px}
.bar-empty {padding:32px;border:1px dashed #b4a8bb;border-radius:14px;background:#fffdf9}
.bar-empty p {margin:12px 0 20px}
.bar-footer {border-top:1px solid #d9cbb7}
.bar-footer>.wrap {display:flex;justify-content:space-between;gap:20px;align-items:center}
.bar-footer a:not(.wordmark) {font-size:14px;text-underline-offset:4px}
@media(max-width:900px){
 .bar-hero-inner {min-height:510px;padding-block:50px}
 .bar-hero h1 {font-size:clamp(72px,9.4vw,92px)}
 .bar-steps {gap:20px}.bar-steps li {display:block}.bar-steps li>span {width:36px;margin-bottom:14px}
 .bar-games {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
 .bar-nav-cta {margin-left:auto}
 .bar-hero-inner {min-height:0;grid-template-columns:1fr;padding-block:33px 0}
 .bar-hero h1 {font-size:clamp(69px,15.2vw,96px);margin:17px 0}
 .bar-lead {margin:17px 0 20px;max-width:450px}
 .bar-art {width:min(91%,430px);margin:-2px 0 0 auto}
 .bar-art img {max-height:270px;object-fit:contain;object-position:center}
 .bar-steps,.bar-effects-inner {grid-template-columns:1fr}
 .bar-steps {gap:19px;margin-top:24px}.bar-steps li {display:flex;padding-top:17px}.bar-steps li>span {margin:0}
 .bar-effects-inner {gap:22px}.bar-effects {padding:42px 0}
 .bar-effect-grid {gap:8px}.bar-effect strong {font-size:16px}
 .bar-schedule-head {align-items:flex-start;flex-direction:column;gap:14px}
}
@media(max-width:570px){
 .bar-games {grid-template-columns:1fr}
 .bar-game-body {padding:18px}.bar-game-date {font-size:29px}
 .bar-hero .button-row {gap:18px}.bar-hero .button {padding:15px 18px;min-height:48px;font-size:16px;gap:15px}
 .bar-hero .text-link {font-size:14px}
 .bar-label {font-size:10px}
 .bar-footer>.wrap {flex-wrap:wrap}
 .bar-nav-cta {min-height:38px;padding:9px 11px;font-size:13px;gap:8px}
}
@media(max-width:370px){.header-inner{gap:8px}.bar-nav-cta>span{display:none}}
.bar-more {grid-column:1/-1;color:var(--yellow);font-weight:700}
.awards-grid {margin-top:30px}
.bar-team-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:36px}
.bar-team-grid article {display:flex;align-items:center;gap:20px;border-top:1px solid #d9cbb7;padding-top:24px}
.bar-team-grid img {width:clamp(70px,9vw,126px);height:115px;object-fit:contain}
.bar-team-grid h3 {font-size:24px;margin-bottom:8px}
@media(max-width:760px){.bar-team-grid{grid-template-columns:1fr}.bar-team-grid article{gap:14px}.bar-team-grid img{height:78px}}