/* v028 スキル工房のチームの札を、公式HP(site.v035)の札の中身(絵・一言・作品の小さな絵3枚・「Nつの作品と、全Mスキル」)で。
   並べ方は DIVE の作品のレールと同じ「横に送る1段」(縦に8枚並べると約3.5画面長くなるため)。見た目は DIVE の紺のガラス。2026-09-27 Claude Code Opus 5.5 */
.v24-skills .v28-crew{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:26px -16px 0;padding:4px 16px 12px;scroll-padding:0 16px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.v28-crew .crew-card{flex:0 0 84%;scroll-snap-align:center;display:flex;flex-direction:column;appearance:none;-webkit-appearance:none;padding:0;text-align:left;cursor:pointer;color:var(--ap-t1);font:inherit;
  border:1px solid rgba(255,255,255,.12);border-radius:18px;overflow:hidden;background:linear-gradient(180deg,rgba(12,40,58,.92),rgba(6,24,36,.96));box-shadow:0 18px 36px rgba(0,0,0,.35)}
.v28-crew .crew-card>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.v28-crew .crew-card-copy{display:flex;flex-direction:column;gap:12px;padding:14px 16px 14px;flex:1}
.v28-crew .crew-catch{font-size:17px;line-height:1.55;font-weight:700;letter-spacing:.02em;word-break:keep-all;overflow-wrap:anywhere}
.v28-crew .crew-previews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.v28-crew .crew-previews>span{display:flex;flex-direction:column;gap:5px;min-width:0}
.v28-crew .crew-previews img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:8px;background:#0b2533;border:1px solid rgba(255,255,255,.08)}
.v28-crew .crew-previews>span>span{font-size:12px;line-height:1.45;color:var(--ap-t2);word-break:keep-all;overflow-wrap:anywhere}
.v28-crew .crew-card-bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px;color:var(--ap-gold);letter-spacing:.04em;word-break:keep-all}
.v28-crew .crew-card-bottom .plus{display:inline-grid;place-items:center;flex:0 0 auto;width:32px;height:32px;border-radius:50%;border:1px solid rgba(227,201,143,.55);font-size:18px;line-height:1}
.v28-crew .crew-card:focus-visible{outline:3px solid var(--ap-gold);outline-offset:3px}
.v28-hint{margin:18px 0 0!important;text-align:right;color:var(--ap-gold);font-size:13px;letter-spacing:.04em;word-break:keep-all}
/* HP の窓は DIVE の1列に合わせて幅を抑え、深海の上に浮かぶように */
#output-dialog{max-width:min(760px,calc(var(--cw) - 16px))!important;width:min(760px,calc(var(--cw) - 16px))!important;margin:auto!important}
#output-dialog::backdrop{background:rgba(1,8,14,.72)!important;backdrop-filter:blur(4px)}