.roster-hero{min-height:590px}.card-legend{margin-top:35px;color:#8d9495;font:700 12px "Barlow Condensed";letter-spacing:.14em}.card-legend b{font-size:24px;color:var(--coral);margin-right:3px}.card-intro{max-width:var(--max);margin:auto;padding:110px 24px 125px;display:grid;grid-template-columns:1.15fr .7fr;gap:90px;align-items:end}.card-intro span,.collection header>span,.staff-collection header>span,.cards-next>span{font:800 11px "Barlow Condensed";letter-spacing:.2em;color:var(--coral)}.card-intro h2,.collection header h2,.staff-collection header h2,.cards-next h2{font:900 clamp(44px,5vw,72px)/1.02 "Barlow Condensed","Noto Sans TC";letter-spacing:-.04em;margin:20px 0 0}.card-intro>p,.collection header>p{color:var(--muted)}.collection{background:var(--ink);padding:110px max(24px,calc((100vw - var(--max))/2)) 140px;color:#fff}.collection header{display:grid;grid-template-columns:220px 1fr;column-gap:50px;margin-bottom:70px}.collection header h2{margin:0}.collection header p{grid-column:2}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px 30px}.player-card{perspective:1000px;min-width:0}.card-face{--rx:0deg;--ry:0deg;position:relative;aspect-ratio:.72;background:#11191d;border-radius:22px;overflow:hidden;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .18s ease,box-shadow .25s ease;box-shadow:0 22px 44px rgba(0,0,0,.36),inset 0 0 0 1px rgba(255,255,255,.12);isolation:isolate}.card-face:before{content:"";position:absolute;inset:10px;border:2px solid var(--coral);border-radius:15px;z-index:8;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 0 18px rgba(239,91,85,.18)}.card-face:after{content:"CHU-NAN · BASEBALL · 1997";position:absolute;left:30px;top:18px;z-index:7;font:800 8px "Barlow Condensed";letter-spacing:.18em;color:rgba(255,255,255,.65)}.card-top{position:absolute;left:28px;right:28px;top:43px;z-index:7;display:flex;justify-content:space-between;align-items:start}.card-top span{font:900 16px "Barlow Condensed";letter-spacing:.13em;color:#fff}.card-top b{font:900 52px/.8 "Barlow Condensed";color:var(--coral);text-shadow:0 2px #330e0d}.portrait{position:absolute;inset:0 0 34%;overflow:hidden}.portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,#11191d 96%)}.portrait img{width:100%;height:100%;object-fit:cover;object-position:center 18%;filter:saturate(.88) contrast(1.08)}.card-data{position:absolute;z-index:6;left:30px;right:30px;bottom:26px;height:35%;background:linear-gradient(180deg,rgba(17,25,29,.1),#11191d 22%);padding-top:18px}.card-data small{font:800 8px "Barlow Condensed";letter-spacing:.18em;color:var(--coral)}.card-data h3{font:900 34px/1 "Noto Sans TC";margin:6px 0 12px}.card-data dl{display:grid;grid-template-columns:repeat(3,1fr);margin:0;border-top:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15)}.card-data dl div{padding:8px 5px 8px 0}.card-data dt{font-size:8px;color:#6f787b}.card-data dd{font-size:10px;font-weight:800;margin:1px 0 0}.card-data p{font-size:10px;color:#adb3b4;margin:10px 0 0;line-height:1.5}.foil{position:absolute;inset:-60%;z-index:9;pointer-events:none;opacity:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.36) 47%,rgba(239,91,85,.22) 51%,transparent 63%);transform:translateX(var(--shine,-30%)) rotate(8deg);transition:opacity .2s ease}.player-card:hover .foil{opacity:.7}.player-card[data-tone="ace"] .card-face:before{border-color:#c6d3d6}.player-card[data-tone="ace"] .card-top b{color:#d7e1e3}.player-card[data-tone="power"] .card-face:before{border-color:#d3a856}.player-card[data-tone="power"] .card-top b{color:#e5bb68}.player-card[data-tone="rookie"] .card-face:before{border-color:#f4eee1}.player-card[data-tone="captain"] .card-face:before{border-width:3px;box-shadow:inset 0 0 0 2px #d3a856,0 0 24px rgba(239,91,85,.3)}.staff-collection{padding:130px max(24px,calc((100vw - var(--max))/2));background:#ddd8cc}.staff-collection header{display:grid;grid-template-columns:220px 1fr;gap:50px;margin-bottom:70px}.staff-collection header h2{margin:0;max-width:850px}.staff-grid{display:grid;grid-template-columns:repeat(2,minmax(0,440px));gap:42px;justify-content:center}.staff-card .card-face{aspect-ratio:.72}.manager .card-face:before{border-color:#f1d2cb}.coach .card-face:before{border-color:#d3a856}.cards-next{padding:120px max(24px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1.2fr .7fr;gap:80px;align-items:end}.cards-next>span{grid-column:1/-1}.cards-next h2{margin:0}.cards-next p{color:var(--muted)}.cards-next ul{padding-left:18px;font-size:13px}.cards-next li{margin:9px 0}@media(max-width:900px){.card-intro,.cards-next{grid-template-columns:1fr;gap:30px}.collection header,.staff-collection header{grid-template-columns:1fr;gap:18px}.collection header p{grid-column:1}.card-grid{grid-template-columns:repeat(2,1fr);gap:25px 14px}.staff-grid{grid-template-columns:repeat(2,1fr);gap:14px}.card-data{left:22px;right:22px}.card-top{left:22px;right:22px}.card-top b{font-size:42px}}@media(max-width:560px){.card-grid{grid-template-columns:1fr}.staff-grid{grid-template-columns:1fr}.player-card{max-width:420px;margin:auto;width:100%}.card-data h3{font-size:31px}}