/* Header & footer UI (restored) */
.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:rgba(6,12,24,.9);backdrop-filter:saturate(110%) blur(6px);border-bottom:1px solid rgba(255,255,255,.06)}
.nav .brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;font-weight:700}
.brand__logo{width:28px;height:28px;border-radius:8px;object-fit:cover}
.pill{display:inline-block;margin:0 6px;padding:6px 10px;border-radius:999px;background:#182235;color:#CFE1FF;text-decoration:none;font-size:12px}
.btn{background:transparent;border:0;color:#fff;cursor:pointer}
.btn--icon{width:34px;height:34px;border-radius:10px}
.nav__left,.nav__right{display:flex;align-items:center;gap:8px}

/* Search drawer */
.search-drawer{position:fixed;left:0;right:0;top:-120px;transition:top .18s ease;z-index:60;background:#0E1528;border-bottom:1px solid rgba(255,255,255,.08);padding:12px 16px}
.search-drawer.open{top:0}
.search-drawer form{display:flex;gap:8px}
.search-drawer input{flex:1;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#0B1222;color:#fff}

/* Tabbar (footer) */
.tabbar{position:sticky;bottom:0;display:flex;justify-content:space-around;gap:10px;background:rgba(6,12,24,.92);padding:10px;border-top:1px solid rgba(255,255,255,.06);backdrop-filter:saturate(110%) blur(6px)}
.tabbar__btn{display:flex;flex-direction:column;align-items:center;gap:4px;text-decoration:none;color:#CFE1FF;font-size:12px}
.tabbar__btn span{font-size:11px}

/* Mosaic shrink (half-ish) */
.section--fullbleed .mosaic{grid-template-columns:repeat(24,minmax(0,1fr));grid-auto-rows:4.0vw}
@media (min-width:1200px){.section--fullbleed .mosaic{grid-auto-rows:28px}}

/* Tile scaling: 1x1 much smaller now */
.tile[data-size="1x1"]{grid-column:span 2;grid-row:span 2}
.tile[data-size="1x2"]{grid-column:span 2;grid-row:span 4}
.tile[data-size="2x2"]{grid-column:span 4;grid-row:span 4}
.tile[data-size="3x2"]{grid-column:span 6;grid-row:span 4}

/* Image fit + mild GPU hint */
.tile img{width:100%;height:100%;object-fit:cover;image-rendering:auto;transform:translateZ(0)}

/* Keep dense packing tight */
.mosaic--dense{grid-auto-flow:dense}