/* Real player-app hierarchy inside the original animated marketing device. */
@font-face{font-family:PlayerRoboto;src:url('/assets/fonts/roboto-flex/RobotoFlex.woff2') format('woff2');font-weight:100 1000;font-display:swap}
.hero .phone{font-family:PlayerRoboto,Arial,sans-serif;color:#26303b;background:#fff}
.hero .phone-brand{border-bottom:1px solid #edf0ed}.hero .phone-brand .action-icon{width:13px;height:13px}
.hero .app-event{background:#f5f7f4;padding-block:15px}.hero .app-event h3{font-family:inherit;font-size:16px;letter-spacing:-.3px}.hero .app-event p{font-size:8px}.hero .app-eyebrow{font-size:7px}
.hero .app-player-filters{display:flex;gap:2px;background:#eff2f1;border-radius:20px;padding:3px;margin:12px 11px 3px;border:0;justify-content:space-between}
.hero .app-player-filters button{display:flex;align-items:center;justify-content:center;gap:3px;flex:1;font:inherit;font-size:7px;font-weight:500;white-space:nowrap;padding:7px 3px;border:0;border-radius:20px;background:none;color:#77818a;cursor:pointer}
.hero .app-player-filters .action-icon{width:11px;height:11px;flex-shrink:0}.hero .app-player-filters button.selected{background:#dfe9df;color:#386341;font-weight:700}
.hero .phone-body{padding-top:9px}.hero .leader-head{display:grid;grid-template-columns:16px 1fr 25px 27px;gap:4px;padding:9px 2px;font-size:7px;border:0}.hero .leader-head>span:last-child,.hero .leader-head>span:nth-child(3){text-align:center}
.hero #live-rows{min-height:245px}.hero .leader-row{grid-template-columns:11px 13px 24px minmax(0,1fr) 22px 28px;gap:4px;height:49px;border-bottom:1px solid #e9eceb;padding:7px 2px;background:#fff;border-radius:0}
.hero .leader-row[hidden],.hero .leader-empty[hidden]{display:none!important}.hero .leader-row>span:not(.avatar):not(.thru){font-size:9px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero .leader-row small{font-size:7px;font-weight:400;color:#7a838d}.hero .leader-row>.avatar{width:24px;height:24px;font-size:8px}.hero .leader-row>.thru{font-size:8px;text-align:center}.hero .leader-row>strong{font-size:15px;line-height:30px;border-radius:6px;background:#f0f3ed;text-align:center;color:#527348}
.hero .leader-row.your-team{background:#f0f4ec;box-shadow:none;border-left:0}.hero .leader-row.your-team>strong{background:#e2ead9}.hero .leader-favorite{padding:0;border:0;background:none;display:flex;align-items:center;color:#929aa4;cursor:pointer}.hero .leader-favorite .action-icon{width:13px;height:13px}.hero .leader-favorite[aria-pressed=true]{color:#cda24c}.hero .leader-favorite[aria-pressed=true] .action-icon{fill:currentColor}
.hero .leader-empty{font-size:10px;text-align:center;padding:12px;color:#718078}.hero .live-update{margin-top:11px;min-height:44px}.hero .update-icon .action-icon{width:12px;height:12px}.hero .phone-tabs{justify-content:space-around;background:#fff;padding-top:8px}.hero .phone-tabs>span{width:33.333%;gap:3px}.hero .phone-tabs .action-icon{width:34px;height:24px;padding:3px 8px;border-radius:20px}.hero .phone-tabs .active .action-icon{background:#e8edde;stroke:#6b833d}.hero .phone-tabs small{font-size:7px}.hero .birdie-sticker>.action-icon{width:17px;height:17px}.hero .app-back{font-family:Arial,sans-serif}
@media(max-width:1080px) and (min-width:761px){.hero .leader-row{grid-template-columns:10px 11px 21px minmax(0,1fr) 18px 25px;gap:3px}.hero .leader-row>span:not(.avatar):not(.thru){font-size:8px}.hero .app-player-filters button{font-size:6.5px}}
@media(prefers-reduced-motion:reduce){.hero .leader-row,.hero .birdie-sticker{animation:none!important;transition:none!important}}
/* Keep the entire live sequence and its pause control inside the phone. */
.hero .phone> *{flex-shrink:0}.hero .phone-body{flex:1;min-height:0;padding:7px 11px 0;overflow:hidden}.hero .app-event{padding-block:10px}.hero .app-player-filters{margin-top:8px}.hero #live-rows{min-height:200px}.hero .leader-row{height:40px;padding-block:3px}.hero .app-round{margin-bottom:5px}.hero .leader-head{padding-block:5px}.hero .live-update{min-height:37px;margin-block:7px;padding:6px}.hero .phone-tabs{height:47px;padding-top:6px}.hero .phone-tabs .active svg{fill:none;stroke:currentColor}.hero .demo-controls .score-button{min-height:27px;padding:4px 7px}.hero .phone-body .demo-caption{margin:4px 0;font-size:6px}
.hero .birdie-sticker{display:flex;align-items:center;gap:7px;left:-38px;top:57%;bottom:auto;right:auto;padding:10px 15px;background:#f5ecd0;color:#244c35;font-family:Figtree,Arial,sans-serif;font-size:14px;font-weight:750;border-radius:25px;box-shadow:0 5px 20px #0d2f2733;opacity:0;pointer-events:none;z-index:4}
@media(max-width:760px){.hero .birdie-sticker{left:-14px}}