.games-page{padding-block:var(--space-8) var(--space-16);background:var(--color-bg);position:relative}.games-page:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='discrete' tableValues='0 0 0 0 0 0 1 1'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:220px 220px;background-repeat:repeat;z-index:0}.games-page>.container{position:relative;z-index:1}.games-detail-hero,.games-hero{display:grid;grid-gap:var(--space-6);gap:var(--space-6);margin-bottom:var(--space-4)}.games-hero{grid-template-columns:minmax(0,1fr) 580px;align-items:stretch;gap:var(--space-5)}.games-hero__copy{display:flex;flex-direction:column;justify-content:center}.games-hero__copy h1{max-width:560px;margin:var(--space-2) 0 var(--space-3)}.games-hero__copy p{max-width:520px;margin:0;color:var(--color-text-secondary);font-size:var(--font-size-body-lg);line-height:var(--line-height-open)}.game-card,.game-outcome-card,.games-detail-hero{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}@property --featured-border-angle{syntax:"<angle>";initial-value:0deg;inherits:false}.games-featured{position:relative;display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-6);padding-top:var(--space-7);min-height:380px;background:var(--color-surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");border-radius:var(--radius-xl);box-shadow:var(--shadow-featured-glow);overflow:hidden;animation:games-featured-enter var(--duration-normal) var(--ease-out,ease-out),games-featured-breathe 4s var(--ease-in-out,ease-in-out) infinite alternate;transition:box-shadow var(--duration-fast) var(--ease-out,ease-out)}.games-featured:before{content:"";position:absolute;inset:0;border-radius:var(--radius-xl);padding:var(--space-0_5);background:conic-gradient(from var(--featured-border-angle),var(--color-primary-600),var(--color-primary-400),var(--color-coral-600),var(--color-warning),var(--color-coral-600),var(--color-primary-400),var(--color-primary-600));-webkit-mask:linear-gradient(white,white) content-box,linear-gradient(white,white);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:var(--z-local);animation:games-featured-border-spin 6s linear infinite}.games-featured__shine{position:absolute;top:0;left:-60%;width:40%;height:100%;background:var(--gradient-featured-shine);pointer-events:none;z-index:var(--z-raised);animation:games-featured-shine 6s var(--ease-out,ease-in-out) infinite}.games-featured>*{position:relative;z-index:var(--z-content)}.games-featured:hover{box-shadow:var(--shadow-featured-glow-hover)}.games-featured:hover:before{animation-duration:2.5s}.games-featured__header{display:flex;align-items:center;gap:var(--space-2)}.games-featured__badge{display:inline-flex;align-items:center;gap:var(--space-1_5);font-size:var(--font-size-caption);font-weight:var(--font-weight-extrabold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);color:var(--color-text-muted)}.games-featured__badge.is-live{color:var(--color-success)}.games-featured__dot{width:8px;height:8px;border-radius:50%;background:var(--color-success);animation:game-card-pulse 1.4s ease-in-out infinite}.games-featured__stage{margin-right:auto}.games-featured__stage,.games-featured__time{font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--color-text-muted)}.games-featured__time{margin-left:auto}.games-featured__match{display:flex;align-items:center;gap:var(--space-3);color:inherit;text-decoration:none;padding:var(--space-4) 0;flex:1 1;justify-content:center}.games-featured__team{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);flex:1 1;min-width:0}.games-featured__team--end{text-align:right}.games-featured__crest{flex-shrink:0;border-radius:var(--radius-pill);background:var(--color-surface-100);box-shadow:var(--shadow-inset-subtle);object-fit:cover}.games-featured__team strong{font-size:var(--font-size-body);font-weight:var(--font-weight-bold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--color-text-primary)}.games-featured__vs{font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);color:var(--color-text-muted);flex-shrink:0}.games-featured__odds{display:grid;grid-template-columns:1fr auto 1fr;grid-gap:var(--space-2);gap:var(--space-2)}.games-featured__pill{display:flex;flex-direction:column;align-items:center;gap:var(--space-0_5);padding:var(--space-2_5) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);text-decoration:none;color:inherit;transition:border-color var(--duration-fast) var(--ease-out,ease-out),background var(--duration-fast) var(--ease-out,ease-out)}a.games-featured__pill:hover{border-color:var(--color-primary-300);background:var(--color-surface-brand-soft)}.games-featured__pill span{font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);color:var(--color-text-muted)}.games-featured__pill strong{font-size:var(--font-size-body-lg);font-weight:var(--font-weight-extrabold);letter-spacing:var(--letter-spacing-tight);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.games-featured__pill--home span,.games-featured__pill--home strong{color:var(--color-text-brand)}.games-featured__pill--home.is-hostable{border-color:color-mix(in srgb,var(--color-success) 38%,var(--color-border));background:var(--color-surface-brand-soft)}.games-featured__pill--away span,.games-featured__pill--away strong{color:var(--color-text-no,var(--color-no))}.games-featured__pill--away.is-hostable{background:var(--color-no-soft)}.games-featured__pill--away.is-hostable,.games-featured__pill--draw.is-hostable{border-color:color-mix(in srgb,var(--color-success) 38%,var(--color-border))}.games-featured__probbar{display:flex;height:6px;border-radius:var(--radius-pill);overflow:hidden;background:var(--color-surface-100)}.games-featured__probbar-seg{height:100%;transition:width var(--duration-normal) var(--ease-out,ease-out)}.games-featured__probbar-seg--home{background:var(--color-primary-500)}.games-featured__probbar-seg--draw{background:var(--color-border-strong)}.games-featured__probbar-seg--away{background:var(--color-no)}.games-featured__cta{margin-top:var(--space-1)}.games-toolbar{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-5)}.games-toolbar__button{height:40px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-secondary);font:inherit;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-semibold);cursor:pointer}.games-toolbar__button.is-active,.games-toolbar__button:hover{border-color:var(--color-primary-500);background:var(--color-surface-brand-soft);color:var(--color-text-brand-strong)}.games-list{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.games-board{display:flex;flex-direction:column;gap:var(--space-8)}.games-day__head{font-size:var(--font-size-h4);font-weight:var(--font-weight-extrabold);color:var(--color-text-primary);margin:0 0 var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.games-day__grid{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-4)}.game-card{display:flex;flex-direction:column;gap:var(--space-3);flex:1 1 340px;max-width:440px;padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);transition:border-color var(--duration-fast) var(--ease-out,ease-out),box-shadow var(--duration-fast) var(--ease-out,ease-out)}.game-card:hover{border-color:var(--color-primary-300);box-shadow:var(--shadow-md)}.game-card--final{background:var(--color-surface-sunken);box-shadow:none}.game-card--final:hover{border-color:var(--color-border);box-shadow:none}.game-card__status.is-final{color:var(--color-text-muted)}.game-card__score{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-h4);font-weight:800;letter-spacing:var(--letter-spacing-tighter);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--color-text-primary);flex-shrink:0;padding:0 var(--space-1)}.game-card__score-sep{color:var(--color-text-300);font-weight:400}.game-card__score-value--muted,.game-card__team-name--muted{color:var(--color-text-muted)}.game-card__result{display:flex;align-items:center;justify-content:center;padding:var(--space-1) 0}.game-card__result-label{font-size:var(--font-size-caption);font-weight:600;text-transform:uppercase;letter-spacing:var(--letter-spacing-widest);color:var(--color-text-muted)}.game-card__top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.game-card__status{display:inline-flex;align-items:center;gap:var(--space-1_5);font-size:var(--font-size-caption);font-weight:var(--font-weight-extrabold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);color:var(--color-text-muted)}.game-card__status.is-live{color:var(--color-success)}.game-card__dot{width:8px;height:8px;border-radius:50%;background:var(--color-success);animation:game-card-pulse 1.4s ease-in-out infinite}.game-card__time{font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--color-text-muted)}.game-card__match{display:flex;align-items:center;gap:var(--space-3);color:inherit;text-decoration:none}.game-card__team{display:flex;align-items:center;gap:var(--space-2);flex:1 1;min-width:0}.game-card__team--end{justify-content:flex-end;text-align:right}.game-card__crest{flex-shrink:0;border-radius:var(--radius-pill);background:var(--color-surface-100);box-shadow:var(--shadow-inset-subtle);object-fit:cover}.game-card__team strong{font-size:var(--font-size-body);font-weight:var(--font-weight-bold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-card__vs{font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);color:var(--color-text-muted);flex-shrink:0}.game-card__odds{display:grid;grid-template-columns:1fr auto 1fr;grid-gap:var(--space-2);gap:var(--space-2)}.game-card__pill{display:flex;flex-direction:column;align-items:center;gap:var(--space-0_5);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);text-decoration:none;color:inherit;transition:border-color var(--duration-fast) var(--ease-out,ease-out),background var(--duration-fast) var(--ease-out,ease-out)}a.game-card__pill:hover{border-color:var(--color-primary-300);background:var(--color-surface-brand-soft)}.game-card__pill span{font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);color:var(--color-text-muted)}.game-card__pill strong{font-size:var(--font-size-body);font-weight:var(--font-weight-extrabold);letter-spacing:var(--letter-spacing-tight);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.game-card__pill--home span,.game-card__pill--home strong{color:var(--color-text-brand)}.game-card__pill--home.is-hostable{border-color:color-mix(in srgb,var(--color-success) 38%,var(--color-border));background:var(--color-surface-brand-soft)}.game-card__pill--away span,.game-card__pill--away strong{color:var(--color-text-no,var(--color-no))}.game-card__pill--away.is-hostable{background:var(--color-no-soft)}.game-card__pill--away.is-hostable,.game-card__pill--draw.is-hostable{border-color:color-mix(in srgb,var(--color-success) 38%,var(--color-border))}.game-card__no-markets{grid-column:1/-1;text-align:center;color:var(--color-text-muted);font-size:var(--font-size-body-sm);padding:var(--space-3)}.game-card__footer{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);font-size:var(--font-size-caption);color:var(--color-text-muted)}.game-card__footer span+span:before{content:"·";margin-right:var(--space-2);color:var(--color-neutral-300)}.games-detail__crumb{margin-bottom:var(--space-4);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-semibold)}.games-detail-hero{padding:var(--space-5)}.games-detail-hero__meta,.games-detail-hero__note{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;color:var(--color-text-muted);font-size:var(--font-size-caption)}.games-detail-scoreboard{display:grid;grid-template-columns:minmax(0,1fr) minmax(80px,auto) minmax(0,1fr);grid-gap:var(--space-4);gap:var(--space-4);align-items:center;min-height:120px}.games-detail-scoreboard__score{display:grid;place-items:center;grid-gap:var(--space-1);gap:var(--space-1);text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.games-detail-scoreboard__score strong,.games-detail-scoreboard__score>span{color:var(--color-text-primary);font-size:var(--font-size-h4);font-weight:var(--font-weight-extrabold)}.games-detail-scoreboard__score small{color:var(--color-text-muted);font-size:var(--font-size-caption)}.games-detail-team{display:flex;align-items:center;gap:var(--space-3);min-width:0}.games-detail-team--end{justify-content:flex-end;text-align:right}.games-detail-team span{display:grid;grid-gap:var(--space-0_5);gap:var(--space-0_5);min-width:0}.games-detail-team strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-primary)}.games-detail-team small{color:var(--color-text-muted);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold)}.games-detail-team__crest{width:56px;height:56px}.game-outcome-card__crest{width:42px;height:42px}.game-outcome-card__crest--draw{display:grid;place-items:center;color:var(--color-text-brand)}.game-outcomes{margin-top:var(--space-6)}.game-outcome-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--space-3);gap:var(--space-3)}.game-outcome-card-link{color:inherit}.game-outcome-card{height:100%;min-height:244px;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.game-outcome-card-link:hover .game-outcome-card{border-color:var(--color-primary-300);box-shadow:var(--shadow-md);transform:translateY(-1px)}.game-outcome-card__meta,.game-outcome-card__top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.game-outcome-card__role{color:var(--color-text-muted);font-size:var(--font-size-micro);font-weight:var(--font-weight-extrabold);letter-spacing:var(--letter-spacing-extra-wide);text-transform:uppercase}.game-outcome-card h3{margin:0;font-size:var(--font-size-h4);line-height:var(--line-height-compact)}.game-outcome-card__chance-wrap{display:grid;grid-gap:var(--space-1);gap:var(--space-1);margin-top:auto;text-align:center}.game-outcome-card__chance{color:var(--color-text-primary);font-size:clamp(24px,2vw,30px);font-weight:var(--font-weight-extrabold);letter-spacing:var(--letter-spacing-tightest);line-height:var(--line-height-tight);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.game-outcome-card__volume{font-weight:var(--font-weight-semibold)}.game-outcome-card__meta,.game-outcome-card__volume{color:var(--color-text-muted);font-size:var(--font-size-caption)}.game-outcome-card__cta{display:inline-flex;align-items:center;justify-content:center;min-height:40px;border-radius:var(--radius-md);background:var(--color-primary-600);color:var(--color-text-inverse);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-bold)}.game-outcome-card__cta.is-disabled{background:var(--color-surface-100);color:var(--color-text-muted)}.game-outcome-card--read_only .game-outcome-card__cta{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary)}.game-outcome-card--blocked,.game-outcome-card--missing,.game-outcome-card--unknown{background:var(--color-surface-raised)}@media (max-width:960px){.games-hero{grid-template-columns:1fr}.game-card{flex:1 1 300px}.game-outcome-grid{grid-template-columns:1fr}}@media (max-width:768px){.game-outcome-card__chance{text-align:left}.game-outcome-card__chance:before{content:"Chance ";color:var(--color-text-muted);font-family:var(--font-family-sans);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold)}.game-outcome-card__chance-wrap{text-align:left}}@media (max-width:640px){.games-page{padding-block:var(--space-5) var(--space-10)}.games-featured__crest{width:48px;height:48px}.game-card{flex:1 1 100%;max-width:none;padding:var(--space-4)}.game-card__team strong{font-size:var(--font-size-body-sm)}.games-detail-scoreboard{grid-template-columns:1fr;text-align:center}.games-detail-team,.games-detail-team--end{justify-content:center;text-align:center}}@keyframes game-card-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.82)}}@keyframes games-featured-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes games-featured-shine{0%,to{left:-60%}50%{left:120%}}@keyframes games-featured-border-spin{to{--featured-border-angle:360deg}}@keyframes games-featured-breathe{0%{box-shadow:var(--shadow-featured-glow)}to{box-shadow:var(--shadow-featured-glow-hover)}}@media (prefers-reduced-motion:reduce){.game-card__dot,.games-featured,.games-featured:before,.games-featured__shine{animation:none}}