/* Product imagery is deliberately distinct from the editorial paper above it. */
.product-scene{container:ps-product / inline-size;width:100%;max-width:520px;min-width:0;justify-self:center;font-family:Inter,Arial,sans-serif;color:#20392c;line-height:1.3}
.product-scene .ps-stage{height:450px;position:relative;isolation:isolate}
.product-scene .ps-stage:before{content:"";position:absolute;z-index:-1;inset:58px 5px 30px 16px;background:radial-gradient(ellipse at 48% 50%,#e6ecdcb3,transparent 70%);border-radius:50%}
.product-scene .ps-phone{position:absolute;left:10px;top:0;width:236px;padding:6px;border-radius:35px;background:#202c25;border:1px solid #4e5a50;box-shadow:0 23px 35px -17px #213e2f60,0 2px 3px #12291b25,inset 0 0 0 1px #6a736933}
.product-scene .ps-phone:before,.product-scene .ps-phone:after{content:"";position:absolute;width:2px;background:#47534a;left:-3px;border-radius:2px}
.product-scene .ps-phone:before{height:23px;top:75px}
.product-scene .ps-phone:after{height:35px;top:106px}
.product-scene .ps-screen{overflow:hidden;background:#f9faf7;border-radius:28px;position:relative}
.product-scene .ps-status{height:28px;padding:10px 16px 0;display:flex;align-items:flex-start;justify-content:space-between;color:#263c2e;font-size:9px;font-weight:650;position:relative;line-height:1}
.product-scene .ps-island{position:absolute;width:64px;height:16px;top:4px;left:calc(50% - 32px);border-radius:20px;background:#202c25}
.product-scene .ps-status-icons{display:flex;align-items:center;gap:5px;padding-top:1px}
.product-scene .ps-status-icons i{width:11px;height:7px;display:block;background:linear-gradient(to right,#263c2e 0 20%,transparent 20% 30%,#263c2e 30% 55%,transparent 55% 65%,#263c2e 65%);clip-path:polygon(0 65%,24% 65%,24% 33%,57% 33%,57% 0,100% 0,100% 100%,0 100%)}
.product-scene .ps-status-icons b{width:14px;height:7px;border:1px solid #263c2e;border-radius:2px;box-shadow:2px 0 0 -1px #263c2e;background:#263c2e;background-clip:content-box;padding:1px}
.product-scene .ps-club-bar{display:flex;align-items:center;gap:8px;padding:13px 13px 12px;background:white;border-bottom:1px solid #e6eae3}
.product-scene .ps-crest{width:31px;height:33px;border-radius:4px 4px 12px 12px;background:#284f38;box-shadow:inset 0 0 0 3px #284f38,inset 0 0 0 4px #c8b57c;color:#ecdfb2;font:10px/1 Georgia,serif;display:grid;place-items:center;flex-shrink:0}
.product-scene .ps-club-bar strong{font-size:12px;font-weight:650;letter-spacing:-.02em;display:block}
.product-scene .ps-club-bar small{font-size:6px;letter-spacing:.18em;display:block;color:#7b8477;margin-top:4px}
.product-scene .ps-menu{font-size:13px;letter-spacing:1px;margin-left:auto;color:#657362;align-self:center}
.product-scene .ps-phone-content{padding:17px 13px 0}
.product-scene .ps-game-heading>span{display:block;color:#73836c;font-size:6.5px;font-weight:650;letter-spacing:.13em;margin-bottom:5px}
.product-scene .ps-game-heading h3{font:700 23px/1.1 Inter,Arial,sans-serif;letter-spacing:-.045em;color:#20392c}
.product-scene .ps-game-heading p{font:9px/1.4 Inter,Arial,sans-serif;color:#75816e;margin-top:6px}
.product-scene .ps-pick-status{display:flex;justify-content:space-between;align-items:center;margin:18px 0 9px;font-size:9px;color:#64735e}
.product-scene .ps-pick-status>span:first-child{color:#314832;font-weight:650}
.product-scene .ps-pick-status>span:last-child{display:flex;align-items:center;gap:3px;font-size:8px;color:#426b44}
.product-scene .ps-pick-status i{font-style:normal;font-size:9px}
.product-scene .ps-match{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:6px}
.product-scene .ps-team{display:flex;align-items:center;gap:5px;min-width:0;padding:9px 6px;border:1px solid #e1e7dc;border-radius:6px;background:white;color:#5d6b56}
.product-scene .ps-team b{display:block;font-size:9px;font-weight:550;white-space:nowrap}
.product-scene .ps-team .ps-team-short{display:none}
.product-scene .ps-team-mark{display:grid;place-items:center;flex-shrink:0;width:20px;height:20px;border-radius:50%;font-size:9px;font-weight:800;border:1px solid #ffffff45}
.product-scene .ps-den{background:#f3e8df;color:#b35f33}.product-scene .ps-bal{background:#eeeaf5;color:#625180}.product-scene .ps-chi{background:#f3e6df;color:#a95f35}.product-scene .ps-gb{background:#e4ecdf;color:#536d44}.product-scene .ps-dal{background:#e5eaf1;color:#536a82}.product-scene .ps-sea{background:#dfe8e4;color:#456c59}
.product-scene .ps-selected{background:#284f38;border-color:#284f38;color:white;box-shadow:0 2px 4px #284f3810}
.product-scene .ps-selected .ps-team-mark{background:#ffffff14;color:#ecf1df;border-color:#ffffff35}
.product-scene .ps-team i{font-style:normal;font-size:8px;margin-left:auto;line-height:1}
.product-scene .ps-player{display:flex;gap:8px;align-items:center;border-top:1px solid #e2e7dc;margin-top:15px;padding-top:12px}
.product-scene .ps-avatar{display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;border-radius:50%;font-size:8px;font-weight:650;letter-spacing:-.02em}
.product-scene .ps-avatar-alex{background:#e0e9db;color:#436237}.product-scene .ps-avatar-pat{background:#e9e7df;color:#726548}.product-scene .ps-avatar-jamie{background:#e5e9ec;color:#597080}
.product-scene .ps-player small{display:block;font-size:7px;color:#85907c;margin-bottom:2px}
.product-scene .ps-player strong{display:block;font-size:10px;font-weight:550}
.product-scene .ps-submit{margin-top:13px;background:#284f38;color:#fff;border-radius:6px;padding:11px 12px;display:flex;justify-content:space-between;font-size:10px;font-weight:600;line-height:1}
.product-scene .ps-submit>span{font-size:14px;line-height:.7;font-weight:400}
.product-scene .ps-powered{display:flex;justify-content:center;align-items:center;gap:4px;font-size:6px;color:#96a08b;margin:11px 0 9px}
.product-scene .ps-powered img{width:43px;height:auto;opacity:.7}
.product-scene .ps-home-bar{height:3px;width:70px;background:#263b2c;border-radius:4px;margin:0 auto 5px;opacity:.8}
.product-scene .ps-leaderboard{position:absolute;right:0;top:115px;width:254px;border:1px solid #dce2d6;border-radius:13px;background:#fff;overflow:hidden;box-shadow:0 22px 40px -17px #284f3833,0 3px 6px #284f3809}
.product-scene .ps-board-head{padding:19px 18px 15px;background:linear-gradient(135deg,#f8faf4,#fff);position:relative;border-bottom:1px solid #edf0e8}
.product-scene .ps-board-club{font-size:7px;font-weight:650;letter-spacing:.15em;color:#7b8b71;display:block;margin-bottom:8px}
.product-scene .ps-board-head h3{font:650 20px/1.2 Inter,Arial,sans-serif;letter-spacing:-.045em;color:#243e2c}
.product-scene .ps-board-head p{font:9px/1.3 Inter,Arial,sans-serif;color:#7a8871;margin-top:5px}
.product-scene .ps-live{position:absolute;right:16px;top:17px;display:flex;align-items:center;gap:4px;padding:3px 5px;border-radius:4px;background:#eaf2e5;font-size:7px;color:#658354;line-height:1}
.product-scene .ps-live i{width:4px;height:4px;border-radius:50%;background:#6e9858}
.product-scene .ps-board-body{padding:12px 11px 0}
.product-scene .ps-table-label{display:flex;justify-content:space-between;align-items:center;font-size:6px;letter-spacing:.1em;font-weight:650;color:#8f9a85;padding:0 7px 7px 24px}
.product-scene .ps-score-row{display:flex;align-items:center;gap:8px;padding:10px 7px;border-radius:6px;min-width:0}
.product-scene .ps-place{color:#8a957f;font-size:9px;width:9px;flex-shrink:0;text-align:center;font-weight:550}
.product-scene .ps-score-row .ps-avatar{width:26px;height:26px;font-size:7px}
.product-scene .ps-score-row strong{font-size:10px;font-weight:550;color:#465b3a;white-space:nowrap}
.product-scene .ps-score-row>b{margin-left:auto;font-size:14px;font-weight:650;color:#3d5733;letter-spacing:-.06em}
.product-scene .ps-first{background:#f5f0de;border:1px solid #ede4c7;padding-block:9px}
.product-scene .ps-first .ps-place{color:#ac8c38}.product-scene .ps-first .ps-avatar{background:#e8dfba;color:#776224}.product-scene .ps-first strong{font-weight:650}.product-scene .ps-first>b{color:#81702d}
.product-scene .ps-name-short{display:none}
.product-scene .ps-board-foot{margin-top:7px;padding:12px 2px 13px;border-top:1px solid #edf0e8;text-align:center;font-size:8px;color:#89957d;display:flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap}
.product-scene .ps-refresh{font-size:13px;color:#9bab8c;line-height:1}
@media(min-width:761px) and (max-width:1100px){
  .product-scene .ps-phone{left:0;width:218px}
  .product-scene .ps-phone-content{padding-inline:11px}
  .product-scene .ps-team{gap:4px;padding-inline:5px}
  .product-scene .ps-team b{font-size:8px}
  .product-scene .ps-team-mark{width:17px;height:17px;font-size:8px}
  .product-scene .ps-leaderboard{width:220px;top:136px}
  .product-scene .ps-score-row{gap:6px;padding-inline:5px}
  .product-scene .ps-score-row strong{font-size:9px}
  .product-scene .ps-board-head{padding-inline:15px}
  .product-scene .ps-board-head h3{font-size:18px}
}
@media(max-width:760px){
  .product-scene{max-width:480px;margin-top:4px}
  .product-scene .ps-phone{left:12px}
  .product-scene .ps-leaderboard{width:250px;top:124px}
}
@media(max-width:480px){.product-scene{max-width:355px}}
@container ps-product (max-width:420px){
  .product-scene .ps-stage{height:405px}
  .product-scene .ps-phone{width:184px;left:0;border-radius:29px;padding:5px}
  .product-scene .ps-screen{border-radius:23px}
  .product-scene .ps-status{height:24px;padding:9px 12px 0;font-size:8px}
  .product-scene .ps-island{width:50px;height:13px;left:calc(50% - 25px)}
  .product-scene .ps-status-icons{gap:4px}
  .product-scene .ps-status-icons i{width:9px;height:6px}
  .product-scene .ps-status-icons b{width:12px;height:6px}
  .product-scene .ps-club-bar{padding:10px;gap:7px}
  .product-scene .ps-crest{width:27px;height:29px;font-size:9px}
  .product-scene .ps-club-bar strong{font-size:11px}
  .product-scene .ps-club-bar small{font-size:5px;margin-top:3px}
  .product-scene .ps-menu{display:none}
  .product-scene .ps-phone-content{padding:14px 10px 0}
  .product-scene .ps-game-heading h3{font-size:21px}
  .product-scene .ps-game-heading p{font-size:8px;margin-top:5px}
  .product-scene .ps-game-heading>span{font-size:6px}
  .product-scene .ps-pick-status{margin-top:14px;margin-bottom:7px;font-size:9px}
  .product-scene .ps-pick-status>span:last-child{font-size:7px}
  .product-scene .ps-team{padding:8px 5px;gap:5px}
  .product-scene .ps-team .ps-team-long{display:none}
  .product-scene .ps-team .ps-team-short{display:block;font-size:10px}
  .product-scene .ps-team-mark{width:16px;height:16px;font-size:7px}
  .product-scene .ps-team i{font-size:7px}
  .product-scene .ps-match{gap:5px;margin-top:5px}
  .product-scene .ps-player{margin-top:12px;padding-top:10px;gap:6px}
  .product-scene .ps-player .ps-avatar{width:23px;height:23px;font-size:7px}
  .product-scene .ps-player small{font-size:6px}
  .product-scene .ps-player strong{font-size:9px}
  .product-scene .ps-submit{margin-top:10px;font-size:9px;padding:10px}
  .product-scene .ps-powered{font-size:5px;margin-block:9px 8px}
  .product-scene .ps-powered img{width:39px}
  .product-scene .ps-home-bar{height:3px;width:58px;margin-bottom:4px}
  .product-scene .ps-leaderboard{width:clamp(150px,calc(100% - 172px),170px);top:135px;border-radius:10px}
  .product-scene .ps-board-head{padding:15px 11px 11px}
  .product-scene .ps-board-club{font-size:6px;letter-spacing:.12em;margin-bottom:8px}
  .product-scene .ps-board-head h3{font-size:16px}
  .product-scene .ps-board-head p{font-size:8px}
  .product-scene .ps-live{right:10px;top:14px;font-size:6px;gap:3px;padding:3px 4px}
  .product-scene .ps-live i{width:3px;height:3px}
  .product-scene .ps-board-body{padding:10px 7px 0}
  .product-scene .ps-table-label{font-size:5px;padding:0 5px 6px 17px}
  .product-scene .ps-score-row{gap:5px;padding:9px 5px}
  .product-scene .ps-score-row .ps-avatar{width:20px;height:20px;font-size:6px}
  .product-scene .ps-place{font-size:8px;width:7px}
  .product-scene .ps-score-row strong{font-size:10px}
  .product-scene .ps-score-row>b{font-size:12px}
  .product-scene .ps-name-long{display:none}
  .product-scene .ps-name-short{display:inline}
  .product-scene .ps-board-foot{font-size:6px;padding-block:10px;margin-top:5px;gap:4px}
  .product-scene .ps-refresh{font-size:10px}
}
@container ps-product (max-width:310px){
  .product-scene .ps-stage{height:590px}
  .product-scene .ps-phone{left:0;width:200px}
  .product-scene .ps-leaderboard{top:355px;width:210px}
  .product-scene .ps-board-club{font-size:7px}
  .product-scene .ps-score-row .ps-avatar{width:23px;height:23px}
  .product-scene .ps-name-long{display:inline}
  .product-scene .ps-name-short{display:none}
  .product-scene .ps-score-row{padding-block:7px}
  .product-scene .ps-board-head{padding-block:11px 9px}
  .product-scene .ps-board-head h3{font-size:16px}
  .product-scene .ps-board-head p{display:none}
  .product-scene .ps-board-foot{font-size:7px;padding-block:8px}
}