.club-abilities[data-ability-layout="cover-shelf"] .ability-cover-stage{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;min-height:340px;margin-top:30px;padding:40px;overflow:hidden;border:1px solid #5088cf;background:radial-gradient(circle at 78% 50%,#3065c55c,transparent 36%),linear-gradient(120deg,#101e3b,#0b1228);color:#fff}
.club-abilities[data-ability-layout="cover-shelf"] .ability-cover-kicker{font-size:12px;font-weight:900;letter-spacing:.2em;color:#70caff}
.club-abilities[data-ability-layout="cover-shelf"] .ability-cover-copy h3{margin:14px 0 24px;color:#fff;font-size:clamp(36px,4.5vw,64px)}
.club-abilities[data-ability-layout="cover-shelf"] .ability-cover-detail{margin-top:18px}
.club-abilities[data-ability-layout="cover-shelf"] .ability-cover-detail span{color:#8edbff;font-size:11px;font-weight:900;letter-spacing:.13em}
.club-abilities[data-ability-layout="cover-shelf"] .ability-cover-detail p{margin:6px 0 0;font-size:clamp(15px,1.3vw,20px);line-height:1.4}
.club-abilities[data-ability-layout="cover-shelf"] .ability-cover-art{display:grid;place-items:center}
.club-abilities[data-ability-layout="cover-shelf"] .ability-cover-art img{width:min(100%,290px);height:290px;object-fit:contain;filter:drop-shadow(0 15px 18px #0009)}
.club-abilities[data-ability-layout="cover-shelf"] .ability-cover-controls{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:10px;margin-top:18px}
.club-abilities[data-ability-layout="cover-shelf"] .ability-cover-arrow{height:44px;border:1px solid #648fd4;background:#14244a;color:#fff;font-size:25px;cursor:pointer}
.club-abilities[data-ability-layout="cover-shelf"] .ability-cover-shelf{display:flex;align-items:center;gap:12px;min-height:150px;overflow-x:auto;scroll-snap-type:x mandatory;padding:16px 5px}
.club-abilities[data-ability-layout="cover-shelf"] .ability-cover-button{flex:0 0 104px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:112px;padding:8px;border:1px solid #5a78af;background:#172b51;color:#fff;cursor:pointer;scroll-snap-align:center;transition:transform .2s,border-color .2s,box-shadow .2s}
.club-abilities[data-ability-layout="cover-shelf"] .ability-cover-button img{width:58px;height:58px;object-fit:contain}
.club-abilities[data-ability-layout="cover-shelf"] .ability-cover-button span{font-size:11px;line-height:1.15;font-weight:800;text-align:center}
.club-abilities[data-ability-layout="cover-shelf"] .ability-cover-button.is-active{transform:scale(1.13);border:2px solid #84dfff;background:#26457b;box-shadow:0 0 20px #42aaff88;z-index:1}
.club-abilities[data-ability-layout="cover-shelf"] .ability-cover-button:focus-visible,.club-abilities[data-ability-layout="cover-shelf"] .ability-cover-arrow:focus-visible{outline:2px solid #9beaff;outline-offset:2px}
body[data-palette="ps2light"] .club-abilities[data-ability-layout="cover-shelf"] .ability-cover-shelf{background:#e8f0ff}
body[data-palette="ps2light"] .club-abilities[data-ability-layout="cover-shelf"] .ability-cover-arrow{background:#dbe7ff;color:#152852}
body[data-palette="ps2light"] .club-abilities[data-ability-layout="cover-shelf"] .ability-cover-button{background:#f8fbff;color:#13264c}
body[data-palette="ps2light"] .club-abilities[data-ability-layout="cover-shelf"] .ability-cover-button.is-active{background:#d5e7ff}
@media(max-width:700px){.club-abilities[data-ability-layout="cover-shelf"] .ability-cover-stage{grid-template-columns:minmax(0,1fr) 110px;min-height:260px;padding:22px 16px}.club-abilities[data-ability-layout="cover-shelf"] .ability-cover-copy h3{font-size:clamp(27px,7vw,40px);margin:10px 0 16px}.club-abilities[data-ability-layout="cover-shelf"] .ability-cover-detail{margin-top:12px}.club-abilities[data-ability-layout="cover-shelf"] .ability-cover-detail p{font-size:14px}.club-abilities[data-ability-layout="cover-shelf"] .ability-cover-art img{height:150px}.club-abilities[data-ability-layout="cover-shelf"] .ability-cover-controls{grid-template-columns:36px minmax(0,1fr) 36px;gap:4px}.club-abilities[data-ability-layout="cover-shelf"] .ability-cover-arrow{height:44px}.club-abilities[data-ability-layout="cover-shelf"] .ability-cover-button{flex-basis:84px;min-height:94px}.club-abilities[data-ability-layout="cover-shelf"] .ability-cover-button img{width:48px;height:48px}.club-abilities[data-ability-layout="cover-shelf"] .ability-cover-shelf{min-height:125px}}
@media(prefers-reduced-motion:reduce){.club-abilities[data-ability-layout="cover-shelf"] .ability-cover-button{transition:none}}