/* Karta kraja partije (js/kraj.js) na ekranu #e-kraj: staje na telefon uspravno bez skrolovanja */
#e-kraj.kr-on{gap:8px;padding:10px 16px}
#e-kraj.kr-on>#kraj-naslov{display:none}   /* naslov je u karti; h1 ostaje u DOM-u (bot ga čita) */
#e-kraj.kr-on>#kraj-tekst{margin-top:auto;width:100%;display:flex;flex-direction:column;align-items:center;gap:8px}
#e-kraj.kr-on .dugmad{justify-content:center}
#e-kraj.kr-on .dugmad .d.gl{font-size:17px;padding:9px 14px}
.kr-karta{width:min(100%,400px);margin:0 auto;padding:12px 14px 10px;background:radial-gradient(ellipse at 50% 30%,#241614,#0d0e0d 75%);border:2px solid var(--crv);text-align:center;display:flex;flex-direction:column;gap:6px}
.kr-karta.pob{border-color:var(--zut)}
.kr-vrh{display:flex;justify-content:space-between;gap:8px;font-size:13px;color:var(--tih)}
.kr-vrh span:first-child{font:400 13px var(--naslov);letter-spacing:.05em;color:var(--zut)}
.kr-naslov{font:400 clamp(30px,10vw,44px)/1 var(--naslov);color:var(--crv);text-shadow:0 3px 0 #000;letter-spacing:.03em}
.pob .kr-naslov{color:var(--zlato)}
.kr-linija{margin:0;font-size:13px;line-height:1.3;color:var(--tekst)}
.kr-akt{font:400 14px var(--naslov);letter-spacing:.06em;color:var(--zut)}
.kr-brojevi{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}
.kr-brojevi div{display:flex;flex-direction:column;align-items:center;background:var(--panel);border:1px solid var(--ivica);padding:4px 1px;min-width:0}
.kr-brojevi i{font-style:normal;font-size:15px;line-height:1.1}
.kr-brojevi b{font:400 22px/1.1 var(--naslov);color:var(--zlato);letter-spacing:.02em}
.kr-brojevi small{font-size:13px;line-height:1.15;text-transform:uppercase;letter-spacing:0}   /* PREŽIVLJENO staje u četvrtinu karte na 13px */
.kr-momenat{background:var(--panel2);padding:5px 8px;font:400 16px/1.2 var(--naslov);letter-spacing:.03em;color:var(--tekst)}
.kr-momenat small{display:block;font:13px var(--kucano);letter-spacing:.08em;color:var(--tih)}
.kr-ekipa{display:flex;justify-content:center;flex-wrap:wrap;gap:1px}
.kr-lik{display:flex;flex-direction:column;align-items:center;width:38px;position:relative}
.kr-lik canvas{width:36px;height:36px}
.kr-lik span{font-size:13px;line-height:1.1;max-width:38px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kr-lik b{font:400 13px var(--naslov);color:var(--zlato);letter-spacing:.03em}
.kr-lik.mrtav canvas{opacity:.45}
.kr-lik.mrtav span{color:var(--crv2)}
.kr-lik.mrtav::after{content:"✝";position:absolute;top:-2px;right:0;font:400 16px var(--naslov);color:var(--crv2)}
.kr-sitno{margin:0;font-size:13px;line-height:1.35;color:var(--tih)}
.kr-epitaf{margin:2px 0 0;padding:6px 8px;border-left:3px solid var(--zut);background:#0f1311;font-style:italic;font-size:13px;line-height:1.3;color:var(--tekst);text-align:left}
.kr-poeni{display:flex;align-items:baseline;justify-content:center;gap:8px}
.kr-poeni b{font:400 34px/1 var(--naslov);color:var(--zlato);letter-spacing:.03em}
.kr-poeni small{font-size:13px;letter-spacing:.08em}
.kr-mala{margin:0;font-size:13px}
.kr-dugmad{display:flex;gap:8px;justify-content:center}
.kr-dugmad .d{min-height:44px;min-width:130px}
.kr-prica{max-width:400px;font-size:13px;color:var(--tih);text-align:left}
.kr-prica summary{cursor:pointer;text-align:center;min-height:28px;line-height:28px}
/* telefon položen: karta ostaje ista, ekran skroluje */
@media (orientation:landscape) and (max-height:520px){
  #e-kraj.kr-on{justify-content:flex-start}
}