/* てつが君の遊び場のタイル（トップ index.html と game/index.html の両方で使う・1本だけ）2026-11-14
   とも様「遊び場は全部遊び場。物語はまとまる。問答室はまとまる。今日の五問と診断は近く。診断もイラストでタイルに」 */
@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.sec{font:bold 13px/1.4 'Helvetica Neue',Arial,sans-serif;color:#7f8c8d;letter-spacing:2px;margin:22px 0 10px;text-align:center}
.sec:first-of-type{margin-top:4px}
.story{display:block;position:relative;margin:0 0 16px;border:1px solid rgba(255,255,255,.5);border-radius:16px;overflow:hidden;background:rgba(255,255,255,.9);color:#2c3e50;text-decoration:none;box-shadow:0 10px 25px rgba(0,0,0,.08);animation:rise .45s ease both;transition:transform .2s ease,box-shadow .2s ease;text-align:left}
a.story:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(52,152,219,.18)}
a.story:active{transform:translateY(1px)}
.story .pic{display:block;width:100%;aspect-ratio:16/7;object-fit:cover;background:linear-gradient(160deg,#5d7186,#2c3e50)}
.story .pic.sq{aspect-ratio:16/8;object-position:center 30%}
.story .tx{padding:12px 14px 14px;font-family:'Helvetica Neue',Arial,sans-serif}
.story .no{font-size:11px;color:#7f8c8d;letter-spacing:1px}
.story .ti{font-size:18px;font-weight:800;line-height:1.4}
.story .de{font-size:13px;color:#555;margin-top:2px}
.story .rec{font-size:12px;margin-top:6px;color:#27ae60;font-weight:bold}
.story .st{color:#e67e22;margin-left:6px}
.story .go{position:absolute;right:10px;top:10px;font-family:'Helvetica Neue',Arial,sans-serif;font-size:12px;font-weight:bold;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border-radius:12px;padding:3px 14px;box-shadow:0 4px 10px rgba(52,152,219,.3)}
.story.soon{opacity:.6;box-shadow:none}
.story.soon .go{background:#95a5a6;box-shadow:none}
.story.dark{background:linear-gradient(135deg,#141d29,#0d131b);color:#f1e7c8;border:1px solid rgba(201,168,76,.45);box-shadow:0 12px 30px rgba(0,0,0,.35)}
.story.dark .no,.story.dark .de{color:#9aa6b5}
.story.dark .st{color:#c9a84c}
.story.dark .go{background:linear-gradient(135deg,#d7b659,#a8842c);color:#120f06;box-shadow:0 4px 12px rgba(201,168,76,.35)}
.story.dark .pic{filter:saturate(.85)}
/* 診断のタイル（トップでは中にボタンが入る） */
.story.shindan .tx{padding-bottom:6px}
.story.shindan .btn{margin:10px 0 8px}