.play-hub{color:#1e3a5c;width:100%;max-width:42rem;margin:0 auto;padding:16px 0 24px}.play-progress-trigger{width:100%;min-height:72px;color:inherit;text-align:left;cursor:pointer;background:#ffffffc9;border:1px solid #dce7ef;border-radius:20px;align-items:center;gap:12px;padding:12px 14px;display:flex}.play-progress-symbol{background:#eaf2eb;border-radius:14px;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:24px;display:grid}.play-progress-content{flex:1;min-width:0;display:block}.play-progress-heading{justify-content:space-between;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.play-progress-percent{color:#60748a;font-variant-numeric:tabular-nums;align-items:center;gap:8px;font-size:12px;display:flex}.play-progress-track{background:#e4edf3;border-radius:9px;height:7px;margin-top:9px;display:block;overflow:hidden}.play-progress-track>span{border-radius:inherit;background:linear-gradient(90deg,#6c9e9b,#2d6372);height:100%;display:block}.play-leaderboard{color:#634917;background:linear-gradient(105deg,#f8e7b8,#efd08b);border-radius:16px;align-items:center;gap:10px;min-height:48px;margin:10px 0 18px;padding:10px 15px;font-size:14px;font-weight:750;text-decoration:none;display:flex}.play-leaderboard-arrow{margin-left:auto;font-size:21px}.play-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px;display:grid}.play-card{aspect-ratio:1;color:#1e3a5c;background:#fff;border-radius:20px;outline:1px solid #1e3a5c10;flex-direction:column;min-width:0;text-decoration:none;transition:transform .12s,box-shadow .12s;display:flex;overflow:hidden;box-shadow:0 1px 3px #1e3a5c0b,0 4px 12px #1e3a5c06}.play-card-art{background:#edf3fb;border-bottom:1px solid #0000000a;flex:1;min-height:0;position:relative;overflow:hidden}.play-card-art>svg{width:100%;height:100%;display:block}.play-card-badge{color:#24425a;background:#ffffffed;border-radius:7px;padding:3px 7px;font-size:10px;font-weight:700;position:absolute;top:8px;left:8px}.play-card-caption{align-items:center;gap:6px;min-height:54px;padding:10px 12px;display:flex}.play-card-caption h2{text-wrap:balance;flex:1;margin:0;font-size:14px;font-weight:750;line-height:1.25}.play-card-arrow{color:#6d879d;flex-shrink:0;font-size:18px}.play-card:focus-visible,.play-leaderboard:focus-visible,.play-progress-trigger:focus-visible{outline-offset:3px;outline:3px solid #6094bf}@media (hover:hover){.play-card:hover{transform:translateY(-2px);box-shadow:0 4px 14px #1e3a5c15}}.play-card:active{transform:scale(.96)}@media (min-width:640px){.play-card-caption h2{font-size:16px}.play-grid{gap:18px}}@media (prefers-reduced-motion:reduce){.play-card{transition:none}.play-card:hover,.play-card:active{transform:none}}html[data-theme=dark] .play-hub{color:#dceaf7}html[data-theme=dark] .play-progress-trigger{background:#172b40;border-color:#35516b}html[data-theme=dark] .play-progress-symbol{background:#2b463d}html[data-theme=dark] .play-progress-percent,html[data-theme=dark] .play-card-arrow{color:#afc8dc}html[data-theme=dark] .play-progress-track{background:#344c62}html[data-theme=dark] .play-progress-track>span{background:linear-gradient(90deg,#8cc5b1,#6babc8)}html[data-theme=dark] .play-card{color:#e1edf8;background:#172b40;outline-color:#ffffff20}html[data-theme=dark] .play-card-art{border-bottom-color:#ffffff1a}.play-card-cover .play-card-art{border-bottom:0}.play-card-cover img{object-fit:contain}