#page-veil{display:none !important;pointer-events:none !important;}
html.page-ready #page-veil{display:none !important;pointer-events:none !important;}
html.page-leaving #page-veil{display:none !important;pointer-events:none !important;}
.view-footer{position:fixed;left:0;right:0;bottom:0;margin:0;padding:9px 16px;text-align:center;font-size:.72rem;color:#6d5b76;background:linear-gradient(to top,rgba(5,2,6,0.92),rgba(5,2,6,0));pointer-events:none;z-index:50;}
#views{padding-bottom:76px;}
.gallery.glass-card{min-height:760px;backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(16,8,22,0.78);contain:layout paint;}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;padding:20px;}
.gallery-sentinel{grid-column:1/-1;height:1px;}
.gallery figure{position:relative;margin:0;overflow:visible;border-radius:12px;min-height:165px;content-visibility:auto;contain-intrinsic-size:auto 165px;border:1px solid rgba(255,47,214,0.16);background:rgba(10,4,12,0.6);cursor:pointer;transition:transform .2s ease;}
.gallery figure::after{content:'';position:absolute;inset:0;border-radius:12px;border:1px solid rgba(255,47,214,0.5);box-shadow:0 0 22px rgba(255,47,214,0.28);opacity:0;transition:opacity .2s ease;pointer-events:none;}
.gallery figure:hover{transform:translateY(-4px);}
.gallery figure:hover::after{opacity:1;}
.gallery figure:not(.is-loaded){background-image:linear-gradient(135deg,rgba(255,47,214,0.07) 0%,rgba(176,38,255,0.13) 45%,rgba(0,229,255,0.06) 100%);}
.gallery img{display:block;width:100%;height:165px;object-fit:cover;border-radius:12px;}
.empty-msg{grid-column:1/-1;margin:0;padding:16px;text-align:center;color:#a893b5;}
.gallery-note{margin:0 0 18px;font-size:.85rem;letter-spacing:.3px;color:#a893b5;}
.lightbox{display:none;position:fixed;inset:0;z-index:9000;background:rgba(3,1,4,0.94);align-items:center;justify-content:center;}
.lightbox.open{display:flex;}
#lightbox-img{max-width:86vw;max-height:84vh;border-radius:10px;box-shadow:0 0 60px rgba(255,47,214,0.30);}
.lightbox-close{position:fixed;top:12px;right:22px;font-size:2.1rem;line-height:1;color:#ff2fd6;cursor:pointer;z-index:10001;text-shadow:0 0 12px rgba(255,47,214,0.8);transition:color .2s ease,transform .2s ease;}
.lightbox-close:hover{color:#00e5ff;transform:scale(1.12);}
@media (prefers-reduced-motion:reduce){#page-veil{display:none !important;pointer-events:none !important;}}
#lightbox-img{transition:opacity .2s ease;}
.lightbox.lb-loading #lightbox-img{opacity:.35;}
.tile-fav{position:absolute;top:6px;right:6px;font-size:1rem;line-height:1;width:26px;height:26px;padding:0;background:rgba(10,4,12,0.55);border:1px solid rgba(255,255,255,0.25);color:rgba(255,255,255,0.7);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;transition:color .2s ease,border-color .2s ease,transform .2s ease;}
.tile-fav:hover{transform:scale(1.15);border-color:#39ff14;}
.tile-fav.is-fav{color:#39ff14;border-color:#39ff14;text-shadow:0 0 6px rgba(57,255,20,0.8);}
.tile-copy{position:absolute;top:6px;right:38px;font-size:1rem;line-height:1;width:26px;height:26px;padding:0;background:rgba(20,4,14,0.72);border:1px solid rgba(255,47,214,0.5);color:#ff2fd6;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;font-weight:700;transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease;}
.tile-copy:hover{transform:scale(1.15);background:#ff2fd6;color:#0d0510;}
.tile-link{position:absolute;top:6px;right:70px;font-size:1rem;line-height:1;width:26px;height:26px;padding:0;background:rgba(4,14,20,0.72);border:1px solid rgba(0,229,255,0.5);color:#00e5ff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease;}
.tile-link:hover{transform:scale(1.15);background:#00e5ff;color:#0d0510;}
.tile-like{position:absolute;top:6px;right:102px;font-size:1rem;line-height:1;width:26px;height:26px;padding:0;background:rgba(20,4,4,0.72);border:1px solid rgba(255,26,60,0.95);color:#ff1a3c;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease;}
.tile-like:hover{transform:scale(1.15);background:#ff1a3c;color:#0d0510;}
.tile-like.is-liked{color:#fff;background:#ff1a3c;border-color:#ff1a3c;text-shadow:0 0 8px rgba(255,26,60,1);}
.glass-card.panel{background:rgba(11,4,16,0.94);}
.gallery-note,.gallery-cross{display:table;background:rgba(11,4,16,0.94);border:1px solid rgba(255,47,214,0.18);border-radius:10px;padding:8px 14px;text-shadow:none;}
.view h2{text-shadow:0 0 16px rgba(255,47,214,.5),0 0 6px #050206,0 0 14px #050206;}
/* Category Filter Bar */
.category-filter-bar {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  justify-content: center !important;
  margin: 16px 0 22px 0 !important;
}
.cat-pill {
  background: rgba(16, 8, 22, 0.8) !important;
  border: 1px solid rgba(255, 45, 149, 0.35) !important;
  color: #fff !important;
  padding: 6px 14px !important;
  border-radius: 9999px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  transition: transform 0.15s ease, background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease !important;
  text-decoration: none !important;
  outline: none !important;
}
.cat-pill:hover {
  border-color: #ff2d95 !important;
  background: rgba(255, 45, 149, 0.2) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 0 10px rgba(255, 45, 149, 0.4) !important;
}
.cat-pill.active {
  background: #ff2d95 !important;
  color: #0b0410 !important;
  border-color: #ff2d95 !important;
  font-weight: 700 !important;
  box-shadow: 0 0 14px rgba(255, 45, 149, 0.6) !important;
}
/* Tier 1 category hubs */
.category-hub{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:22px 0 8px;}
.category-hub-card{min-height:132px;padding:15px 12px;border:1px solid rgba(255,47,214,.35);border-radius:14px;color:#f7d9ed;background:linear-gradient(145deg,rgba(255,47,214,.13),rgba(91,22,125,.28) 58%,rgba(0,229,255,.09));box-shadow:inset 0 1px rgba(255,255,255,.08),0 0 18px rgba(176,38,255,.12);cursor:pointer;text-align:left;display:flex;flex-direction:column;justify-content:space-between;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;}
.category-hub-card:hover,.category-hub-card:focus-visible{transform:translateY(-4px);border-color:#ff2fd6;background:linear-gradient(145deg,rgba(255,47,214,.26),rgba(176,38,255,.32) 58%,rgba(0,229,255,.16));box-shadow:inset 0 1px rgba(255,255,255,.13),0 0 25px rgba(255,47,214,.35);outline:none;}
.hub-mark{display:inline-flex;align-items:center;justify-content:center;min-height:31px;color:#39ff14;font:700 .72rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;text-shadow:0 0 9px rgba(57,255,20,.8);}
.hub-title{color:#fff;font-size:1rem;font-weight:700;text-shadow:0 0 10px rgba(255,47,214,.6);}
.hub-action{color:#ff9ad0;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;}
@media (max-width:560px){.category-hub{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}.category-hub-card{min-height:112px;padding:12px 10px;}.hub-title{font-size:.9rem;}}

/* Tier 3 chunked pagination */
.gallery-pager{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin:18px 0 30px;color:#a893b5;font-size:.82rem;}
.gallery-more-btn{border:1px solid #ff2d95;border-radius:999px;background:rgba(255,45,149,.16);color:#ffd7ec;padding:10px 18px;font:700 .78rem/1 inherit;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;box-shadow:0 0 14px rgba(255,45,149,.23);transition:transform .15s ease,background .15s ease,box-shadow .15s ease;}
.gallery-more-btn:hover,.gallery-more-btn:focus-visible{transform:translateY(-2px);background:#ff2d95;color:#0b0410;box-shadow:0 0 20px rgba(255,45,149,.58);outline:none;}

/* Tier 3 adaptive pagination and full-spectrum gallery canvas */
#views:has(#view-wallpapers.active),#views:has(#view-logos.active),#views:has(#view-showcase.active),#views:has(#view-motion-logos.active),#views:has(#view-motion-wallpapers.active){max-width:1500px;}
#view-wallpapers .gallery,#view-logos .gallery,#view-showcase .gallery,#view-motion-logos .gallery,#view-motion-wallpapers .gallery{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;padding:18px;}
#view-wallpapers .gallery img,#view-logos .gallery img,#view-showcase .gallery img{height:155px;}
#view-wallpapers .category-hub,#view-logos .category-hub{grid-template-columns:repeat(auto-fit,minmax(135px,1fr));}
.gallery-pager{display:grid;grid-template-columns:auto auto minmax(260px,1fr) auto auto;align-items:center;gap:10px;margin:20px 0 32px;padding:10px 12px;border:1px solid rgba(0,229,255,.32);border-radius:14px;background:linear-gradient(100deg,rgba(7,17,29,.9),rgba(36,8,50,.86),rgba(7,17,29,.9));box-shadow:inset 0 0 20px rgba(0,229,255,.07),0 0 24px rgba(176,38,255,.18);}
.gallery-pager-status{min-width:0;color:#39ff14;font:700 .75rem/1.25 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.045em;text-align:center;text-shadow:0 0 9px rgba(57,255,20,.65);}
.gallery-page-btn{min-width:82px;border:1px solid rgba(255,47,214,.64);border-radius:8px;background:rgba(255,47,214,.12);color:#ffd7ec;padding:10px 12px;font:700 .7rem/1 inherit;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:transform .15s ease,background .15s ease,box-shadow .15s ease;}
.gallery-page-btn:hover:not(:disabled),.gallery-page-btn:focus-visible:not(:disabled){transform:translateY(-2px);background:#ff2fd6;color:#100510;box-shadow:0 0 18px rgba(255,47,214,.6);outline:none;}
.gallery-page-btn:disabled{cursor:not-allowed;opacity:.32;border-color:rgba(0,229,255,.35);color:#8aa0ac;background:rgba(0,229,255,.05);}
@media(max-width:780px){.gallery-pager{grid-template-columns:1fr 1fr;}.gallery-pager-status{grid-column:1/-1;grid-row:1;}.gallery-page-btn{min-width:0;}#view-wallpapers .gallery,#view-logos .gallery,#view-showcase .gallery{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:10px;padding:14px;}}
.gallery.glass-card.gallery-page-focus{border-color:rgba(57,255,20,.78);box-shadow:0 0 0 1px rgba(57,255,20,.2),0 0 38px rgba(57,255,20,.22),0 0 70px rgba(255,47,214,.15);transition:border-color .18s ease,box-shadow .32s ease;}@media(prefers-reduced-motion:reduce){.gallery.glass-card.gallery-page-focus{transition:none;}}
.gallery,.gallery-pager{}
.gallery{transition:opacity .18s ease;}
.gallery.gallery-page-fading{opacity:0;}

.gallery, .gallery-pager, .view, main { }

.gallery-pager {
  margin-top: 0 !important;
  margin-bottom: 14px !important;
  position: relative !important;
  z-index: 10 !important;
}

/* Phase 1B - Like + Dislike thumbnail controls */
.tile-like{top:auto!important;bottom:6px!important;left:6px!important;right:auto!important;width:30px!important;height:30px!important;font-size:1rem!important;background:rgba(4,20,8,.78)!important;border:1px solid rgba(87,255,71,.95)!important;color:#57ff47!important;}
.tile-like:hover,.tile-like.is-liked{background:#57ff47!important;color:#0b0410!important;border-color:#57ff47!important;text-shadow:none!important;}
.tile-dislike{position:absolute;bottom:6px;right:6px;width:30px;height:30px;padding:0;font-size:1rem;line-height:1;background:rgba(28,7,4,.78);border:1px solid rgba(255,138,0,.95);color:#ff8a00;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease;}
.tile-dislike:hover,.tile-dislike.is-disliked{transform:scale(1.12);background:#ff8a00;color:#0b0410;border-color:#ff8a00;}
.tile-like:focus-visible,.tile-dislike:focus-visible{outline:3px solid #00e5ff!important;outline-offset:2px!important;box-shadow:0 0 0 2px #0b0410,0 0 12px rgba(0,229,255,.7)!important;}
@media(max-width:600px){.tile-like,.tile-dislike{width:44px!important;height:44px!important;font-size:1.2rem!important;bottom:8px!important;}.tile-like{left:8px!important;right:auto!important;}.tile-dislike{right:8px!important;}}

/* Global gallery sparse-page row fix */
.gallery{align-content:start;align-items:start;}

/* 2026-09-17: site-colour SVG gallery reactions */
.tile-like{background:rgba(0,18,24,.82)!important;border-color:#00e5ff!important;color:#00e5ff!important;}
.tile-like:hover,.tile-like.is-liked{background:#00e5ff!important;border-color:#00e5ff!important;color:#0b0410!important;text-shadow:none!important;}
.tile-dislike{background:rgba(24,0,20,.82)!important;border-color:#ff2fd6!important;color:#ff2fd6!important;}
.tile-dislike:hover,.tile-dislike.is-disliked{background:#ff2fd6!important;border-color:#ff2fd6!important;color:#0b0410!important;text-shadow:none!important;}
.tile-like svg,.tile-dislike svg{width:16px;height:16px;display:block;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;}
.tile-dislike svg{transform:rotate(180deg);}
@media(max-width:600px){.tile-like svg,.tile-dislike svg{width:20px;height:20px;}}

/* 2026-09-20: Motion Logos + Motion Wallpapers */
#lightbox-video{display:none;max-width:86vw;max-height:84vh;border-radius:10px;box-shadow:0 0 60px rgba(0,229,255,.28);background:#050207;outline:none;}
#lightbox-video:focus-visible{outline:3px solid #00e5ff;outline-offset:4px;}
.motion-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:rgba(5,2,8,.82);border:1px solid rgba(0,229,255,.85);color:#00e5ff;font:700 .66rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.09em;box-shadow:0 0 16px rgba(0,229,255,.28);pointer-events:none;z-index:1;}
.motion-badge-play{font-size:.82rem;color:#ff2fd6;text-shadow:0 0 8px rgba(255,47,214,.75);}
#view-motion-logos .gallery img,#view-motion-wallpapers .gallery img{height:155px;}
@media(max-width:780px){#view-motion-logos .gallery,#view-motion-wallpapers .gallery{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:10px;padding:14px;}#lightbox-video{max-width:94vw;max-height:78vh;}.motion-badge{padding:6px 9px;font-size:.62rem;}}

/* 2026-10-03: Order Builder selection checkmark UI */
.tile-fav{
  color:#00e5ff!important;
  border-color:rgba(0,229,255,.62)!important;
  background:rgba(0,229,255,.10)!important;
  text-shadow:0 0 10px rgba(0,229,255,.65)!important;
  font-weight:900!important;
}
.tile-fav.is-fav{
  color:#061014!important;
  background:linear-gradient(135deg,#00e5ff,#8cfffb)!important;
  border-color:#8cfffb!important;
  box-shadow:0 0 18px rgba(0,229,255,.72)!important;
  text-shadow:none!important;
}
.tile-fav:focus-visible,.lightbox-ref-fav:focus-visible{
  outline:2px solid #8cfffb!important;
  outline-offset:3px!important;
}
.lightbox-ref-fav{
  color:#00e5ff!important;
  border-color:rgba(0,229,255,.62)!important;
}
.lightbox-ref-fav.is-fav{
  color:#061014!important;
  background:linear-gradient(135deg,#00e5ff,#8cfffb)!important;
  border-color:#8cfffb!important;
}
#fav-strip-toggle{
  border-color:rgba(0,229,255,.74)!important;
  box-shadow:0 0 18px rgba(0,229,255,.35)!important;
}
#fav-strip-count{
  background:#00e5ff!important;
  color:#061014!important;
}
@media(max-width:560px){
  .tile-fav{
    min-width:44px!important;
    min-height:44px!important;
  }
}

/* 2026-10-03: Stage 2 checkmark icon hardening */
.tile-fav::before,
.tile-fav::after,
.lightbox-ref-fav::before,
.lightbox-ref-fav::after{
  content:none!important;
  display:none!important;
}
.tile-fav,
.lightbox-ref-fav{
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:18px!important;
  font-weight:900!important;
  line-height:1!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.tile-fav{
  min-width:26px!important;
  min-height:26px!important;
}
@media(max-width:560px){
  .tile-fav{
    min-width:44px!important;
    min-height:44px!important;
  }
}