/* Today 1.1.4: URGent Tower card under the app buttons (screenshot + raised Play button). No inline CSS. */
.play-card{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:20px;width:100%;max-width:760px;
  margin:22px auto 0;padding:14px;text-decoration:none;color:var(--urg-navy);border-radius:12px;border:1px solid #c5d0db;
  background:linear-gradient(180deg,#ffffff 0%,#f3f6f9 60%,#e6ecf2 100%);
  box-shadow:0 3px 0 #b7c4d1,0 6px 14px rgba(8,51,70,.14),inset 0 1px 0 #fff;transition:border-color .12s,transform .08s,box-shadow .12s}
.play-card:hover{border-color:var(--urg-accent)}
.play-card:active{transform:translateY(2px);box-shadow:0 1px 0 #b7c4d1,inset 0 2px 4px rgba(8,51,70,.18)}
.play-card:focus-visible{outline:3px solid var(--urg-accent);outline-offset:3px}
.play-shot{display:block;width:100%;height:auto;border-radius:8px;border:1px solid #c5d0db}
.play-text{text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.play-title{font:700 20px var(--urg-font);letter-spacing:.06em;text-transform:uppercase}
.play-sub{font:400 15px/1.4 var(--urg-font);color:var(--urg-muted)}
.play-btn{margin-top:6px;padding:10px 28px;border-radius:9px;font:700 15px var(--urg-font);letter-spacing:.1em;text-transform:uppercase;color:#fff;
  background:linear-gradient(180deg,#6fa3d1 0%,#5993C5 55%,#4a7fae 100%);border:1px solid #3f6f99;
  box-shadow:0 3px 0 #2f5a80,0 5px 10px rgba(8,51,70,.2),inset 0 1px 0 rgba(255,255,255,.35)}
.play-card:hover .play-btn{background:linear-gradient(180deg,#7db0dc 0%,#64a0d3 55%,#5089bb 100%)}
@media (max-width:600px){.play-card{grid-template-columns:1fr;gap:12px}.play-text{align-items:stretch;text-align:center}.play-btn{text-align:center}}