:root{--bg:#0f0a12;--bg2:#1a1220;--bg3:#241a2c;--tx:#f3eef6;--mu:#a597b0;--p:#ff2d78;--p2:#ff6aa0;--g:#3ddc84;--r:#ff5252;--bd:#302439;--rad:14px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--tx);font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
body.noscroll{overflow:hidden}
a{color:var(--p2);text-decoration:none}
img{max-width:100%;height:auto;display:block}
h1{font-size:clamp(22px,4vw,34px);margin:0 0 8px;line-height:1.2}
h2{font-size:clamp(18px,3vw,24px);margin:0 0 12px}
kbd{background:var(--bg3);border:1px solid var(--bd);border-radius:4px;padding:0 5px;font-size:12px}
.btn{display:inline-block;padding:10px 18px;border-radius:999px;border:1px solid var(--bd);background:var(--bg2);color:var(--tx);font-weight:600;cursor:pointer;font-size:15px}
.btn:hover{border-color:var(--p2)}
.btn-p{background:var(--p);border-color:var(--p);color:#fff}
.btn-p:hover{background:var(--p2);border-color:var(--p2)}
.btn.on{background:var(--p);border-color:var(--p)}

/* Age gate */
.age[hidden]{display:none!important}
.age{position:fixed;inset:0;background:rgba(8,4,10,.96);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}
.age-box{max-width:420px;text-align:center;background:var(--bg2);border:1px solid var(--bd);border-radius:20px;padding:32px 24px}
.age-logo,.logo,.foot-logo{font-weight:800;font-size:22px;letter-spacing:-.5px;color:#fff}
.age-logo span,.logo span,.foot-logo span{color:var(--p)}
.age h2{margin:16px 0 8px}
.age p{color:var(--mu);margin:0 0 20px}
.age-btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}

/* Header */
.top{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:20px;padding:10px 18px;background:rgba(15,10,18,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--bd)}
.ico{width:20px;height:20px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.nav{display:flex;align-items:center;gap:2px;margin-left:auto}
.nav a{display:inline-flex;align-items:center;gap:6px;color:#cdbfd8;padding:8px 13px;border-radius:999px;font-weight:700;font-size:15px;transition:background .15s,color .15s}
.nav a .ico{width:18px;height:18px}
.nav a.on{color:#fff;background:rgba(255,45,120,.16);box-shadow:inset 0 0 0 1px rgba(255,45,120,.35)}
.nav a:hover{color:#fff;background:var(--bg3)}
.nav a.navrand,.nav a.navsearch{padding:9px}
.favN{color:var(--p2);font-size:13px;font-style:normal;font-weight:800}
.favN:empty{display:none}
.burger{display:none;margin-left:auto;width:44px;height:44px;padding:0;align-items:center;justify-content:center;background:var(--bg3);border:1px solid var(--bd);color:#fff;border-radius:12px;cursor:pointer}
.burger .ico{width:22px;height:22px;stroke-width:2.4}
@media(max-width:760px){
  .burger{display:inline-flex}
  .nav{display:none}
}

/* Mobilni izbornik: ladica s desna (izvan .top jer backdrop-filter radi containing block za fixed) */
.mnav,.mnav-bg{display:none}
@media(max-width:760px){
  .mnav-bg{display:block;position:fixed;inset:0;z-index:80;background:rgba(5,2,8,.62);opacity:0;pointer-events:none;transition:opacity .25s}
  .mnav-bg.show{opacity:1;pointer-events:auto}
  .mnav{display:flex;flex-direction:column;gap:14px;position:fixed;top:0;right:0;bottom:0;z-index:81;width:min(88vw,370px);padding:0 14px calc(22px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#1f1527 0%,#140d19 100%);border-left:1px solid var(--bd);box-shadow:-20px 0 60px rgba(0,0,0,.5);overflow-y:auto;overscroll-behavior:contain;transform:translateX(104%);visibility:hidden;transition:transform .3s cubic-bezier(.2,.8,.2,1),visibility 0s .3s}
  .mnav.open{transform:none;visibility:visible;transition:transform .3s cubic-bezier(.2,.8,.2,1),visibility 0s}
}
.mnav>*{flex-shrink:0}
.mnav-hd{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:12px 0 10px;margin:0 -14px;padding-left:14px;padding-right:14px;background:#1f1527;border-bottom:1px solid var(--bd)}
.mnav-x{width:44px;height:44px;border-radius:12px;border:1px solid var(--bd);background:var(--bg3);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.mnav-x .ico{width:22px;height:22px;stroke-width:2.4}
.mnav-q{display:flex;align-items:center;gap:10px;height:50px;padding:0 14px;border-radius:14px;background:#0f0a13;border:1px solid var(--bd);color:var(--mu)}
.mnav-q:focus-within{border-color:var(--p2);color:var(--p2)}
.mnav-q input{flex:1;min-width:0;background:none;border:0;outline:0;color:#fff;font:inherit;font-size:16px;font-weight:600}
.mnav-q input::placeholder{color:#7d6d88;font-weight:500}
.mnav-cta{display:flex;align-items:center;gap:14px;padding:14px;border-radius:18px;color:#fff;background:linear-gradient(135deg,#ff2d78 0%,#d4166a 55%,#8e24aa 100%);box-shadow:0 12px 30px rgba(255,45,120,.28)}
.mnav-cta-i{width:46px;height:46px;border-radius:14px;flex:0 0 auto;display:grid;place-items:center;background:rgba(255,255,255,.2)}
.mnav-cta-i .ico{width:24px;height:24px;stroke-width:2.2}
.mnav-cta b{font-size:18px;font-weight:800;letter-spacing:-.2px}
.mnav-cta small{color:rgba(255,255,255,.85)}
.mnav-t{flex:1;display:flex;flex-direction:column;line-height:1.25;min-width:0}
.mnav-t b{font-weight:800}
.mnav-t small{font-size:12.5px;font-weight:500;margin-top:2px}
.mnav-list{display:flex;flex-direction:column;gap:2px}
.mnav-list a{display:flex;align-items:center;gap:14px;padding:10px 8px;border-radius:14px;color:#fff;font-size:17px;transition:background .15s}
.mnav-list a:hover,.mnav-list a:active{background:rgba(255,255,255,.05)}
.mnav-list a.on{background:rgba(255,45,120,.12);box-shadow:inset 3px 0 0 var(--p)}
.mnav-list small{color:var(--mu)}
.mnav-list .ico-chev,.mnav-cta .ico-chev{width:18px;height:18px;color:#6f5f7b;stroke-width:2.4}
.mnav-cta .ico-chev{color:rgba(255,255,255,.8)}
.mi{width:42px;height:42px;border-radius:13px;flex:0 0 auto;display:grid;place-items:center}
.mi .ico{width:21px;height:21px}
.mi.c1{background:rgba(124,111,255,.16);color:#9d93ff}
.mi.c2{background:rgba(255,193,7,.14);color:#ffc83d}
.mi.c3{background:rgba(45,212,191,.14);color:#3ee0c9}
.mi.c4{background:rgba(255,45,120,.15);color:#ff6aa0}
.mi.c5{background:rgba(255,145,64,.15);color:#ffa25e}
.mi.c6{background:rgba(61,220,132,.14);color:#4fe394}
.mnav-sec{font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:1.2px;color:#8a7a95;margin:4px 0 -4px 4px}
.mnav-cats{display:flex;flex-wrap:wrap;gap:8px}
.mnav-cats a{padding:9px 14px;border-radius:999px;background:var(--bg3);border:1px solid var(--bd);color:#eadff1;font-size:14px;font-weight:700}
.mnav-cats a:active,.mnav-cats a:hover{border-color:var(--p2);color:#fff}
.mnav-foot{display:flex;flex-wrap:wrap;gap:6px 16px;padding:12px 4px 0;border-top:1px solid var(--bd);font-size:13.5px;font-weight:600}
.mnav-foot a{color:var(--mu)}

.main{max-width:1180px;margin:0 auto;padding:18px 14px 40px}
.hero{text-align:center;padding:10px 0 14px}
.hero p{color:var(--mu);margin:0 auto 12px;max-width:640px}
.hero-s{padding:6px 0 10px}
.chips{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-top:8px}
.chip{padding:6px 13px;border-radius:999px;background:var(--bg2);border:1px solid var(--bd);color:var(--mu);font-size:13px;font-weight:600}
.chip.on,.chip:hover{background:var(--p);border-color:var(--p);color:#fff}
.tabs{display:flex;justify-content:center;gap:4px;margin:6px 0}
.tabs a{padding:8px 16px;border-radius:999px;color:var(--mu);font-weight:700}
.tabs a.on{background:var(--bg3);color:#fff}
.more{text-align:center;display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:14px}
.empty{text-align:center;color:var(--mu);padding:40px 0}
.crumbs{font-size:13px;color:var(--mu);margin-bottom:10px}
.crumbs a{color:var(--mu)}

/* Duel */
.duel{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:960px;margin:0 auto}
.duel-card{position:relative;margin:0;border-radius:var(--rad);overflow:hidden;background:var(--bg2);border:2px solid var(--bd);cursor:pointer;aspect-ratio:3/4;transition:transform .15s,border-color .15s;user-select:none;-webkit-user-select:none}
.duel-card img{width:100%;height:100%;object-fit:contain;background:#07040a;transition:transform .3s}
.duel-card:hover{border-color:var(--p2);transform:translateY(-2px)}
.duel-card:hover img{transform:scale(1.03)}
.duel-card.win{border-color:var(--g);box-shadow:0 0 0 3px rgba(61,220,132,.35)}
.duel-card.lose{border-color:var(--r);opacity:.55;filter:grayscale(.5)}
.duel-card figcaption{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;padding:10px 12px;background:linear-gradient(transparent,rgba(0,0,0,.75));font-size:13px;font-weight:600;color:#fff}
.dc-res{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.8);color:#fff;padding:8px 14px;border-radius:999px;font-weight:800;font-size:15px;pointer-events:none}
.win .dc-res{color:var(--g)} .lose .dc-res{color:var(--r)}
.dc-like,.dc-open{position:absolute;top:10px;width:38px;height:38px;border-radius:50%;border:0;background:rgba(0,0,0,.55);color:#fff;font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer}
.dc-like{right:10px}.dc-open{left:10px;font-size:16px}
.dc-like.on{background:var(--p);color:#fff}
.vs{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;background:var(--p);color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center;font-size:14px;box-shadow:0 4px 20px rgba(255,45,120,.5);pointer-events:none}
.duel-hint{text-align:center;color:var(--mu);font-size:13px;margin:12px 0 4px}
@media(max-width:760px){
  /* filteri u jednom redu koji se prevlači — duel mora ostati odmah vidljiv */
  .chips{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;scrollbar-width:none;padding:2px 0 6px}
  .chips::-webkit-scrollbar{display:none}
  .chip{flex:0 0 auto}
}
@media(max-width:560px){
  .duel{gap:8px}
  .duel-card{aspect-ratio:2/3;border-radius:10px}
  .duel-card figcaption{padding:6px 8px;font-size:11px}
  .vs{width:34px;height:34px;font-size:11px}
  .kb{display:none}
}

/* Grids / cards */
.grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}
.grid-s{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.grid-top{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}
.grid-cat{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
@media(max-width:560px){.grid,.grid-s,.grid-top,.grid-cat{grid-template-columns:repeat(2,1fr);gap:6px}}
.card{position:relative;display:block;border-radius:12px;overflow:hidden;background:var(--bg2);border:1px solid var(--bd);aspect-ratio:4/5}
.card img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.card:hover img{transform:scale(1.04)}
.card-big{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}
@media(max-width:560px){.card-big{grid-column:span 1;grid-row:span 1;aspect-ratio:4/5}}
.rank{position:absolute;top:8px;left:8px;background:rgba(0,0,0,.7);color:#fff;font-weight:800;font-size:13px;padding:3px 9px;border-radius:999px;z-index:2}
.rank-1{background:#ffc107;color:#000}.rank-2{background:#cfd8dc;color:#000}.rank-3{background:#cd7f32;color:#fff}
.card-m{position:absolute;right:8px;bottom:8px;background:rgba(0,0,0,.7);color:#fff;font-size:12px;font-weight:700;padding:3px 8px;border-radius:999px}
.card-m:empty,.mmeta:empty,.fi-elo:empty,.dc-elo:empty{display:none}
.card-c{position:absolute;left:8px;bottom:8px;color:#fff;font-size:12px;font-weight:600;text-shadow:0 1px 4px #000}
.card-like{position:absolute;top:8px;right:8px;width:34px;height:34px;border-radius:50%;border:0;background:rgba(0,0,0,.55);color:#fff;font-size:16px;cursor:pointer}
.card-like.on{background:var(--p)}
.card-cat .cat-t{position:absolute;left:0;right:0;bottom:0;padding:12px;background:linear-gradient(transparent,rgba(0,0,0,.85));color:#fff;display:flex;flex-direction:column}
.card-cat small{color:var(--mu)}
.home-top{margin-top:30px}
.seo{max-width:820px;margin:34px auto 0;color:var(--mu);font-size:15px}
.seo h2{color:var(--tx)}
.seo a{color:var(--p2)}
.popular{max-width:900px;margin:30px auto 0;text-align:center}
.popular h2{font-size:18px}
.popular .chips{flex-wrap:wrap;justify-content:center;overflow:visible}
.pager{display:flex;justify-content:center;gap:20px;margin:20px 0;color:var(--mu)}

/* Feed */
.feed{max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:18px}
.fi{margin:0;background:var(--bg2);border:1px solid var(--bd);border-radius:var(--rad);overflow:hidden}
.fi img{width:100%}
.fi figcaption{display:flex;align-items:center;gap:12px;padding:10px 14px;font-size:14px}
.fi-cat{color:var(--mu);font-weight:600}
.fi-elo{color:var(--mu)}
.fi-like{margin-left:auto;background:var(--bg3);border:1px solid var(--bd);color:#fff;border-radius:999px;padding:6px 14px;font-size:14px;cursor:pointer;font-weight:700}
.fi-like i{font-style:normal;color:var(--mu)}
.fi-like.on{background:var(--p);border-color:var(--p)}
.fi-like.on i{color:#fff}
.feed-end{text-align:center;color:var(--mu);padding:30px;font-size:14px}

/* Single */
.single{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}
@media(max-width:820px){.single{grid-template-columns:1fr}}
.single-img{position:relative;margin:0;border-radius:var(--rad);overflow:hidden;background:var(--bg2);border:1px solid var(--bd)}
.single-img img{width:100%;max-height:85vh;object-fit:contain;background:#000}
.single-side h1{font-size:22px}
.stat-row{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:14px 0}
.stat{background:var(--bg2);border:1px solid var(--bd);border-radius:10px;padding:10px 4px;text-align:center;display:flex;flex-direction:column}
.stat b{font-size:18px;font-weight:800;white-space:nowrap}.stat span{font-size:11.5px;color:var(--mu);line-height:1.3;margin-top:2px}
.stat-hot b{color:var(--p2)}

.single-act{display:flex;flex-direction:column;gap:8px}
.single-act .btn{text-align:center}
.single-meta{color:var(--mu);font-size:13px}

/* Ads – jedina reklama, novi tab */
.ad{display:flex;flex-direction:column;gap:6px;padding:18px;border-radius:var(--rad);background:linear-gradient(135deg,#2b1330,#3a1440);border:1px solid #5a2160;color:#fff;position:relative}
.ad-tag{font-size:10px;color:var(--mu);text-transform:uppercase;letter-spacing:1px}
.ad-t{font-size:18px;font-weight:800}
.ad-cta{color:var(--p2);font-weight:700}
.grid .ad{aspect-ratio:4/5;justify-content:center}
.adb{max-width:960px;margin:16px auto 0}
.adb a{display:flex;align-items:center;gap:12px;padding:12px 18px;border-radius:12px;background:var(--bg2);border:1px solid var(--bd);color:#fff}
.adb b{flex:1}
.ad-feed{margin:0}

/* Static pages */
.page{max-width:760px;margin:0 auto;color:#d9cfe0}
.page h2{margin-top:24px;font-size:19px}
.page input,.page textarea{width:100%;padding:10px;border-radius:8px;border:1px solid var(--bd);background:var(--bg2);color:#fff;font-size:16px}

/* Footer */
.foot{border-top:1px solid var(--bd);margin-top:40px;padding:30px 14px 20px;color:var(--mu);font-size:14px}
.foot-in{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:24px}
@media(max-width:700px){.foot-in{grid-template-columns:1fr 1fr}}
.foot-col{display:flex;flex-direction:column;gap:5px}
.foot-col b{color:var(--tx);margin-bottom:4px}
.foot-col a{color:var(--mu)}
.foot-col a:hover{color:var(--p2)}
.foot-legal{text-align:center;margin-top:24px;font-size:12px}
.pop{animation:pop .4s}
@keyframes pop{30%{transform:scale(1.35)}}

/* --- Ocjene, komentari, oznake, upload, pretraga (11.9.) --- */
.rate{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0}
.rate-stars{display:flex;gap:2px}
.rs{background:none;border:0;color:#4a3b52;font-size:26px;line-height:1;cursor:pointer;padding:0 2px;transition:transform .1s}
.rs.on{color:#ffc107}
.rs.avg{color:rgba(255,193,7,.6)}
.rs:hover{transform:scale(1.15)}
.rate-txt{color:var(--mu);font-size:14px}
.rate-txt b{color:var(--tx);font-size:16px}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}
.tag{background:var(--bg3);border:1px solid var(--bd);color:var(--mu);padding:4px 10px;border-radius:999px;font-size:13px}
.tag:hover{border-color:var(--p2);color:#fff}
.share{color:var(--mu);font-size:13px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.share a{color:var(--p2)}
.linkbtn{background:none;border:0;color:var(--p2);cursor:pointer;font-size:13px;padding:0;font-family:inherit}
/* Listanje fotki: strelice na slici + traka s glavnim gumbom desno */
.pn-ar{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(12,7,16,.55);border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 14px rgba(0,0,0,.35);transition:background .15s}
.pn-ar-l{left:10px}.pn-ar-r{right:10px}
.pn-ar:hover{background:var(--p);border-color:var(--p)}
.pn-ar svg,.pn-b svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.pn{display:flex;gap:8px;margin-top:10px}
.pn-b{display:flex;align-items:center;justify-content:center;gap:6px;height:52px;border-radius:14px;font-weight:800;font-size:16px;color:#fff}
.pn-prev{flex:0 0 auto;padding:0 18px 0 12px;background:var(--bg2);border:1px solid var(--bd)}
.pn-prev:hover{border-color:var(--p2)}
.pn-next{flex:1;padding:0 12px 0 18px;background:var(--p);box-shadow:0 8px 22px rgba(255,45,120,.28)}
.pn-next:hover{background:var(--p2)}

.comments{max-width:820px;margin:34px auto 0}
.cform{display:flex;flex-direction:column;gap:8px;background:var(--bg2);border:1px solid var(--bd);border-radius:var(--rad);padding:14px}
.cform-row{display:flex;gap:8px}
.cform input[type=text],.cform textarea,.upform input,.upform select,.searchbox input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--bd);background:var(--bg3);color:#fff;font:inherit;font-size:16px}
.cform textarea{resize:vertical;min-height:74px}
#cHp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.cform-foot{display:flex;align-items:center;gap:12px;justify-content:flex-end}
.cmsg{color:var(--mu);font-size:13px;margin-right:auto}
.clist{display:flex;flex-direction:column;gap:10px;margin-top:14px}
.citem{background:var(--bg2);border:1px solid var(--bd);border-radius:12px;padding:12px 14px}
.citem.nou{border-color:var(--p)}
.citem b{color:var(--p2)}
.cago{color:var(--mu);font-size:12px;margin-left:8px}
.citem p{margin:6px 0 0;white-space:pre-wrap;word-break:break-word}
.cempty{color:var(--mu);text-align:center;padding:20px}

.cloud{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:900px;margin:0 auto 20px}
.cloud .chip small{color:var(--mu);font-weight:400}
.tabs-s{flex-wrap:wrap;font-size:14px;margin-bottom:12px}
.tabs-s a{padding:6px 12px}
.rescount{text-align:center;color:var(--mu);margin:0 0 10px}
.searchbox{display:flex;gap:8px;max-width:520px;margin:10px auto 0}
.navsearch{font-size:15px}

.upform{max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:14px}
.upform label{display:flex;flex-direction:column;gap:6px;color:var(--mu);font-size:14px}
.upform label.check{flex-direction:row;align-items:flex-start;gap:10px;font-size:13px;line-height:1.4}
.upform label.check input{width:18px;height:18px;flex:0 0 auto;margin-top:2px}
.drop{align-items:center;justify-content:center;min-height:200px;border:2px dashed var(--bd);border-radius:var(--rad);background:var(--bg2);cursor:pointer;text-align:center;padding:16px;position:relative;overflow:hidden}
.drop:hover{border-color:var(--p2)}
.drop input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}
.drop small{color:var(--mu)}
#upPrev{max-height:320px;border-radius:10px}
.grid-g{grid-template-columns:repeat(auto-fill,minmax(185px,1fr))}
@media(max-width:560px){.grid-g{grid-template-columns:repeat(2,1fr)}}
.gal-sub{color:var(--mu);margin:-6px 0 12px;font-size:14px}

/* --- Mozaik galerija (uzor: pornpics / elitebabes) --- */
.masonry{columns:4;column-gap:10px;margin:0 0 6px}
@media(max-width:1000px){.masonry{columns:3}}
@media(max-width:640px){.masonry{columns:2;column-gap:6px}}
.mcard{position:relative;display:block;break-inside:avoid;margin:0 0 10px;border-radius:10px;overflow:hidden;background:var(--bg2);border:1px solid var(--bd)}
@media(max-width:640px){.mcard{margin-bottom:6px}}
.mcard img{width:100%;height:auto;display:block;transition:transform .35s}
.mcard:hover{border-color:var(--p2)}
.mcard:hover img{transform:scale(1.03)}
.mcat{position:absolute;top:6px;left:6px;background:rgba(0,0,0,.72);color:#fff;font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px;letter-spacing:.2px}
.mmeta{position:absolute;right:6px;bottom:6px;background:rgba(0,0,0,.72);color:#fff;font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px;opacity:0;transition:opacity .2s}
.mcard:hover .mmeta{opacity:1}
@media(hover:none){.mmeta{opacity:1}}
.galhead{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:12px}
.galhead h2{margin:0}
.gtabs{display:flex;gap:4px;margin-left:auto;flex-wrap:wrap}
.gtabs a{padding:6px 14px;border-radius:8px;background:var(--bg2);border:1px solid var(--bd);color:var(--mu);font-size:13px;font-weight:700}
.gtabs a.on{background:var(--p);border-color:var(--p);color:#fff}
.masonry .ad{margin:0 0 10px;break-inside:avoid;aspect-ratio:auto}

/* --- Duel dana --- */
.dday-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:620px}
.dday-card{margin:0;position:relative;border-radius:12px;overflow:hidden;border:2px solid var(--bd);background:var(--bg2);cursor:pointer}
.dday .revealed .dday-card,.dday.revealed .dday-card{cursor:default}
.dday-card img{width:100%;display:block}
.dday-card:hover{border-color:var(--p2)}
.dday-card.win{border-color:var(--g)}
.dday-card.lose{opacity:.6}
.dday-card figcaption{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:linear-gradient(transparent,rgba(0,0,0,.8));font-size:12px;font-weight:700;color:#fff}
.dpct{font-size:16px;color:var(--p2)}
.dbar{position:absolute;left:0;right:0;bottom:0;height:4px;background:rgba(255,255,255,.15)}
.dbar i{display:block;height:100%;background:var(--p)}
.dday-hint{color:var(--mu);font-size:13px;margin-top:8px}

/* --- Slideshow --- */
.slbox{position:fixed;inset:0;z-index:120;background:rgba(6,3,8,.97);display:flex;align-items:center;justify-content:center}
.slimg{max-width:92vw;max-height:82vh;object-fit:contain;border-radius:8px}
.slclose{position:absolute;top:14px;right:16px;background:rgba(255,255,255,.1);border:0;color:#fff;font-size:20px;width:42px;height:42px;border-radius:50%;cursor:pointer}
.slnav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.1);border:0;color:#fff;font-size:32px;width:52px;height:52px;border-radius:50%;cursor:pointer;line-height:1}
.slprev{left:12px}.slnext{right:12px}
.slnav:hover,.slclose:hover{background:var(--p)}
.slbar{position:absolute;bottom:16px;left:0;right:0;display:flex;gap:16px;align-items:center;justify-content:center;color:var(--mu);font-size:14px}
.slplay{background:rgba(255,255,255,.1);border:0;color:#fff;padding:8px 16px;border-radius:999px;cursor:pointer;font:inherit;font-size:14px}
.sllink{color:var(--p2);font-weight:700}
@media(max-width:560px){.slnav{width:42px;height:42px;font-size:24px}.slimg{max-height:74vh}}

/* Veće dodirne mete na mobitelu (preporuka 44 px) */
@media(hover:none){
  .dc-like,.dc-open{width:44px;height:44px}
  .fi-like{padding:10px 16px}
  .rs{font-size:30px;padding:0 4px}
}
.navrand{font-size:15px}

/* Traka za push obavijesti */
.pushbar{position:fixed;left:12px;right:12px;bottom:12px;z-index:90;display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:center;background:var(--bg2);border:1px solid var(--bd);border-radius:14px;padding:12px 16px;box-shadow:0 10px 40px rgba(0,0,0,.5);transform:translateY(140%);transition:transform .3s}
.pushbar.show{transform:none}
.pushbar span{flex:1;min-width:180px;font-weight:600}
@media(max-width:560px){.pushbar .btn{padding:8px 14px;font-size:14px}}