/* Mowiti Delta — secțiunea despre scena 3D ([mowiti_delta]). Totul e sub .mwd, ca să nu atingă tema.
   Culorile și fonturile vin din tema Mowiti (--apa-adanca, --cedru, --display…); în altă temă se folosesc valorile de rezervă.
   Ca restul secțiunilor temei: antetul (eticheta, titlul, textul) lipit de marginea din stânga (5vw), conținutul pe toată lățimea. */
.mwd{--mwd-ink:var(--cerneala,#1d2321);--mwd-deep:var(--apa-adanca,#0e2a2b);--mwd-water:var(--apa,#1c4646);--mwd-cedru:var(--cedru,#c87941);
  --mwd-paper:var(--hartie,#f4eee1);--mwd-birch:var(--mesteacan,#e9dcc3);--mwd-soft:#4a524e;--mwd-line:rgba(29,35,33,.12);
  --mwd-display:var(--display,'Bricolage Grotesque',sans-serif);--mwd-mono:var(--mono,'IBM Plex Mono',monospace);
  position:relative;padding:110px 5vw 20px;background:var(--mwd-paper);color:var(--mwd-ink);line-height:1.6;box-sizing:border-box}
.mwd *,.mwd *::before,.mwd *::after{box-sizing:border-box}
.mwd a{color:inherit;text-decoration:none}
.mwd a:focus-visible{outline:2px solid var(--mwd-cedru);outline-offset:3px;border-radius:6px}
.mwd p{margin:0}
.mwd ol,.mwd ul{list-style:none;margin:0;padding:0}

/* antetul: la fel ca .label / h2 din temă */
.mwd-label{font-family:var(--mwd-mono);font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--mwd-cedru)}
.mwd h2{font-family:var(--mwd-display);font-weight:700;font-size:clamp(1.9rem,4vw,3rem);letter-spacing:-.02em;line-height:1.1;margin:12px 0 0;color:var(--mwd-ink)}

/* dedesubt, două coloane: textul și butonul | cadrul din joc, cu cota de azi peste el */
.mwd-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:64px;align-items:start;margin-top:34px}
.mwd-txt{padding-top:6px}
.mwd .mwd-lead{color:var(--mwd-soft);max-width:560px}
.mwd .mwd-lead+.mwd-lead{margin-top:14px}
.mwd-act{margin-top:30px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}
.mwd-act small{font-size:.85rem;color:var(--mwd-soft)}
.mwd-3d{display:inline-flex;align-items:center;gap:12px;background:var(--mwd-cedru);color:#fff!important;padding:14px 16px 14px 30px;border-radius:999px;font-weight:600;font-size:.98rem;
  transition:transform .25s,background .25s}
.mwd-3d span{background:var(--mwd-deep);color:var(--mwd-paper);font:500 .72rem var(--mwd-mono);letter-spacing:.12em;padding:5px 9px;border-radius:999px}
.mwd-3d:hover{background:#d98a50;transform:translateY(-2px)}

.mwd-vis{position:relative;margin-bottom:30px}
.mwd-img{display:block;border-radius:22px;overflow:hidden;aspect-ratio:16/10;background:var(--mwd-birch);box-shadow:0 30px 60px -30px rgba(14,42,43,.55)}
.mwd-img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.22,1,.36,1)}
.mwd-img:hover img{transform:scale(1.03)}
.mwd-vis>.mwd-3d{margin-top:18px}

/* cota de azi: mira cu apa + cifra + ce înseamnă pentru o tură */
.mwd-cota{position:absolute;left:-28px;bottom:-30px;display:flex;gap:14px;align-items:center;max-width:min(380px,86%);
  background:var(--mwd-deep);color:var(--mwd-paper);border-radius:16px;padding:14px 18px 14px 16px;box-shadow:0 18px 40px -18px rgba(0,0,0,.55)}
