/* 日々、AIで遊んでます / Made with AI, daily（2026-10-09）。homepage-v4/styles.css の上に載せる。ライト基調1本。 */
.play-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 30px}
.play-card{min-width:0}
.play-thumb{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:#e9ebe3;border:1px solid var(--line)}
.play-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.play-thumb.is-tall img{object-position:center 30%}
.play-thumb:hover img{transform:scale(1.035)}
.play-btn{position:absolute;left:14px;bottom:14px;width:46px;height:46px;border-radius:50%;background:rgba(251,249,245,.94);box-shadow:0 2px 10px rgba(30,40,30,.18)}
.play-btn:after{content:"";position:absolute;left:18px;top:14px;border-left:14px solid var(--ink);border-top:9px solid transparent;border-bottom:9px solid transparent}
.play-open{position:absolute;left:14px;bottom:14px;min-width:46px;height:46px;border-radius:50%;background:rgba(251,249,245,.94);box-shadow:0 2px 10px rgba(30,40,30,.18);display:grid;place-items:center;font-size:20px;color:var(--ink)}
.play-thumb.is-playing{background:#151815}
.play-thumb video,.play-thumb iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#151815;object-fit:contain}
.play-text{padding-top:16px}
.play-meta{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;line-height:1.6;color:var(--muted)}
.play-meta time{font-family:var(--serif);letter-spacing:.06em}
.play-title{font:500 18px/1.65 var(--serif);margin:4px 0 6px;letter-spacing:.02em}
.play-title a:hover{color:var(--accent)}
.play-line{font-size:14px;line-height:1.85;color:var(--ink)}
.play-en{font-size:13px;line-height:1.7;color:var(--muted);margin-top:4px}

/* トップの節 */
.plays-home .section-intro .en-lead{display:block}
.plays-home .work-more{margin-top:34px}

/* 一覧ページ */
.plays-page main{padding:64px 0 96px}
.plays-list-page h1{font-size:clamp(26px,3.4vw,38px);line-height:1.6;letter-spacing:.03em;margin:14px 0 18px}
.plays-count{font-size:13px;color:var(--muted);margin:-14px 0 40px}

@media(max-width:950px){
  .play-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 24px}
}
@media(max-width:600px){
  .play-grid{grid-template-columns:1fr;gap:0;border-top:1px solid var(--line)}
  .play-card{display:grid;grid-template-columns:132px minmax(0,1fr);gap:16px;align-items:start;padding:20px 0;border-bottom:1px solid var(--line)}
  .play-thumb.is-playing{grid-column:1 / -1}
  .play-text{padding-top:0}
  .play-btn,.play-open{left:8px;bottom:8px;width:34px;height:34px;min-width:34px}
  .play-btn:after{left:13px;top:10px;border-left-width:11px;border-top-width:7px;border-bottom-width:7px}
  .play-open{font-size:16px}
  .play-title{font-size:16px;margin:2px 0 4px}
  .play-line{font-size:13px;line-height:1.75}
  .plays-page main{padding:40px 0 72px}
}