/* World-native browse and collection surfaces. */
/* Rails route sweep: every collection and detail stays inside the approved world. */
.vlado-world .world-route-hero{margin-right:calc(clamp(22px,4vw,70px) * -1)}
.vlado-world .site-main:not(.world-main)>:not(.world-route-hero):not(.page-head){margin-right:5vw;margin-left:5vw}
.vlado-world .site-main:not(.world-main)>.section{padding-top:64px}
.vlado-world .site-main:not(.world-main)>.filter-bar{margin-top:54px}
.vlado-world .site-main:not(.world-main)>.pagination-wrap{margin-top:35px;margin-bottom:70px}
.vlado-world .section-head h2{font:500 clamp(30px,4vw,60px)/.95 var(--display);letter-spacing:-.055em;color:#fff}
.vlado-world .section-link{display:inline-flex;align-items:center;min-height:44px;font:9px var(--mono);letter-spacing:.12em;color:var(--muted);text-transform:uppercase}
.vlado-world .game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.vlado-world .game-card{position:relative;min-height:420px;border:1px solid var(--line2);border-radius:0;background:#11161a;overflow:hidden;color:#fff;text-decoration:none}
.vlado-world .game-card__art{position:absolute;inset:0}
.vlado-world .game-card__art img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) brightness(.7);transition:.5s}
.vlado-world .game-card:hover .game-card__art img{transform:scale(1.04);filter:saturate(.9) brightness(.83)}
.vlado-world .game-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#070908f8 0%,transparent 68%)}
.vlado-world .game-card__body{position:absolute;z-index:2;right:20px;bottom:20px;left:20px;padding:0;background:transparent}
.vlado-world .game-card__body h3{font:500 clamp(17px,2vw,28px)/1 var(--display);letter-spacing:-.045em;color:#fff}
.vlado-world .game-card__meta{font:8px var(--mono);color:var(--lime);letter-spacing:.1em}
.vlado-world .media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.vlado-world .media-card{position:relative;min-height:480px;border:1px solid var(--line2);border-radius:0;background:#11161a;overflow:hidden;color:#fff;text-decoration:none}
.vlado-world .media-card__thumb{position:absolute;inset:0;height:auto}
.vlado-world .media-card__thumb img{width:100%;height:100%;object-fit:cover;filter:saturate(.76);transition:.5s}
.vlado-world .media-missing{display:grid;place-content:center;justify-items:center;gap:11px;width:100%;height:100%;padding:24px;background:repeating-linear-gradient(135deg,#11171c,#11171c 12px,#151b20 12px,#151b20 24px);color:#87908b;text-align:center}
.vlado-world .media-missing__signal{padding:11px 13px;border:1px solid #ffffff24;color:#aab1ad;font:9px var(--mono);letter-spacing:.1em}
.vlado-world .media-missing__context{font:8px var(--mono);letter-spacing:.08em;text-transform:uppercase}
.vlado-world .media-card:hover .media-card__thumb img{transform:scale(1.035)}
.vlado-world .media-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#090b0ff2,transparent 64%)}
.vlado-world .media-card__body{position:absolute;z-index:2;right:25px;bottom:24px;left:25px;padding:0;background:transparent}
.vlado-world .media-card__body h3{font:500 clamp(24px,3.4vw,48px)/1 var(--display);letter-spacing:-.055em;color:#fff}
.vlado-world .media-card__tag,.vlado-world .media-card__meta{font:8px var(--mono);letter-spacing:.1em;color:var(--amber)}
.vlado-world .media-card--missing{display:grid;grid-template-rows:220px auto;min-height:340px}
.vlado-world .media-card--missing .media-card__thumb{position:relative;inset:auto}
.vlado-world .media-card--missing .media-card__body{position:relative;right:auto;bottom:auto;left:auto;padding:22px}
.vlado-world .media-card--missing:after{content:none}
.vlado-world .media-card--missing .media-card__body h3{font-size:clamp(22px,2.7vw,34px)}
.vlado-world .post-list{border-top:1px solid var(--line);background:transparent}
.vlado-world .root-layout.fv1-root .post-list>a{display:grid;grid-template-columns:130px minmax(0,1fr) 35px;gap:22px;align-items:center;padding:28px 0;border:0;border-bottom:1px solid var(--line);background:transparent;color:#fff;text-decoration:none}
.vlado-world .post-list__title{font:500 clamp(18px,2.1vw,31px)/1.1 var(--display);letter-spacing:-.045em;color:#fff}
.vlado-world .post-list__date,.vlado-world .post-list__tag{font:8px var(--mono);letter-spacing:.1em;color:var(--muted)}
.vlado-world .post-list__tag{color:var(--violet)}
.vlado-world .filter-bar{display:flex;flex-wrap:wrap;gap:7px;border:0;background:transparent}
.vlado-world .filter-chip{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:0;background:transparent;color:#b8c0bb;font:9px var(--mono);letter-spacing:.08em;line-height:1;text-decoration:none;white-space:nowrap}
.vlado-world .filter-chip.is-active,.vlado-world .filter-chip:hover{border-color:var(--accent,var(--cyan));background:var(--accent,var(--cyan));color:#111}
.vlado-world .section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}
.vlado-world .section-head .eyebrow{display:block;margin-bottom:10px}
.vlado-world .game-card__placeholder{display:grid;place-items:center;width:100%;height:100%;color:var(--muted);font:500 54px var(--display);background:radial-gradient(circle at 65% 20%,rgb(195 238 98 / 15%),transparent 45%),#14191e}
.vlado-world .pagination-wrap{display:flex;justify-content:center}
.vlado-world .media-route-nav{display:flex;gap:7px;margin-top:54px;margin-bottom:28px}
.vlado-world .media-route-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 13px;border:1px solid var(--line);color:var(--muted);font:9px var(--mono);letter-spacing:.1em;text-decoration:none}
.vlado-world .media-route-nav a.is-active,.vlado-world .media-route-nav a:hover{border-color:var(--amber);color:#111;background:var(--amber)}
@media(max-width:1050px){.vlado-world .game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
  .vlado-world .game-grid{grid-template-columns:1fr 1fr}
  .vlado-world .media-grid{grid-template-columns:1fr}
  .vlado-world .game-card{min-height:330px}
  .vlado-world .media-card{min-height:420px}
  .vlado-world .media-card--missing{min-height:320px}
  .vlado-world .world-route-hero{margin-right:-22px}
  .vlado-world .site-main:not(.world-main)>:not(.world-route-hero):not(.page-head){margin-right:18px;margin-left:18px}
  .vlado-world .root-layout.fv1-root .post-list>a{grid-template-columns:1fr 28px;gap:12px}
  .vlado-world .post-list__date{grid-column:1/-1}
  .vlado-world .filter-bar{flex-wrap:nowrap;margin-right:0!important;padding:0 18px 8px;overflow-x:auto;scrollbar-width:thin;scroll-snap-type:x proximity}
  .vlado-world .filter-chip{flex:0 0 auto;scroll-snap-align:start}
}
@media(max-width:460px){.vlado-world .game-grid{grid-template-columns:1fr}}