.ff-bye-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ff-bye-card{display:block;min-width:0;border:1px solid #3a5866;border-radius:18px;background:linear-gradient(125deg,#163d43,#202b43);padding:18px;text-decoration:none!important}
.ff-bye-card:hover{border-color:#73efd2}
.ff-bye-card h3{margin:8px 0 12px}
.ff-bye-faceoff{display:flex;align-items:center;justify-content:space-between;gap:8px}
.ff-bye-faceoff div{flex:1;min-width:0;text-align:center}
.ff-bye-faceoff img{display:block;max-width:100%;object-fit:contain;margin:auto}
.ff-bye-faceoff strong,.ff-bye-faceoff span{display:block}
.ff-bye-faceoff span{color:#8bf2d7;margin-top:6px}
.ff-bye-faceoff b{color:#ffd77b;font-size:26px;font-style:italic}
.ff-bye-action{display:block;text-align:center;border-top:1px solid #3a5866;margin-top:14px;padding-top:12px;color:#8bf2d7;font-weight:700}
.ff-bye-odd>a:last-child{grid-column:1/-1}
.ff-bye-directory{margin-top:18px}.ff-bye-directory ul{columns:2;column-gap:24px;padding-left:20px}.ff-bye-directory li{break-inside:avoid;margin:0 0 10px}
@media(min-width:1000px){.ff-bye-six{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.ff-bye-grid{grid-template-columns:1fr}.ff-bye-card{padding:15px}.ff-bye-directory ul{columns:1}}