/* Radovi — the project's own world behind the wheel (radovi-svijet.js). Only adds a layer under the
   stage and turns the caption light while a world is showing; the wheel's own styles are untouched. */
/* One small canvas stretched over the screen; the stretch is the blur (see radovi-svijet.js). */
.ln-svijet{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0;overflow:hidden}
.ln-sv-platno{position:absolute;inset:0;width:100%;height:100%;display:block}
.ln-svijet-slot{position:absolute;inset:0;opacity:0;transition:opacity .8s cubic-bezier(.4,0,.2,1)}
.ln-svijet-slot.je{opacity:1}
/* two prints of the work, laid in like a collage: paper border, a little turn, the only shadow here */
.ln-otisak{position:absolute;margin:0;padding:clamp(6px,.7vw,11px);background:var(--sv-pa,#efe8db);
  box-shadow:0 0 0 1px rgba(0,0,0,.06),0 22px 40px -22px rgba(0,0,0,.55);
  transition:transform 1.1s cubic-bezier(.16,1,.3,1)}
.ln-otisak img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;object-position:50% 0}
.ln-otisak--1{left:2.5vw;top:9vh;width:clamp(180px,19vw,320px);transform:rotate(var(--sv-r1,-5deg)) translateY(-14px)}
.ln-otisak--2{right:20vw;bottom:7vh;width:clamp(160px,16vw,270px);transform:rotate(var(--sv-r2,4deg)) translateY(14px)}
.ln-svijet-slot.je .ln-otisak{transform:rotate(var(--sv-r1,-5deg))}
.ln-svijet-slot.je .ln-otisak--2{transform:rotate(var(--sv-r2,4deg))}

/* the caption, list and controls turn light while a world is showing */
.lanac .ln-natpis,.lanac .ln-popis button,.lanac .ln-komande button,.lanac .ln-info .ln-veza{transition:color .5s,background-color .5s,border-color .5s}
.lanac.ln-u-svijetu .ln-natpis{color:#f4efe4}
.lanac.ln-u-svijetu .ln-vrsta,.lanac.ln-u-svijetu .ln-opis{color:rgba(244,239,228,.78)}
.lanac.ln-u-svijetu .ln-popis button{color:rgba(244,239,228,.62)}
.lanac.ln-u-svijetu .ln-popis li.aktivan button{color:#fff}
.lanac.ln-u-svijetu .ln-komande button{background:rgba(244,239,228,.08);color:#f4efe4;border-color:rgba(244,239,228,.3)}
.lanac.ln-u-svijetu .ln-info .ln-veza{color:#f4efe4;border-color:rgba(244,239,228,.5);background:transparent}
.lanac.ln-u-svijetu .ln-izbor{background:rgba(15,14,12,.5);color:#f4efe4;border-color:rgba(244,239,228,.3)}
@media(max-width:900px){
  .ln-otisak{display:none}
  .lanac.ln-u-svijetu .ln-natpis::before{background:linear-gradient(var(--ln-tlo,#12110b) 64%,transparent)!important}
  .lanac.ln-u-svijetu .ln-natpis::after{background:linear-gradient(transparent,var(--ln-tlo,#12110b) 60%)!important}
  .lanac.ln-u-svijetu .ln-info .ln-veza{background:rgba(244,239,228,.1)!important}
}
@media(prefers-reduced-motion:reduce){.ln-svijet-slot,.ln-otisak{transition:none}}