@media(max-width:700px){
.wnLightbox{position:fixed;inset:0;z-index:2147483000;background:#05070b;display:flex;flex-direction:column;overscroll-behavior:contain;touch-action:none}.wnLightbox[hidden]{display:none!important}.wnLbBar{position:absolute;top:0;left:0;right:0;z-index:5;padding:calc(env(safe-area-inset-top) + 12px) 14px 12px;display:flex;justify-content:space-between;align-items:center;gap:12px;background:linear-gradient(#05070bdd,transparent);pointer-events:none}.wnLbBar button,.wnLbNav button{pointer-events:auto;background:#161a20dd;color:white;border:1px solid #ffffff33;border-radius:100px;min-width:44px;min-height:44px;font:600 14px inherit}.wnLbBar button{padding:0 15px;font-size:14px}.wnLbBar .wnLbX{font-size:26px;padding:0;width:44px}.wnLbViewport{position:absolute;inset:0;overflow:hidden;touch-action:none;display:grid;place-items:center}.wnLbViewport img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;transform-origin:center;will-change:transform;user-select:none;-webkit-user-drag:none;pointer-events:none}.wnLbNav{position:absolute;left:12px;right:12px;top:50%;display:flex;justify-content:space-between;transform:translateY(-50%);pointer-events:none;z-index:4}.wnLbNav button{font-size:30px;width:46px}.wnLbNav button:disabled{opacity:.2}.wnLbHint{position:absolute;bottom:calc(env(safe-area-inset-bottom) + 24px);left:0;right:0;text-align:center;color:#d5d8df;font-size:12px;pointer-events:none;z-index:3}.wallpaperDetail.open .detailMedia img{cursor:zoom-in}.wallpaperDetail.open .detailNav{position:sticky;top:calc(env(safe-area-inset-top) + 6px);z-index:10;background:#080b10e8;border-radius:14px;backdrop-filter:blur(12px)}
}/* 5V8.5.5cb: mobile lightbox controls — optical and flex centering */
@media(max-width:700px){
.wnLbBar button,.wnLbNav button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;line-height:1;vertical-align:middle;flex-shrink:0;font-family:inherit;transform:none}
.wnLbBar .wnLbBack{height:44px;min-height:44px;padding:0 16px;white-space:nowrap}
.wnLbBar .wnLbX{width:44px;height:44px;min-width:44px;min-height:44px;padding:0;font-size:26px;font-weight:400;line-height:1}
.wnLbNav{align-items:center}
.wnLbNav button{width:38px;height:38px;min-width:38px;min-height:38px;padding:0;font-size:24px;font-weight:500;line-height:1}
}

/* 5V8.5.5cc: minimal Details action and optically raised navigation glyphs */
@media(max-width:700px){
.wnLbBar .wnLbBack{background:transparent;border:0;border-radius:0;box-shadow:none;color:#fff;font-weight:500;font-size:14px;gap:7px;padding:0 8px;min-width:0;line-height:1.2}
.wnLbBackArrow{display:inline-flex;align-items:center;justify-content:center;line-height:1;transform:translateY(-4px);font-size:16px}
.wnLbNav .wnLbChevron{display:inline-block;line-height:1;transform:translateY(-1px);pointer-events:none}
}

/* 5V8.5.5cd: Samsung optical alignment; Details arrow -3px, nav chevrons +2px relative to cc. */

/* 5V8.5.5cg: symmetric SVG arrows, smaller visible circle, 44px tap targets. */
@media(max-width:700px){
.wnLbNav button{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:0;background:transparent;box-shadow:none;color:#fff;line-height:normal;touch-action:manipulation}
.wnLbNav button::before{content:"";position:absolute;z-index:-1;inset:5px;border-radius:50%;background:#161a20dd;border:1px solid #ffffff33;box-sizing:border-box}
.wnLbNav .wnLbSvg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;transform:translateY(-1px)}
.wnLbNav .wnLbPrev .wnLbSvg{transform:translate(-1px,-1px)}
.wnLbNav .wnLbNext .wnLbSvg{transform:translate(1px,-1px)}
.wnLbNav button:disabled{opacity:.2}
}

/* 5V8.5.5cj: user-supplied circular PNG, same artwork on mobile and desktop. */
@media (max-width:700px) {
  .wnLbNav button {
    position:relative; box-sizing:border-box; display:grid; place-items:center;
    width:44px; height:44px; min-width:44px; min-height:44px;
    padding:0; border:0; border-radius:0; background:transparent;
    box-shadow:none; backdrop-filter:none; overflow:visible;
    pointer-events:auto;
  }
  .wnLbNav button::before { content:none; display:none; }
  .wnLbNav .wnLbArrowPng {
    display:block; width:44px; height:44px; max-width:none;
    object-fit:contain; pointer-events:none; user-select:none;
    -webkit-user-drag:none;
  }
  .wnLbNav .wnLbPrev .wnLbArrowPng { transform:rotate(180deg); }
  .wnLbNav .wnLbNext .wnLbArrowPng { transform:none; }
}
