/* Winterclick: the illustrated, light event overview and shared pixel characters. */
.mascot { display:inline-flex; align-items:flex-end; justify-content:center; flex:none; width:48px; height:58px; }
.mascot svg { display:block; width:100%; height:100%; overflow:hidden; }
.mascot.xs { width:24px; height:29px; }
.mascot.sm { width:36px; height:44px; }
.mascot.lg { width:64px; height:78px; }
.mascot.hero-emblem { width:106px; height:128px; }
.mascot.reveal-emblem { width:120px; height:146px; }
.mascot.game-mascot { width:148px; height:180px; }
.emblem img { object-fit:contain; }
.wc-home { padding-top:21px; }
.wc-hero { min-height:539px; position:relative; isolation:isolate; overflow:hidden; background:#f8f5eb; border:1px solid #e1e3d8; border-radius:15px; display:flex; align-items:center; }
.wc-hero-art { position:absolute; inset:0; z-index:-2; background:url('/assets/winterclick-hero.png') no-repeat center 78% / cover; }
.wc-hero-art:after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,#f8f5edcf 0%,#f8f5ed72 28%,#f8f5ed00 49%); }
.wc-hero-copy { width:50%; padding:48px 0 45px 49px; position:relative; z-index:2; }
.wc-season { display:inline-flex; align-items:center; gap:9px; color:#5c756c; border:1px solid #ccd6c980; border-radius:5px; background:#fffdf699; padding:7px 10px; font-family:'Silkscreen',monospace; font-size:9px; letter-spacing:-.025em; line-height:1.4; }
.wc-season:before { content:''; width:6px; height:6px; background:#d2814f; box-shadow:3px -3px 0 #d2814f40; flex:none; }
.wc-season:has(.icon):before { display:none; }
.wc-season>.icon { width:14px; height:14px; color:#7a998c; }
.wc-hero h1 { font-family:'Space Grotesk',Manrope,sans-serif; font-size:clamp(54px,5.4vw,76px); line-height:1.025; letter-spacing:-.065em; font-weight:700; margin:24px 0 0; color:#243d38; }
.wc-hero h1 span { color:#47796b; }
.wc-hero-copy>p { max-width:340px; font-size:13px; line-height:1.9; color:#5a7068; margin-top:23px; }
.wc-hero .hero-actions { margin-top:28px; gap:12px; }
.wc-hero .button { min-height:45px; font-size:11px; padding:12px 19px; }
.wc-hero .button.ghost { background:#fffdf4b3; }
.wc-hero-note { color:#61776e; font-size:10px; line-height:1.6; margin-top:20px; display:flex; gap:8px; align-items:center; }
.wc-hero-note .icon { width:15px; height:15px; color:#a97448; }
.wc-scene-caption { position:absolute; bottom:22px; right:22px; display:flex; align-items:center; gap:14px; border:1px solid #ffffffbb; padding:10px 14px; background:#fffdf5da; border-radius:7px; color:#425e55; backdrop-filter:blur(6px); }
.wc-scene-caption small { font-family:'Silkscreen',monospace; font-size:9px; color:#b1784b; border-right:1px solid #cdd4c8; padding-right:14px; }
.wc-scene-caption span { font-size:10px; font-weight:600; }
.wc-event-bar { display:grid; grid-template-columns:1fr 1fr 1fr 1.25fr; border-bottom:1px solid #dce0d5; margin-top:17px; padding:20px 0 22px; }
.wc-event-stat { display:flex; align-items:center; justify-content:center; gap:12px; border-right:1px solid #dce0d5; color:#47645a; }
.wc-event-stat:first-child { justify-content:flex-start; padding-left:25px; }
.wc-event-stat:last-child { border:0; justify-content:flex-end; padding-right:25px; gap:13px; }
.wc-event-stat b { font-family:'Space Grotesk',sans-serif; font-size:29px; font-weight:600; line-height:1; letter-spacing:-.06em; color:#29463c; }
.wc-event-stat>span { font-size:10px; font-weight:600; letter-spacing:.04em; }
.wc-event-stat:last-child b { font-family:Manrope,sans-serif; font-size:12px; font-weight:700; letter-spacing:-.015em; line-height:1.5; }
.wc-event-stat:last-child small { font-size:9px; display:block; color:#7b8d83; font-weight:500; margin-top:2px; }
.wc-event-stat:last-child>.icon { width:24px; height:24px; color:#7f9786; }
.wc-home .section { padding-top:44px; }
.wc-home .section-head { margin-bottom:20px; }
.wc-home .section-head h2 { font-size:29px; letter-spacing:-.045em; text-transform:none; }
.wc-home .section-head .eyebrow { font-size:8px; letter-spacing:.13em; color:#879487; }
.wc-home .live-grid { grid-template-columns:1.75fr 1fr; gap:19px; }
.wc-home .featured-match { border-color:#9cb6a3; }
.wc-home .featured-match .match-top { background:#f1f5ed; }
.wc-home .featured-match .match-versus { min-height:140px; }
.wc-home .featured-match .match-team { font-size:17px; font-weight:700; gap:13px; }
.wc-home .featured-match .match-team.away { flex-direction:row-reverse; }
.wc-home .featured-match .mascot.lg { width:58px; height:72px; }
.wc-home .featured-match .match-score { font-size:39px; gap:13px; padding-inline:6px; }
.wc-home .featured-match .match-score>span { color:#9aaa9c; font-size:24px; }
.wc-home .next-match { min-height:85px; }
.wc-home .next-teams>span { font-size:10px; }
.wc-home .next-teams .mascot { width:24px; height:28px; }
.wc-home .next-teams { gap:1px; }
.wc-home .ticker-strip { margin-top:12px; min-height:43px; background:#edf2e8; border-color:#d7dfd0; }
.wc-home .ticker-strip p { font-size:10px; color:#637a69; }
.wc-home .ticker-strip>span { color:#466650; }
.wc-home .games-grid { gap:20px; }
.wc-game-art { height:192px; aspect-ratio:auto; display:flex; align-items:flex-end; justify-content:center; position:relative; overflow:hidden; background:#f1e2d1; border-bottom:1px solid #e1ddd2; }
.wc-game-art:before { content:''; position:absolute; height:36px; left:0; right:0; bottom:0; background:#e2cfb6; border-top:4px solid #eadcc9; }
.wc-game-art:after { content:''; position:absolute; width:71px; height:71px; top:31px; right:30px; left:auto; bottom:auto; background:#f8eedfa6; border-radius:50%; }
.wc-game-art .game-mascot { position:relative; z-index:2; width:136px; height:175px; margin-bottom:8px; transition:transform .2s ease; }
.game-card:hover .wc-game-art .game-mascot { transform:translateY(-4px) rotate(-2deg); }
.wc-game-number { position:absolute; top:17px; left:19px; font-family:'Silkscreen',monospace; font-size:10px; color:#9c7856; z-index:3; }
.wc-game-stamp { position:absolute; right:17px; bottom:13px; z-index:4; font-family:'Silkscreen',monospace; font-size:8px; background:#fffaf0a3; color:#82684e; border:1px solid #fff7ea; padding:5px 7px; border-radius:3px; }
.wc-game-art[data-game='tm'] { background:#deedf0; }
.wc-game-art[data-game='tm']:before { background:#bccfd5; border-color:#ccdde0; }
.wc-game-art[data-game='tm']:after { background:#f2f9f6c9; }
.wc-game-art[data-game='tm'] .wc-game-number { color:#5b8992; }
.wc-game-art[data-game='tm'] .wc-game-stamp { background:#f4fbf9b3; color:#5a8087; border-color:#f6ffff; }
.wc-game-art[data-game='cs'] { background:#e8e3ef; }
.wc-game-art[data-game='cs']:before { background:#d0c8dd; border-color:#ddd5e7; }
.wc-game-art[data-game='cs']:after { background:#f7f3ff99; }
.wc-game-art[data-game='cs'] .wc-game-number { color:#8c7a9a; }
.wc-game-art[data-game='cs'] .wc-game-stamp { background:#f9f5ffb5; color:#827190; border-color:#fff9ff; }
.game-card .wc-game-art .status { position:absolute; top:15px; bottom:auto; right:15px; left:auto; z-index:3; background:#fffdf3df; }
.game-card .wc-game-art .status.live { color:#3f6d40; }
.game-card .wc-game-art .status.done { color:#657260; }
.game-card .wc-game-art .status.scheduled { color:#526d77; }
.wc-game-art .game-day { color:#6b5c47; font-size:8px; left:16px; bottom:13px; }
.game-card-content { padding:21px 22px; }
.game-card-content>.eyebrow { font-family:Manrope,sans-serif; font-size:8px; font-weight:700; letter-spacing:.12em; }
.game-card h3 { font-size:26px; margin-top:9px; line-height:1.15; letter-spacing:-.04em; }
.game-card p { color:#7b887a; font-size:10px; margin-top:10px; }
.game-card-end { margin-top:25px; }
.game-card-end span { font-size:8px; color:#788975; }
.progress-track { height:3px; background:#e6e8df; border-radius:4px; overflow:hidden; }
.wc-home .bottom-grid { grid-template-columns:1.13fr 1fr; gap:26px; }
.wc-home .bottom-grid .section-head h2 { font-size:28px; }
.wc-home .panel-foot { color:#80927f; }
.wc-reveal-banner { position:relative; overflow:hidden; display:grid; grid-template-columns:250px 1fr auto; gap:28px; align-items:center; padding:27px 30px; margin-block:48px; border:1px solid #d5dfd5; background:#eaf0e8; border-radius:12px; }
.wc-reveal-banner:after { content:''; position:absolute; width:130px; height:130px; background:#e0e9de; right:-40px; top:-55px; transform:rotate(30deg); z-index:0; }
.wc-reveal-banner>* { position:relative; z-index:1; }
.wc-reveal-mascots { display:flex; justify-content:center; align-items:flex-end; height:142px; padding-bottom:2px; }
.wc-reveal-mascots .mascot { width:84px; height:128px; }
.wc-reveal-mascots .mascot:nth-child(2) { width:75px; height:112px; transform:translateY(5px); }
.wc-reveal-mascots .mascot:nth-child(3) { width:87px; height:122px; }
.wc-reveal-copy .eyebrow { color:#7b937b; font-family:'Silkscreen',monospace; font-size:8px; letter-spacing:-.025em; }
.wc-reveal-copy h2 { margin-top:12px; font-size:29px; letter-spacing:-.05em; line-height:1.13; }
.wc-reveal-copy p { margin-top:11px; font-size:11px; color:#758574; line-height:1.8; max-width:360px; }
.wc-reveal-banner>.button { white-space:nowrap; font-size:10px; padding-inline:16px; }
.team-art .mascot.hero-emblem { width:112px; height:143px; transform-origin:center bottom; }
.team-card:hover .hero-emblem { transform:translateY(-3px); }
.draw-center>.draw-symbol { width:49px; color:#66867a; }
.draw-center .mascot.reveal-emblem { margin-top:14px; }
.draw-result .mascot.sm { width:34px; height:42px; }
.detail-match .mascot.lg { width:70px; height:86px; }
.team-detail>.mascot.reveal-emblem { width:140px; height:168px; margin-inline:auto; }
.sg-winner>.mascot.lg { width:68px; height:82px; }
.table-team .mascot.sm { width:33px; height:39px; }
.table-team .mascot.xs { width:26px; height:30px; }
.sg-detail-list>.mascot.xs { width:24px; height:29px; }
@media(min-width:1550px) {
  .wc-hero { min-height:580px; }
  .wc-hero-copy { padding-left:54px; }
  .wc-hero h1 { font-size:80px; }
}
@media(max-width:1200px) {
  .wc-hero { min-height:513px; }
  .wc-hero-copy { padding-left:35px; width:55%; }
  .wc-hero h1 { font-size:64px; }
  .wc-hero-copy>p { max-width:310px; font-size:12px; }
  .wc-hero-art { background-position:57% 78%; }
  .wc-hero-art:after { background:linear-gradient(90deg,#f8f5eddd 0%,#f8f5ed91 25%,#f8f5ed00 52%); }
  .wc-home .featured-match .match-team { font-size:15px; gap:8px; }
  .wc-home .featured-match .mascot.lg { width:48px; height:62px; }
  .wc-home .featured-match .match-score { font-size:35px; gap:9px; }
  .wc-home .next-teams>span { font-size:9px; }
  .wc-reveal-banner { grid-template-columns:190px 1fr; gap:18px; padding:26px; }
  .wc-reveal-mascots { grid-row:span 2; }
  .wc-reveal-mascots .mascot { width:70px; height:110px; }
  .wc-reveal-mascots .mascot:nth-child(2) { width:60px; height:99px; }
  .wc-reveal-mascots .mascot:nth-child(3) { width:70px; height:108px; }
  .wc-reveal-banner>.button { justify-self:start; }
}
@media(max-width:1000px) {
  .wc-home .live-grid { grid-template-columns:1fr; }
  .wc-home .featured-match .match-team { font-size:19px; }
  .wc-home .featured-match .match-score { font-size:42px; }
  .wc-home .featured-match .mascot.lg { width:65px; height:79px; }
  .wc-home .upcoming-box { display:grid; grid-template-columns:1fr 1fr; }
  .wc-home .upcoming-box .box-label { grid-column:span 2; }
  .wc-home .next-match+.next-match { border-left:1px solid #daddd2; border-top:0; }
  .wc-home .next-teams>span { font-size:10px; }
  .wc-home .next-format { display:flex; }
  .wc-scene-caption { padding:8px 10px; right:15px; bottom:15px; gap:9px; }
  .wc-scene-caption span { font-size:9px; }
  .wc-scene-caption small { font-size:8px; padding-right:9px; }
  .wc-hero-copy { width:63%; padding-left:30px; }
  .wc-hero h1 { font-size:60px; }
  .wc-hero-copy>p { max-width:285px; }
  .wc-event-stat:first-child { padding-left:10px; }
  .wc-event-stat:last-child { padding-right:10px; }
  .wc-event-stat b { font-size:27px; }
  .wc-event-stat>span { font-size:9px; }
  .wc-home .bottom-grid { grid-template-columns:1fr; gap:0; }
  .wc-home .games-grid { gap:16px; }
  .game-card-content { padding:20px 17px; }
  .game-card h3 { font-size:22px; }
  .wc-game-art { height:180px; }
  .wc-game-art .game-mascot { width:124px; height:163px; }
}
@media(max-width:760px) {
  .wc-home { padding-top:16px; }
  .wc-hero { min-height:478px; }
  .wc-hero-copy { width:72%; padding:34px 0 34px 25px; }
  .wc-hero h1 { font-size:53px; }
  .wc-season { font-size:7px; padding:7px 8px; }
  .wc-hero-copy>p { max-width:268px; font-size:11px; }
  .wc-hero-art { background-size:auto 100%; background-position:66% bottom; }
  .wc-hero-art:after { background:linear-gradient(90deg,#f8f5ede8,#f8f5edbc 30%,#f8f5ed00 65%); }
  .wc-scene-caption { display:none; }
  .wc-hero .hero-actions { gap:9px; margin-top:23px; }
  .wc-hero .button { font-size:10px; padding-inline:14px; }
  .wc-hero-note { font-size:9px; max-width:260px; }
  .wc-event-bar { grid-template-columns:1fr 1fr 1fr; padding:19px 0; gap:18px 0; margin-top:12px; }
  .wc-event-stat:first-child,.wc-event-stat:last-child { padding:0; justify-content:center; }
  .wc-event-stat:nth-child(3) { border:0; }
  .wc-event-stat:last-child { grid-column:span 3; border-top:1px dashed #d6dcd0; padding-top:16px; }
  .wc-event-stat:last-child small { display:inline; margin-left:9px; }
  .wc-event-stat:last-child>.icon { width:17px; height:17px; }
  .wc-event-stat b { font-size:26px; }
  .wc-event-stat>span { font-size:9px; }
  .wc-home .section { padding-top:34px; }
  .wc-home .section-head h2,.wc-home .bottom-grid .section-head h2 { font-size:26px; }
  .wc-home .featured-match .match-team { font-size:17px; }
  .wc-home .games-grid { grid-template-columns:1fr; }
  .game-card { display:grid; grid-template-columns:38% 1fr; }
  .wc-game-art { height:100%; min-height:208px; border-right:1px solid #e0e2d7; border-bottom:0; }
  .wc-game-art .game-mascot { margin-bottom:18px; }
  .game-card h3 { font-size:25px; }
  .game-card-content { padding:24px; }
  .game-card p { font-size:11px; }
  .game-card-end span { font-size:9px; }
  .game-card-end { margin-top:25px; }
  .wc-game-stamp { font-size:7px; right:10px; bottom:10px; }
  .wc-game-number { left:12px; top:13px; font-size:8px; }
  .game-card .wc-game-art .status { top:10px; right:10px; font-size:6px; }
  .wc-reveal-banner { margin-block:35px; grid-template-columns:155px 1fr; padding:25px 22px; }
  .wc-reveal-copy h2 { font-size:25px; }
  .wc-reveal-copy p { font-size:10px; }
  .wc-reveal-mascots { height:130px; }
  .wc-reveal-mascots .mascot { width:59px; height:102px; }
  .wc-reveal-mascots .mascot:nth-child(2) { width:51px; height:89px; }
  .wc-reveal-mascots .mascot:nth-child(3) { width:58px; height:101px; }
}
@media(max-width:520px) {
  .wc-home { padding-top:12px; }
  .wc-hero { display:flex; flex-direction:column; align-items:stretch; min-height:0; }
  .wc-hero-copy { width:100%; padding:29px 24px 16px; order:0; background:#f8f5ed; }
  .wc-hero h1 { font-size:clamp(42px,11.4vw,57px); line-height:1.04; margin-top:21px; }
  .wc-hero-copy>p { max-width:310px; font-size:12px; margin-top:19px; line-height:1.85; }
  .wc-season { font-size:7px; }
  .wc-hero .hero-actions { margin-top:21px; }
  .wc-hero .button { min-height:43px; font-size:10px; padding-inline:15px; }
  .wc-hero-note { font-size:9px; margin-top:15px; max-width:none; }
  .wc-hero-art { position:relative; inset:auto; order:1; z-index:0; height:253px; margin-top:0; background-position:right 86%; background-size:auto 113%; }
  .wc-hero-art:after { background:linear-gradient(180deg,#f8f5ed 0%,#f8f5ed00 28%); }
  .wc-event-bar { margin-top:7px; padding-top:19px; padding-bottom:18px; gap:18px 0; }
  .wc-event-stat { gap:9px; }
  .wc-event-stat b { font-size:25px; }
  .wc-event-stat>span { font-size:8px; }
  .wc-event-stat:last-child b { font-size:10px; }
  .wc-event-stat:last-child small { font-size:8px; }
  .wc-home .section { padding-top:30px; }
  .wc-home .section-head { gap:12px; margin-bottom:18px; }
  .wc-home .section-head h2,.wc-home .bottom-grid .section-head h2 { font-size:24px; }
  .wc-home .section-head .eyebrow { font-size:7px; }
  .wc-home .section-head .text-link { font-size:8px; }
  .wc-home .featured-match .match-team,.wc-home .featured-match .match-team.away { flex-direction:column; text-align:center; font-size:14px; gap:10px; }
  .wc-home .featured-match .match-team small { font-size:8px; margin-top:5px; }
  .wc-home .featured-match .match-versus { padding:17px 12px 20px; min-height:177px; gap:6px; }
  .wc-home .featured-match .mascot.lg { width:54px; height:67px; }
  .wc-home .featured-match .match-score { font-size:36px; gap:8px; }
  .wc-home .featured-match .match-top { padding-inline:12px; }
  .wc-home .featured-match .match-bottom { font-size:7px; }
  .wc-home .upcoming-box { display:block; }
  .wc-home .next-match { padding:12px 16px; min-height:86px; }
  .wc-home .next-match+.next-match { border-left:0; border-top:1px solid #daddd2; }
  .wc-home .next-teams>span { font-size:10px; }
  .wc-home .next-time { font-size:21px; }
  .wc-home .next-format { font-size:8px; }
  .wc-home .ticker-strip { gap:9px; padding:10px 12px; }
  .wc-home .ticker-strip>span { font-size:6px; }
  .wc-home .ticker-strip p { font-size:9px; }
  .wc-home .games-grid { gap:14px; }
  .game-card { grid-template-columns:35% 1fr; }
  .wc-game-art { min-height:210px; }
  .wc-game-art .game-mascot { width:100px; height:145px; margin-bottom:18px; }
  .wc-game-art:after { width:60px; height:60px; top:45px; right:14px; }
  .wc-game-number { font-size:7px; left:10px; }
  .game-card .wc-game-art .status { display:none; }
  .wc-game-stamp { font-size:6px; padding:4px 5px; right:8px; bottom:10px; }
  .game-card-content { padding:22px 18px; }
  .game-card-content>.eyebrow { font-size:7px; }
  .game-card h3 { font-size:23px; }
  .game-card p { font-size:10px; line-height:1.85; margin-top:9px; }
  .game-card-end { margin-top:19px; gap:8px; }
  .game-card-end span { font-size:7px; }
  .game-card-end .icon { width:14px; height:14px; }
  .wc-reveal-banner { display:flex; flex-direction:column; text-align:center; gap:16px; padding:20px 24px 26px; margin-top:30px; margin-bottom:32px; }
  .wc-reveal-mascots { height:123px; width:220px; }
  .wc-reveal-mascots .mascot { width:78px; height:119px; }
  .wc-reveal-mascots .mascot:nth-child(2) { width:67px; height:104px; }
  .wc-reveal-mascots .mascot:nth-child(3) { width:77px; height:116px; }
  .wc-reveal-copy .eyebrow { font-size:7px; }
  .wc-reveal-copy h2 { margin-top:12px; font-size:27px; }
  .wc-reveal-copy p { font-size:11px; margin-top:11px; }
  .wc-reveal-banner>.button { font-size:11px; width:100%; margin-top:3px; }
  .team-art .mascot.hero-emblem { width:87px; height:115px; }
  .detail-match .mascot.lg { width:62px; height:76px; }
  .table-team .mascot.sm { width:29px; height:35px; }
}
@media(prefers-reduced-motion:reduce) {
  .game-card:hover .wc-game-art .game-mascot,.team-card:hover .hero-emblem { transform:none; }
}