/* Akti: nova igra, poklon, nagrada noći, kraj akta, relikvije, mapa puta, Spile na putu, dolazak, rezultat.
   Isti prozor (#modal .kutija) i iste boje kao stil/prozori.css; klase počinju sa ak-. Radi prstom na ~390px. */

/* --- karte izbora: dugmad u .dno posle .ak-prozor --- */
.kutija .ak-prozor ~ .dno .d.izbor{min-height:52px;padding:9px 12px}
.kutija .ak-prozor ~ .dno .d.izbor:not(:disabled):active{background:#2a302c;border-left-color:var(--zlato)}
.ak-karta{display:flex;align-items:center;gap:11px;width:100%}
.ak-ik{flex:none;width:34px;text-align:center;font:24px/1 "Noto Color Emoji",sans-serif}
.ak-kt{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.ak-kt b{font:400 17px/1.15 var(--naslov);letter-spacing:.03em;color:var(--tekst);overflow-wrap:anywhere}
.ak-kt small{font:13px/1.4 var(--kucano);color:var(--tih);overflow-wrap:anywhere}
.ak-oz{flex:none;align-self:flex-start;font:700 13px var(--kucano);text-transform:uppercase;letter-spacing:.05em;color:var(--zlato);border:1px solid rgba(255,210,74,.4);background:rgba(255,210,74,.08);border-radius:10px;padding:2px 7px}
.ak-retka .ak-kt b{color:var(--zlato)}

/* --- naslov akta / dolaska --- */
.ak-nad{font:700 13px var(--kucano);color:var(--zut);text-transform:uppercase;letter-spacing:.08em;text-align:center}
.ak-naslov{font:400 clamp(34px,10vw,56px)/1 var(--naslov);color:var(--crv);text-align:center;text-shadow:0 3px 0 #000;margin:4px 0 14px;letter-spacing:.04em;text-wrap:balance}
.ak-akt,.ak-dolazak{text-align:left}
.ak-akt .ak-naslov{animation:ak-udar .5s ease-out}
@keyframes ak-udar{0%{transform:scale(1.35);opacity:0}60%{transform:scale(.97);opacity:1}100%{transform:scale(1)}}
.ak-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:0 0 12px}
.ak-tile{display:flex;flex-direction:column;align-items:center;gap:1px;background:var(--panel2);border:1px solid var(--ivica);padding:8px 2px;min-width:0}
.ak-tile span{font:20px/1 "Noto Color Emoji",sans-serif}
.ak-tile b{font:400 22px/1.1 var(--naslov);color:var(--tekst);letter-spacing:.02em}
.ak-tile small{font-size:13px;color:var(--tih)}
.ak-novi{margin-bottom:8px}
.ak-novi small{color:var(--zel);font-weight:700}
.ak-novi .glave{margin:6px 0 0;flex-wrap:wrap}

/* --- mapa puta: grad → korak 1 → korak 2 → sledeći grad --- */
.ak-mapa{position:relative;display:flex;flex-direction:column;gap:8px;margin:0 0 12px;padding:10px;background:#0f1311;border:1px solid var(--ivica)}
.ak-mapa::before{content:"";position:absolute;left:50%;top:18px;bottom:18px;border-left:2px dashed var(--ivica);transform:translateX(-1px)}
.ak-red{position:relative;display:flex;justify-content:center;gap:14px}
.ak-grad{align-self:center;font:700 13px var(--kucano);color:var(--tekst);background:var(--panel2);border:1px solid var(--ivica);padding:4px 10px;border-radius:12px}
.ak-cilj{border-color:var(--zel);color:var(--zel)}
.ak-cv{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#1c211e;border:2px solid var(--ivica);font:20px/1 sans-serif}
.ak-tren .ak-cv{border-color:var(--zut);box-shadow:0 0 0 3px rgba(217,164,65,.15);animation:ak-puls 1.6s ease-in-out infinite}
.ak-ceka .ak-cv{opacity:.55}
.ak-proslo .ak-cv{opacity:.3;filter:grayscale(1)}
.ak-proslo .ak-cv.ak-uzet{opacity:1;filter:none;border-color:var(--zel);background:#22301c}
@keyframes ak-puls{50%{box-shadow:0 0 0 6px rgba(217,164,65,.05)}}

/* --- rezultat na kraju (ekran #e-kraj) --- */
.ak-rezultat{max-width:460px;margin:14px auto 0;padding:0 4px;text-align:center}
.ak-poeni{display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--panel);border:1px solid var(--zut);padding:10px 12px}
.ak-poeni small{font-size:13px;color:var(--tih);letter-spacing:.06em;text-transform:uppercase}
.ak-poeni b{font:400 clamp(36px,11vw,58px)/1 var(--naslov);color:var(--zlato);letter-spacing:.03em}
.ak-otklj{color:var(--zel);font-weight:700}
.ak-deli{display:flex;align-items:center;gap:8px;margin-top:10px;text-align:left}
.ak-deli span{flex:1;min-width:0;font-size:13px;color:var(--tih);background:#0f1311;border:1px solid var(--ivica);padding:6px 8px;overflow-wrap:anywhere}
.ak-deli .d{flex:none;min-height:44px}

@media (max-width:420px){
  .ak-tiles{grid-template-columns:repeat(2,1fr)}
  .ak-red{gap:10px}
  .ak-kt b{font-size:16px}
}
@media (prefers-reduced-motion:reduce){.ak-akt .ak-naslov,.ak-tren .ak-cv{animation:none}}
/* telefon položen (kraj posle noći): naslov i rezultat manji, dugmad bez skrolovanja */
@media (orientation:landscape) and (max-height:520px){
  .sredina{gap:8px;padding:12px 16px}
  .sredina h1{font-size:46px}
  .ak-rezultat{margin-top:4px}
  .ak-poeni{padding:6px 12px}
  .ak-poeni b{font-size:38px}
  .ak-deli{margin-top:6px}
  .ak-naslov{font-size:36px;margin:2px 0 8px}
  .ak-tiles{margin-bottom:8px}
  .ak-tile{padding:4px 2px}
  .ak-tile b{font-size:18px}
  .ak-mapa{gap:4px;padding:6px;float:left;width:42%;margin:0 12px 4px 0}   /* mapa puta levo, izbori desno */
  .ak-cv{width:34px;height:34px;font-size:17px}
}

/* --- karte nagrada (poklon, nagrada noći, relikvija): ikona po vrsti, čipovi iznosa, retko = zlatni okvir, sjaj i odsjaj --- */
.kutija .ak-prozor ~ .dno .d.ak-nag-d{position:relative;overflow:hidden;min-height:64px;padding:11px 12px;text-transform:none;border:1px solid var(--ivica);border-left:3px solid var(--ivica)}
.ak-nag .ak-ik{width:44px;height:44px;display:grid;place-items:center;border-radius:10px;background:#0f1311;border:1px solid var(--ivica);font-size:26px}
.ak-nag .ak-kt b{font-size:19px}
.ak-nag .ak-kt small{font-size:14px;color:var(--tih)}
.ak-cipovi{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}
.ak-c{font:700 13px/1.2 var(--kucano);padding:4px 8px;border-radius:12px;border:1px solid;white-space:nowrap}
.ak-plus{color:var(--zel);border-color:rgba(134,179,92,.45);background:rgba(134,179,92,.1)}
.ak-minus{color:var(--crv2);border-color:rgba(226,73,62,.5);background:rgba(226,73,62,.1)}
.ak-los{color:var(--crv2)}
.kutija .ak-prozor ~ .dno .d.ak-retka-d{border:2px solid var(--zlato);background:linear-gradient(135deg,#2b2412,#1a1a14 60%);box-shadow:0 0 16px rgba(255,210,74,.28),inset 0 0 12px rgba(255,210,74,.08)}
.ak-retka .ak-ik{border-color:var(--zlato);background:#2a2210;box-shadow:0 0 10px rgba(255,210,74,.35)}
.ak-retka .ak-oz{font-size:13px;padding:3px 9px;background:var(--zlato);color:#1a1405;border-color:var(--zlato)}
@media (prefers-reduced-motion:no-preference){
  .kutija .ak-prozor ~ .dno .d.ak-nag-d{animation:ak-otkrij .4s cubic-bezier(.2,1.2,.4,1) both}
  .kutija .ak-prozor ~ .dno .d.ak-nag-d:nth-child(2){animation-delay:.12s}
  .kutija .ak-prozor ~ .dno .d.ak-nag-d:nth-child(3){animation-delay:.24s}
  .kutija .ak-prozor ~ .dno .d.ak-retka-d::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,226,140,.28),transparent);animation:ak-odsjaj 2.6s ease-in-out .6s infinite}
}
@keyframes ak-otkrij{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
@keyframes ak-odsjaj{0%{left:-60%}55%,100%{left:130%}}
@media (max-width:420px){.ak-nag .ak-kt b{font-size:17px}.ak-nag .ak-ik{width:40px;height:40px;font-size:23px}}
/* Nova igra na niskom ekranu (laptop 1280×720): sve težine i „Nazad“ bez skrolovanja */
@media (max-height:760px){
  #modal .kutija:has(.ak-prozor .kt-uspon){max-height:97%;padding:12px 18px}
  #modal .kutija:has(.ak-prozor .kt-uspon) h2{margin-bottom:6px}
  #modal .kutija:has(.ak-prozor .kt-uspon) .art-ekipa{margin-bottom:4px}
  #modal .kutija:has(.ak-prozor .kt-uspon) .ak-prozor ~ .dno{margin-top:8px;gap:5px}
  #modal .kutija:has(.ak-prozor .kt-uspon) .ak-prozor ~ .dno .d.izbor{min-height:44px;padding:4px 12px}
}
/* Dolazak u grad na niskom ekranu (1366x768, QA 5. okt): Beograd (četiri pasusa i kartica gazde) je tražio ~60 px skrolovanja.
   Manja slika gazde (kartica iz js/gazde.js gzCss), gušći pasusi; tekst ostaje iste veličine */
@media (max-height:820px){
  .ak-dolazak .ak-naslov{margin-bottom:6px}
  .ak-dolazak p{margin-bottom:5px}
  .ak-prozor .gz-karta{margin-top:6px;padding:8px 10px;gap:14px}
  .ak-prozor .gz-karta .art-sl{flex-basis:140px;width:140px}
  .ak-prozor .gz-karta .gz-pravilo{margin:6px 0 4px}
}
/* ---- Runda 3 (vlasnik 5. okt): dolazak u grad u jednoj koloni (js/akt-prozori.js prozorDolaska, .ak-dol1) ----
   slika je glava sa „AKT 2 / 5 · DAN 3“ i imenom grada; priča dve rečenice + „više ▾“; sažeta kartica gazde (js/gazde.js gz-mala);
   jutro (js/dan.js jutroProzorHTML) ispod bez svog naslova; jedno „IDEMO“ preko cele širine */
#modal .kutija:has(.ak-dol1){max-width:min(780px,calc(100vw - 32px))}
.pt-spoj:has(.ak-dol1){grid-template-columns:minmax(0,1fr);gap:8px}
.pt-spoj:has(.ak-dol1)>*,.ak-dol1 .gz-karta.gz-mala .gz-t{min-width:0}
.pt-spoj:has(.ak-dol1) .jt>h2,.pt-spoj:has(.ak-dol1) .jt>.jt-glava{display:none}
.ak-dol1 .ak-dol-glava{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;min-height:90px;margin:-20px -22px 12px;padding:24px 22px 12px;border-bottom:1px solid var(--ivica);border-radius:6px 6px 0 0}
.ak-dol1 .ak-dol-glava:has(>img.art-poz){height:200px}
.ak-dol1 .ak-dol-glava>img.art-poz{z-index:-2;opacity:1}
.ak-dol1 .ak-dol-glava::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(6,7,6,.95),rgba(6,7,6,.45) 50%,rgba(6,7,6,0) 80%)}
.ak-dol1 .ak-dol-glava .ak-nad{text-align:left;margin:0;color:var(--zlato,#ffd24a)}
.ak-dol1 .ak-dol-glava .ak-naslov{text-align:left;color:#fff;margin:0;font-size:52px;line-height:1;text-shadow:0 2px 6px #000;animation:none}
.ak-dol1 .ak-dol-prica{font-size:15px;line-height:1.5;margin:0 0 8px}
.ak-dol1 .ak-vise{background:none;border:0;padding:0;color:var(--zlato,#ffd24a);font:700 14px var(--kucano);cursor:pointer}
.ak-dol1 .ak-vise:hover{text-decoration:underline}
.ak-dol1>.minus{font-size:15px;margin:0 0 6px}
.ak-prozor .gz-karta.gz-mala,.ak-dol1 .gz-karta.gz-mala{display:flex;align-items:center;gap:12px;margin:8px 0;padding:8px 12px;border-radius:8px}
.ak-prozor .gz-karta.gz-mala .art-sl,.ak-dol1 .gz-karta.gz-mala .art-sl{flex:0 0 64px;width:64px;height:64px;max-height:64px;margin:0;border-radius:6px;overflow:hidden;float:none}
.gz-karta.gz-mala .art-sl>.art-img{width:100%;height:100%;object-fit:cover;object-position:50% 18%}
.gz-karta.gz-mala .gz-nad{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px;line-height:1.2}
.gz-karta.gz-mala .gz-ime{font:400 22px/1 var(--naslov,Anton,Impact,sans-serif);color:#f1ead6;margin:0;display:inline}
.gz-karta.gz-mala .gz-reč{font-size:13px;padding:1px 7px}
.ak-prozor .gz-karta.gz-mala .gz-pravilo,.gz-karta.gz-mala .gz-pravilo{font-size:14px;line-height:1.35;margin:4px 0 0;color:#c4c0b4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:help}
.gz-karta.gz-mala .gz-pravilo[data-tip]{position:static}
.gz-karta.gz-mala .gz-t{position:relative}
.gz-karta.gz-mala .gz-noc{flex:none;display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:1px solid rgba(217,164,65,.6);border-radius:14px;background:rgba(217,164,65,.08);color:#e8d48a;font:700 13px var(--kucano);white-space:nowrap;cursor:help}
.kutija:has(.ak-dol1) .dno.jedno .d.gl{width:100%;justify-content:center}