.together-section{padding-top:12px}
.together-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.together-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:28px 8px;padding:32px;background:#efe5f7;display:flex;align-items:flex-start;flex-direction:column}
.together-card.message-card{background:var(--paper)}
.activity-icon{display:grid;place-items:center;width:52px;height:52px;background:var(--paper);border:1px solid #c5b3d2;border-radius:18px 5px;color:var(--ink);margin-bottom:22px;font-size:29px;box-shadow:0 4px 0 #d9c8e4}
.message-card .activity-icon{background:#f5d4ca;border-color:#e0b8ac;box-shadow:0 4px 0 #e9c3b8}
.together-card h2{font-size:clamp(24px,2.3vw,31px);line-height:1.5;letter-spacing:-.7px;margin:0}
.together-card>p{font-size:13px;line-height:1.9;color:var(--muted);max-width:430px;margin:15px 0 25px}
.together-card .button{margin-top:auto;min-height:48px;font-family:var(--font);cursor:pointer;font-size:13px}
.together-card .activity-tag{position:absolute;top:38px;right:32px;font-size:10px;color:var(--muted);border:1px solid #cbbbd7;border-radius:25px;padding:6px 10px;background:rgb(251 247 239 / 55%)}
.activity-open{overflow:hidden}
.activity-dialog{border:1px solid var(--line);border-radius:26px 8px;background:var(--paper);color:var(--ink);padding:0;max-height:calc(100dvh - 32px);width:min(1120px,calc(100vw - 40px));max-width:none;overflow:auto;box-shadow:0 24px 80px rgb(31 18 42 / 22%)}
.activity-dialog::backdrop{background:rgb(40 28 51 / 62%);backdrop-filter:blur(5px)}
.activity-top{position:sticky;top:0;z-index:3;background:var(--paper);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 26px;border-bottom:1px solid var(--line)}
.activity-top h2{font-size:23px;line-height:1.5;letter-spacing:-.5px;margin:0}
.activity-top .eyebrow{font-size:9px;margin-bottom:6px}
.activity-close{width:44px;height:44px;flex-shrink:0;background:var(--paper);color:var(--ink);border:1px solid #bdabc9;border-radius:50%;font-size:20px;cursor:pointer;display:grid;place-items:center}
.activity-close:hover{background:var(--lavender)}
.game-loading,.game-unavailable{padding:70px 30px;text-align:center;font-size:14px;line-height:1.9}
.game-unavailable p{max-width:520px;margin:16px auto;color:var(--muted)}
.message-dialog{width:min(580px,calc(100vw - 40px))}
.message-content{padding:28px}
.message-intro{font-size:14px;line-height:1.9;margin:0 0 22px;color:var(--muted)}
.message-prototype-note{font-size:12px;line-height:1.9;padding:15px 17px;background:#f1e8f7;border-radius:14px 4px;margin-bottom:24px;color:var(--ink)}
.message-content label{display:block;font-size:13px;font-weight:700;margin-bottom:10px}
.message-content textarea{font:14px/1.9 var(--font);width:100%;min-height:155px;resize:vertical;display:block;border:1px solid #baa6ca;border-radius:14px 4px;background:#fffdf9;color:var(--ink);padding:15px}
.message-field-footer{display:flex;justify-content:space-between;gap:15px;margin:10px 0 24px;font-size:10px;line-height:1.8;color:var(--muted)}
.message-field-footer p{margin:0;max-width:340px}
.message-content .message-send{font:700 13px var(--font);width:100%;padding:15px;border:1px solid var(--line);border-radius:14px 4px;background:#e7dfeb;color:#6b5a78;cursor:not-allowed}
@media(max-width:680px){
  .together-grid{grid-template-columns:1fr;gap:22px}
  .together-card{padding:26px}
  .together-card>p{font-size:12px}
  .together-card .activity-tag{right:26px;top:32px}
  .activity-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:20px 6px}
  .activity-top{padding:16px 18px;gap:12px}
  .activity-top h2{font-size:19px}
  .activity-top .eyebrow{font-size:8px}
  .message-content{padding:22px}
  .message-intro{font-size:13px}
  .message-prototype-note{font-size:11px}
  .message-field-footer{flex-direction:column;gap:5px}
}

/* A static, detailed scene of the existing game pilot; the launch button stays native. */
.game-teaser-art{width:100%;height:220px;display:flex;align-items:center;justify-content:center;margin:0 0 15px}
.game-teaser-art>img{width:100%;height:100%;object-fit:contain}
.game-card .activity-tag{z-index:1}
@media(max-width:680px){.game-teaser-art{height:195px;margin:8px 0 12px}}

/* Quiet conversation artwork fills the marked space without changing native actions. */
.message-teaser-art{align-self:center;display:flex;align-items:center;justify-content:center;width:min(100%,480px);height:168px;flex:0 0 168px;margin:0 0 17px}
.message-teaser-art>img{width:100%;height:100%;object-fit:contain}
@media(max-width:680px){.message-teaser-art{height:152px;flex-basis:152px;margin-bottom:18px}}
@media(max-width:360px){.message-teaser-art{height:132px;flex-basis:132px}}

/* Final shared slide: existing game beside a forum entry, stacked on phones. */
.community-section{padding-top:64px}
.community-section .together-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.community-section .together-card{min-width:0}
.forum-entry-card{background:var(--paper)}
.forum-teaser-art{width:100%;height:220px;display:flex;align-items:center;justify-content:center;margin-bottom:15px}
.forum-teaser-art img{width:100%;height:100%;object-fit:contain}
@media(max-width:680px){.community-section{padding-top:38px}.community-section .together-grid{grid-template-columns:1fr}.forum-teaser-art{height:195px;margin:8px 0 12px}}