.playable{margin:32px 0 8px}
.playable-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:12px}
.playable-head h3{font-size:21px}
.playable-head span{font-size:12px;letter-spacing:.06em;color:var(--muted)}

/* 16:9 keeps the letterboxing the build already does from being doubled up. */
.playable-frame{position:relative;aspect-ratio:16/9;width:100%;border:1px solid var(--line);
                border-radius:6px;overflow:hidden;background:var(--dark)}
.playable-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}

/* The build is ~14 MB, so nothing downloads until this button is pressed. */
.playable-start{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;
                background:var(--dark);cursor:pointer;display:block;overflow:hidden}
.playable-start img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
                    opacity:.34;filter:saturate(.75);transition:opacity .3s ease,transform .5s ease}
.playable-start:hover img,.playable-start:focus-visible img{opacity:.46;transform:scale(1.02)}
.playable-start .cta{position:absolute;inset:0;display:flex;flex-direction:column;gap:8px;
                     align-items:center;justify-content:center;text-align:center;padding:24px;color:#f5f3ee}
.playable-start .cta strong{font-size:18px;font-weight:600;letter-spacing:-.02em;
                            display:inline-flex;align-items:center;gap:10px}
.playable-start .cta .disc{width:34px;height:34px;border-radius:50%;background:var(--accent);
                           display:inline-flex;align-items:center;justify-content:center;
                           font-size:13px;color:#fff;padding-left:3px}
.playable-start .cta small{font-size:12px;letter-spacing:.05em;color:#9fb0ae}

.playable-foot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:10px}
.playable-foot span{font-size:12px;color:var(--muted);max-width:62ch}

@media (max-width:640px){
  .playable-frame{aspect-ratio:3/4}
  .playable-head h3{font-size:19px}
}