/* حوشها: ochre is its colour; the teams stay teal and red, as in سين جيم */
.g-hosh{--game:var(--ochre)}
.gameCard[data-to="hosh"]{--game:var(--ochre)}
.hsPicked{display:flex;flex-wrap:wrap;gap:8px}
.hsPicked .sjSlot{min-height:40px;padding:6px 14px}
.hsScreen{justify-content:flex-start}
.hsScores{flex:none;display:grid;grid-template-columns:1fr 1fr;gap:clamp(8px,1.6vw,16px)}
.hsTeam{border-radius:14px;padding:clamp(6px,1.4vh,14px) clamp(10px,2vw,22px);display:grid;grid-template-columns:1fr auto;align-items:center;gap:clamp(4px,1vh,8px) 12px;outline:4px solid transparent;outline-offset:3px}
.hsTeam.t0{background:var(--teal);color:var(--resolve)}.hsTeam.t1{background:var(--red);color:var(--clarity)}
.hsTeam.turn{outline-color:var(--gold)}
.hsTeam b{font-size:clamp(14px,3.4vh,28px)}
.hsTeam b em{font-style:normal;font-size:.6em;background:var(--gold);color:var(--resolve);border-radius:999px;padding:.1em .6em;vertical-align:middle}
.hsTeam span{font-family:var(--display);font-size:clamp(20px,6vh,54px);line-height:1.1;font-variant-numeric:tabular-nums}
.hsBar{grid-column:1/-1;height:clamp(5px,1.2vh,10px);border-radius:999px;background:rgba(0,0,0,.2);overflow:hidden}
.hsBar i{display:block;height:100%;background:var(--gold);border-radius:inherit}
.hsStage{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:clamp(10px,3vw,48px);align-items:center}
.hsLadder{list-style:none;margin:0;padding:0;display:flex;flex-direction:column-reverse;gap:clamp(4px,1.2vh,10px);height:100%;justify-content:center}
.hsLadder li{display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--surface);font-family:var(--display);font-size:clamp(16px,5vh,44px);min-height:clamp(28px,9vh,80px);color:var(--muted);font-variant-numeric:tabular-nums;margin-inline:calc((4 - var(--k)) * 6%)}
.hsLadder li.done{background:var(--gold);color:var(--resolve)}
.hsLadder li.cur{background:var(--ochre);color:var(--clarity);box-shadow:0 0 0 clamp(2px,.6vh,5px) var(--resolve)}
.hsLead{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,2.4vh,22px);text-align:center}
.hsLead h3{font-family:var(--kufi);font-size:clamp(26px,10vh,90px);line-height:1.2}
.hsLead p{font-size:clamp(14px,3.6vh,30px);color:var(--muted)}
.hsPot{display:flex;flex-direction:column;align-items:center;background:var(--resolve);color:var(--clarity);border-radius:18px;padding:clamp(8px,2vh,20px) clamp(20px,4vw,56px)}
.hsPot small{font-size:clamp(12px,2.8vh,22px);opacity:.8}
.hsPot b{font-family:var(--display);font-size:clamp(32px,12vh,110px);line-height:1.1;color:var(--gold);font-variant-numeric:tabular-nums}
.hsLead p.hsTaunt{color:var(--auth);font-weight:700;max-width:28ch}
.hsPotChip{font-family:var(--display);font-size:clamp(14px,4.2vh,36px);line-height:1.3;background:var(--resolve);color:var(--gold);padding:.05em .7em;border-radius:999px;font-variant-numeric:tabular-nums}
.hsQScreen .sjQTop .sjQTurn{margin-inline-start:auto}
.hsQScreen .sjWhoBtns{grid-template-columns:repeat(auto-fit,minmax(0,1fr));width:min(100%,900px)}
.hsDecide{flex:none;display:grid;grid-template-columns:1fr 1fr;gap:clamp(8px,2vw,24px)}
.hsDecide .btn{min-height:clamp(64px,17vh,150px);font-size:clamp(18px,5.4vh,48px);border-radius:clamp(12px,2.4vh,22px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;line-height:1.2}
.hsDecide .btn small{font-size:.42em;font-weight:400;opacity:.9}
.btn.hsBank{background:var(--sage);color:var(--resolve)}.btn.hsRisk{background:var(--coral);color:var(--resolve)}
.btn.hsHelp{display:flex;flex-direction:column;align-items:center;gap:2px;line-height:1.2;font-size:clamp(13px,3.2vh,26px)}
.btn.hsHelp small{font-size:.65em;font-weight:400}
@media (max-width:620px){
  .hsStage{grid-template-columns:1fr;align-content:center}
  .hsLadder{flex-direction:row;height:auto}
  .hsLadder li{flex:1;margin:0;min-height:44px;font-size:16px}
  .hsDecide{grid-template-columns:1fr}
}
.fkRank em.up{color:#3d6b2c}.fkRank em.down{color:var(--red)}
@media (max-width:620px){.psCard{min-height:300px}.psTopic{min-height:220px}.psPlay{flex-wrap:wrap}}