.mwd-wrap>.mwd-vis:only-child{margin-bottom:0}
.mwd-wrap>.mwd-vis:only-child .mwd-cota{position:static;max-width:none}
.mwd-mira{flex:none;position:relative;width:14px;height:78px;border-radius:3px;overflow:hidden;border:1.5px solid var(--mwd-paper);
  background:repeating-linear-gradient(to top,#c8402c 0 7.8px,#fff 7.8px 15.6px)}
.mwd-mira i{position:absolute;left:0;right:0;bottom:0;height:calc(var(--mwd-lvl,.33)*100%);background:linear-gradient(to top,rgba(46,106,134,.95),rgba(46,106,134,.75));
  border-top:2px solid #cfe7f0;transition:height 1.2s cubic-bezier(.3,.7,.2,1)}
.mwd .mwd-cm{font-size:.8rem;color:rgba(244,238,225,.7)}
.mwd-cm b{font:700 2rem/1 var(--mwd-display);color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin-right:2px}
.mwd-cm span{display:block;font-family:var(--mwd-mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;margin-top:4px}
.mwd .mwd-verdict{font-size:.88rem;line-height:1.4;margin-top:6px}
.mwd-more{display:inline-block;margin-top:4px;font-size:.8rem;font-weight:600;color:var(--mwd-cedru)!important}
.mwd-more::after{content:" →"}

/* pe canal: casele din scenă, în ordinea în care le întâlnești vâslind */
.mwd-h{font-family:var(--mwd-mono);font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--mwd-soft)}
.mwd-canal{margin-top:72px}
.mwd-canal ol{position:relative;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-top:14px;padding-top:26px}
.mwd-canal ol::before{content:"";position:absolute;left:0;right:0;top:8px;height:3px;
  background:repeating-linear-gradient(90deg,var(--mwd-water) 0 14px,transparent 14px 26px);opacity:.35}
.mwd-canal li{position:relative}
.mwd-canal li::before{content:"";position:absolute;left:16px;top:-24px;width:12px;height:12px;border-radius:50%;background:var(--mwd-paper);border:2.5px solid var(--mwd-cedru)}
.mwd-canal a{display:block;height:100%;padding:14px 16px 16px;border-radius:14px;background:#fff;box-shadow:0 10px 24px -18px rgba(14,42,43,.45);transition:transform .25s,box-shadow .25s}
.mwd-canal a:hover{transform:translateY(-3px);box-shadow:0 16px 30px -18px rgba(14,42,43,.55)}
.mwd-nr{display:block;font-family:var(--mwd-mono);font-size:.68rem;letter-spacing:.14em;color:var(--mwd-cedru)}
.mwd-k{display:block;font-size:.78rem;color:var(--mwd-soft);margin-top:4px;line-height:1.3;min-height:2.6em}
.mwd-canal b{display:block;font:700 .98rem/1.2 var(--mwd-display);margin-top:4px}

/* ce poți întâlni pe canal: fotografiile din jurnalul de bord */
.mwd-anim{margin-top:44px}
.mwd-anim ul{display:flex;gap:14px;overflow-x:auto;padding:12px 2px 6px;scrollbar-width:thin;-webkit-mask:linear-gradient(90deg,#000 92%,transparent);mask:linear-gradient(90deg,#000 92%,transparent)}
.mwd-anim li{flex:0 0 84px;text-align:center}
.mwd-anim li>a,.mwd-anim li{display:block}
.mwd-anim img,.mwd-ph{width:68px;height:68px;border-radius:50%;object-fit:cover;display:grid;place-items:center;margin:0 auto;font-size:30px;border:3px solid #fff;
  background:var(--mwd-birch);box-shadow:0 6px 14px -8px rgba(14,42,43,.5)}
.mwd-n{display:block;font-size:.74rem;line-height:1.25;margin-top:6px;color:var(--mwd-soft)}

@media (max-width:900px){
  .mwd-wrap{grid-template-columns:1fr;gap:34px}
  .mwd-cota{left:12px;right:12px;bottom:-24px;max-width:none}
  .mwd-canal ol{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding-bottom:8px}
  .mwd-canal ol::before{width:calc(7 * 160px)}
  .mwd-canal li{flex:0 0 150px;scroll-snap-align:start}
}
@media (max-width:760px){.mwd{padding:80px 5vw 10px}}
@media (max-width:480px){
  .mwd-3d{width:100%;justify-content:space-between}
  .mwd-cota{position:relative;left:auto;right:auto;bottom:auto;margin:-28px 12px 0}
  .mwd-vis{margin-bottom:0}
}
@media (prefers-reduced-motion:reduce){.mwd-mira i,.mwd-3d,.mwd-canal a,.mwd-img img{transition:none}}