/* Zid slave (js/zid.js): prozor sa tabovima, red na karti kraja, barjak u prozoru nove igre, toast. Klase počinju sa zid-. */
#zid-sloj{position:fixed;inset:0;background:rgba(4,5,5,.84);display:none;align-items:center;justify-content:center;z-index:25;padding:16px}
#zid-sloj.on{display:flex}
.zid-kutija{display:flex;flex-direction:column;max-width:560px;overflow:hidden;padding-bottom:12px}
.zid-kutija h2{margin-bottom:8px}
.zid-tabovi{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:10px;flex:none}
.zid-tabovi .d{min-height:44px;padding:4px 2px;font-size:13px;letter-spacing:0;text-transform:none;font-family:var(--kucano);font-weight:700}
.zid-tabovi .d.on{border-color:var(--zlato);color:var(--zlato);background:rgba(255,210,74,.08)}
.zid-telo{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.zid-zbir{font:700 13px var(--kucano);color:var(--zlato);margin-bottom:8px}
.zid-lista{display:flex;flex-direction:column;gap:6px}
.zid-stavka{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border:1px solid var(--ivica);background:#101311;opacity:.7}
.zid-stavka.ima{opacity:1;border-left:3px solid var(--zlato)}
.zid-ik{font-size:20px;line-height:1.2;flex:none;width:24px;text-align:center}
.zid-stavka b{display:block;font:700 13.5px/1.35 var(--kucano)}
.zid-stavka small{display:block;color:var(--tih);font-size:13px;margin-top:2px;line-height:1.35}
.zid-kat{border:1px solid var(--ivica);margin-bottom:6px;background:#101311}
.zid-kat>summary,.zid-pod>summary{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:44px;padding:6px 10px;cursor:pointer;font:700 13px var(--kucano);list-style:none}
.zid-kat>summary::-webkit-details-marker,.zid-pod>summary::-webkit-details-marker{display:none}
.zid-kat>summary span,.zid-pod>summary span{color:var(--zlato);font-size:13px;white-space:nowrap}
.zid-kat[open]>summary{border-bottom:1px solid var(--ivica)}
.zid-pod{margin:0 8px 4px;border-bottom:1px dashed var(--ivica)}
.zid-pod>summary{min-height:40px;padding:4px 2px;font-weight:400}
.zid-pod p,.zid-unos p{font-size:13px;line-height:1.45;margin:0 0 5px}
.zid-unos{padding:7px 10px;border-bottom:1px dashed var(--ivica)}
.zid-unos b{font:700 13px var(--kucano);color:var(--zut)}
.zid-ne{color:var(--tih);letter-spacing:.1em}
.zid-tab{width:100%;border-collapse:collapse;font:13px var(--kucano)}
.zid-tab td{padding:7px 4px;border-bottom:1px solid var(--ivica)}
.zid-tab td:last-child{text-align:right;color:var(--zlato);font-weight:700}
.zid-mala{font-size:13px;margin-top:10px}
.zid-kutija .dno.jedno{position:static;flex:none;padding:0;margin:10px 0 0;box-shadow:none}
/* meni */
#m-zid small{font-size:max(13px,.7em);color:var(--zlato);margin-left:4px}
#meni-naslov.zid-zlatno{color:var(--zlato);text-shadow:0 4px 0 #000,0 0 24px rgba(255,210,74,.45)}
/* prozor nove igre: barjak */
.zid-baner{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:-4px 0 10px;padding:6px 10px;border-left:6px solid var(--zb);background:linear-gradient(90deg,color-mix(in srgb,var(--zb) 28%,transparent),transparent);font:700 13px var(--kucano)}
.zid-znacka{border:1px solid var(--zlato);color:var(--zlato);border-radius:11px;padding:1px 8px}
/* karta kraja: red ispod karte */
.zid-novo{color:var(--zlato);text-align:center;font:700 13px/1.5 var(--kucano);margin:8px 0}
/* toast */
#tost .t.zid{border-color:var(--zlato);background:#2a2412}
/* računar (QA 5. okt, 1366x768): prozor širi, liste u dve kolone; „Otključano“ staje bez skrolovanja, trofeji skroluju upola manje */
@media (min-width:1000px){
  .zid-kutija{max-width:980px;width:980px}
  .zid-lista{display:grid;grid-template-columns:1fr 1fr;gap:6px 8px}
  .zid-tabovi .d{font-size:14px}
  .zid-stavka b,.zid-kat>summary{font-size:15px}
  .zid-stavka small{font-size:13px}
  .zid-tab{font-size:15px}
  .zid-tab td{padding:6px 4px}
}