.court-demo{width:min(360px,100%);margin:0 auto;min-width:0}.court-demo-frame{width:100%;aspect-ratio:9/16;background:#06121b;border-radius:24px;overflow:hidden;box-shadow:0 24px 70px #0005;border:1px solid #31515e}.court-demo-launch{display:block;position:relative;width:100%;height:100%;color:#fff}.court-demo-launch img,.court-demo video{display:block;width:100%;height:100%;object-fit:contain}.court-demo-play{position:absolute;inset:auto 14px 20px;display:flex;gap:10px;align-items:center;justify-content:center;min-height:52px;padding:8px 12px;background:#031019e8;border:1px solid #68f1bd;border-radius:30px;text-align:center;line-height:1.4;color:#fff;font-size:16px}.court-demo-play b{color:#68f1bd;font-size:22px}.court-demo figcaption{margin-top:14px;font-size:15px;line-height:1.6;color:#c1d4de}.court-demo figcaption strong{display:block;color:#68f1bd;font-weight:700;margin-bottom:4px}.court-demo-launch:focus-visible{outline:3px solid #68f1bd;outline-offset:-4px}.court-demo video:focus-visible{outline:3px solid #68f1bd;outline-offset:-4px}@media(max-width:520px){.court-demo{width:min(320px,100%);margin-top:14px}}