/* A restrained motion and surface language shared across GreenBets views. */
:root{--ui-ease:cubic-bezier(.2,.72,.25,1);--ui-shadow:0 8px 24px rgba(25,48,34,.065)}
body.centre-page{background:linear-gradient(180deg,#f7f9f7 0%,#f0f3f1 100%)}
body.match-page{background:linear-gradient(180deg,#f7f9f7 0%,#eef2ef 100%)}
.account-required{background:linear-gradient(118deg,#142019 0%,#20392a 58%,#17231b 100%)}
.account-gate-brand{animation:ui-page-enter .34s var(--ui-ease) both}
.account-gate-copy{animation:ui-page-enter .42s var(--ui-ease) .04s both}
.premium-offer{background:linear-gradient(145deg,#fff 0%,#f7faf7 58%,#f0f6f1 100%);animation:ui-modal-in .42s var(--ui-ease) .08s both;transition:transform .2s var(--ui-ease),box-shadow .2s ease}
.premium-offer:hover{transform:translateY(-2px);box-shadow:0 24px 58px #050c087a}
.premium-join,.premium-login,.account-public-trust{transition:transform .16s var(--ui-ease),background-color .16s ease,box-shadow .16s ease}
.premium-join:hover,.account-public-trust:hover{transform:translateY(-1px);box-shadow:0 5px 14px #10261a24}
.centre-page .header,.match-page .match-header{background:linear-gradient(105deg,#15201a 0%,#202b24 58%,#18231e 100%)}
.centre-page .sport-bar{background:linear-gradient(90deg,#fff 0%,#f8faf8 100%)}
.centre-page .top-nav button,.centre-page .all-leagues,.centre-page .league-choice,.centre-page .day,.centre-page .segments button,.centre-page .today-button,.centre-page .icon-button,.centre-page .match-main,.centre-page .star-button,.centre-page .detail-tabs button,.centre-page .detail-analysis-cta,.centre-page .coverage-link,.centre-page .empty button,.centre-page .spotlight-match,.centre-page .spotlight-scroll,.match-page nav a,.match-page button,.match-page .match-breadcrumb,.match-page .nfl-back-link,.match-page .analysis-jump{transition:color .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s var(--ui-ease)}
.centre-page button:active,.match-page button:active{transform:translateY(1px)}
.centre-page .top-nav button.active:after{transform-origin:left;animation:ui-underline-in .24s var(--ui-ease) both}
.centre-page .layout>main,.centre-page .layout>.sidebar,.centre-page .layout>.detail,.match-page main#analysis{animation:ui-page-enter .38s var(--ui-ease) both}
.centre-page .layout>.sidebar{animation-delay:.025s}
.centre-page .layout>main{animation-delay:.06s}
.centre-page .layout>.detail{animation-delay:.09s}
.centre-page .page-heading h1{background:linear-gradient(100deg,#19251e 0%,#31543d 65%,#446d55 100%);background-clip:text;color:transparent;-webkit-background-clip:text}
.centre-page .calendar-toolbar{background:linear-gradient(115deg,#fff 0%,#f6f9f6 100%);box-shadow:0 5px 18px rgba(25,48,34,.065)}
.centre-page .day:hover,.centre-page .league-choice:hover,.centre-page .all-leagues:hover{transform:translateY(-1px)}
.centre-page .day.active{background:linear-gradient(135deg,#254332 0%,#356348 100%);box-shadow:0 4px 12px rgba(37,67,50,.22)}
.centre-page .segments{background:linear-gradient(100deg,#e7ede8,#f0f3f1)}
.centre-page .segments button.active{background:linear-gradient(120deg,#fff,#f8fbf8);box-shadow:0 2px 6px rgba(24,51,34,.12)}
.centre-page .search{transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.centre-page .search:focus-within{background:#fff;box-shadow:0 0 0 4px rgba(55,126,81,.11),0 4px 12px rgba(25,48,34,.06)}
.centre-page .match-list,.centre-page .match-detail{box-shadow:0 5px 18px rgba(25,48,34,.055);transition:box-shadow .2s ease,border-color .2s ease}
.centre-page .match-list:hover,.centre-page .match-detail:hover{box-shadow:0 8px 24px rgba(25,48,34,.08)}
.centre-page .match-row{transition:background-color .16s ease}
.centre-page .match-row:nth-child(-n+8){animation:ui-row-enter .3s var(--ui-ease) both}
.centre-page .match-row:nth-child(2){animation-delay:.025s}.centre-page .match-row:nth-child(3){animation-delay:.05s}.centre-page .match-row:nth-child(4){animation-delay:.075s}.centre-page .match-row:nth-child(5){animation-delay:.1s}.centre-page .match-row:nth-child(6){animation-delay:.125s}.centre-page .match-row:nth-child(7){animation-delay:.15s}.centre-page .match-row:nth-child(8){animation-delay:.175s}
.centre-page .match-row.selected{background:linear-gradient(105deg,#eaf3ec,#f5f8f5)}
.centre-page .match-row.row-live{background:linear-gradient(100deg,#fff8f5,#fffdfb)}
.centre-page .match-main:hover{background:transparent}
.centre-page .team-line .crest,.centre-page .team-line .crest-fallback{transition:transform .18s var(--ui-ease)}
.centre-page .match-row:hover .team-line .crest,.centre-page .match-row:hover .team-line .crest-fallback{transform:scale(1.08)}
.centre-page .detail-analysis-cta{background:linear-gradient(110deg,#f1f7f2,#e9f2eb)}
.centre-page .detail-analysis-cta:hover{transform:translateY(-2px)}
.centre-page .probability,.centre-page .nfl-forecast,.centre-page .model-panel,.centre-page .trust-kpi,.centre-page .trust-donut-card,.centre-page .trust-pillar,.centre-page .trust-level-card,.centre-page .bank-modal,.centre-page .membership-offer-card{transition:transform .18s var(--ui-ease),box-shadow .18s ease,border-color .18s ease}
.centre-page .trust-donut-card:hover,.centre-page .trust-pillar:hover,.centre-page .trust-level-card:hover,.centre-page .membership-offer-card:hover{transform:translateY(-2px);box-shadow:var(--ui-shadow)}
.centre-page .trust-hero,.centre-page .membership-hero{background:linear-gradient(115deg,#173d2b 0%,#20573a 56%,#244b37 100%)}
.centre-page .bank-hero{position:relative;isolation:isolate;overflow:hidden;padding:25px 20px;border:1px solid #dce7de;border-radius:7px;background:linear-gradient(112deg,#f5faf6 0%,#fff 58%,#f0f6f2 100%)}
.centre-page .bank-stats>div{padding:14px;border:1px solid #e1e8e3;border-radius:6px;background:linear-gradient(145deg,#fff,#f7faf7);transition:transform .18s var(--ui-ease),box-shadow .18s ease}
.centre-page .bank-stats>div:hover{transform:translateY(-2px);box-shadow:var(--ui-shadow)}
.centre-page .bank-entry{transition:background-color .16s ease,padding .16s ease}
.centre-page .bank-entry:hover{background:linear-gradient(90deg,#f3f8f4,transparent);padding-right:9px;padding-left:9px}
.centre-page .market-bar-fill,.centre-page .performance-bar,.centre-page .xg-track i,.centre-page .nfl-probability-track span,.centre-page .trust-donut,.centre-page .nfl-ring,.centre-page .membership-hit-ring{transition:width .7s var(--ui-ease),height .7s var(--ui-ease),background-color .3s ease,filter .3s ease}
.centre-page .market-bar-fill,.centre-page .xg-track i{background-image:linear-gradient(90deg,#3d8d60,#69ae7e)}
.centre-page .empty{background:linear-gradient(145deg,#fff 0%,#f8faf8 100%);box-shadow:0 5px 18px rgba(25,48,34,.045);animation:ui-page-enter .28s var(--ui-ease) both}
.centre-page .loading{animation:ui-soft-pulse 1.6s ease-in-out infinite}
.centre-page #toast{animation:ui-toast-in .22s var(--ui-ease) both}
.centre-page .match-spotlight{background:linear-gradient(100deg,#111713 0%,#1b241e 62%,#121814 100%)}
.centre-page .spotlight-match{box-shadow:inset 0 1px #ffffff08,0 2px 5px #0002}
.centre-page .spotlight-match:hover{transform:translateY(-1px)}
.centre-page .modal-backdrop,.centre-page .bank-modal-backdrop,.centre-page .bank-guide-backdrop{animation:ui-fade-in .18s ease both}
.centre-page .bank-guide-modal,.centre-page .bank-modal{animation:ui-modal-in .24s var(--ui-ease) both}
.match-page .match-tab-panel,.match-page .nfl-match-panel{animation:ui-page-enter .22s var(--ui-ease) both}
.match-page .green-score-card,.match-page .nfl-match-ring-item,.match-page .chart-panel,.match-page .nfl-chart-block{transition:box-shadow .2s ease,border-color .2s ease,background-color .2s ease}
.match-page .green-score-card:hover,.match-page .nfl-match-ring-item:hover{box-shadow:0 8px 22px rgba(24,59,42,.08)}
.match-page .goal-column>div,.match-page .performance-bar,.match-page .xg-track i{transition:height .65s var(--ui-ease),width .65s var(--ui-ease),filter .2s ease}
.match-page .goal-column:hover>div,.match-page .performance-column:hover .performance-bar{filter:brightness(1.08)}
.match-page .nfl-chart-block{border-color:#e2e9e4}
.dark-theme.centre-page,.dark-theme.match-page{background:linear-gradient(180deg,#101713 0%,#111a15 100%)}
.dark-theme.centre-page .sport-bar{background:linear-gradient(90deg,#17211b,#141e18)}
.dark-theme.centre-page .page-heading h1{background-image:linear-gradient(100deg,#e4eee6 0%,#abd6b5 72%,#8ec6a0 100%)}
.dark-theme.centre-page .calendar-toolbar{background:linear-gradient(115deg,#17221b,#1c2921);box-shadow:0 5px 18px #0003}
.dark-theme.centre-page .day.active{background:linear-gradient(135deg,#24583a,#32754c)}
.dark-theme.centre-page .segments{background:linear-gradient(100deg,#151f19,#1a261e)}
.dark-theme.centre-page .segments button.active{background:linear-gradient(120deg,#253b2c,#1e3326)}
.dark-theme.centre-page .match-row.selected{background:linear-gradient(105deg,#1b3223,#1c2a20)}
.dark-theme.centre-page .match-row.row-live{background:linear-gradient(100deg,#30251e,#251f1a)}
.dark-theme.centre-page .detail-analysis-cta{background:linear-gradient(110deg,#1d3325,#243b2b)}
.dark-theme.centre-page .bank-hero{background:linear-gradient(112deg,#18271e,#17221b 58%,#1b2b21);border-color:#304537}
.dark-theme.centre-page .bank-stats>div{background:linear-gradient(145deg,#17231b,#1b2920);border-color:#304236}
.dark-theme.centre-page .bank-entry:hover{background:linear-gradient(90deg,#1a2d20,transparent)}
.dark-theme.centre-page .empty{background:linear-gradient(145deg,#17231b,#141e18)}
.dark-theme .account-required{background:linear-gradient(118deg,#101813 0%,#1b3022 58%,#131d17 100%)}
.dark-theme .premium-offer{background:linear-gradient(145deg,#f6faf6 0%,#eaf2ec 100%)}
.dark-theme.centre-page .spotlight-match{box-shadow:inset 0 1px #ffffff0c,0 2px 5px #0003}
.dark-theme.match-page .nfl-chart-block{border-color:#2a3b30}
@keyframes ui-page-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@keyframes ui-row-enter{from{opacity:0;transform:translateX(5px)}to{opacity:1;transform:translateX(0)}}
@keyframes ui-underline-in{from{transform:scaleX(.3);opacity:.4}to{transform:scaleX(1);opacity:1}}
@keyframes ui-fade-in{from{opacity:0}to{opacity:1}}
@keyframes ui-modal-in{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes ui-toast-in{from{opacity:0;transform:translate(-50%,7px)}to{opacity:1;transform:translate(-50%,0)}}
@keyframes ui-soft-pulse{50%{opacity:.72}}
@media(max-width:720px){.centre-page .bank-hero{padding:18px 15px}.centre-page .bank-stats>div:hover,.centre-page .trust-donut-card:hover,.centre-page .trust-pillar:hover,.centre-page .trust-level-card:hover,.centre-page .membership-offer-card:hover{transform:none;box-shadow:none}}
@media(prefers-reduced-motion:reduce){.centre-page *,.match-page *,.account-required *{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}