/* الفخ: coral is its colour; the defender is teal and the attacker red, as the two teams are in سين جيم */
.g-trap{--game:var(--coral)}
.gameCard[data-to="trap"]{--game:var(--coral)}
.fkScreen{justify-content:flex-start}
.fkChain{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:clamp(6px,1.2vw,12px);justify-content:center}
.fkChain li{display:flex;align-items:center;gap:.6em;padding:.35em .9em;border-radius:999px;background:var(--surface);font-size:clamp(14px,3vh,24px)}
.fkChain li span{font-family:var(--display);font-variant-numeric:tabular-nums;color:var(--muted)}
.fkChain li+li::before{content:"←";color:var(--muted);margin-inline-end:.4em;margin-inline-start:-.2em}
.fkChain li.def{background:var(--teal);color:var(--resolve)}.fkChain li.att{background:var(--red);color:var(--clarity)}
.fkChain li.def span,.fkChain li.att span{color:inherit}
.fkRole{display:inline-block;padding:.05em .6em;border-radius:999px;font-weight:700}
.fkRole.def{background:var(--teal);color:var(--resolve)}.fkRole.att{background:var(--red);color:var(--clarity)}
.fkFields{flex:1;min-height:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(8px,1.6vw,16px)}
.fkFields .sjCat{aspect-ratio:auto;min-height:0;justify-content:center}
.fkFields .sjCat b,.fkBranches .sjCat b{font-size:clamp(16px,4.4vh,36px)}
.fkBranches{flex:1;min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,1.6vw,18px)}
.fkBranches .sjCat{aspect-ratio:auto;min-height:0}
.fkPts{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;font-size:clamp(16px,4.4vh,36px)}
.fkScore{display:flex;align-items:baseline;gap:.4em;padding:.1em .8em;border-radius:999px;font-family:var(--display);font-size:clamp(18px,5.4vh,46px);line-height:1.25;font-variant-numeric:tabular-nums}
.fkScore small{font-family:var(--body);font-size:.5em;font-weight:700}
.fkScore.def{background:var(--teal);color:var(--resolve)}.fkScore.att{background:var(--red);color:var(--clarity)}
.fkRace .sjQTop .fkScore.def{margin-inline-start:auto}
.sjClock.fkClock{width:auto;height:auto;border-radius:999px;padding:.05em .7em;border-width:clamp(2px,.6vh,5px)}
.sjClock.fkClock b{font-size:clamp(18px,5.4vh,46px);direction:ltr}
@media (max-width:620px){.fkFields{grid-template-columns:repeat(2,minmax(0,1fr))}.fkFields .sjCat{min-height:80px}.fkBranches{grid-template-columns:1fr}.fkBranches .sjCat{min-height:110px}}