:root{color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;min-height:0;overflow:hidden;background:#07132f;font-family:Arial,Helvetica,sans-serif}#deck{position:relative;width:100%;height:100%;height:100dvh;overflow:hidden;isolation:isolate}#slides{position:absolute;inset:0}.slide{position:absolute;inset:0;display:grid;place-items:center;opacity:0;visibility:hidden;transition:opacity .18s ease}.slide.active{opacity:1;visibility:visible}.slide img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;user-select:none;-webkit-user-drag:none}.nav{position:absolute;z-index:3;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:clamp(30px,4vw,48px);height:clamp(42px,6vw,60px);border:0;border-radius:12px;background:rgba(0,0,0,.32);color:#fff;font-size:clamp(26px,3.5vw,40px);cursor:pointer;touch-action:manipulation}.nav:hover,.nav:focus-visible{background:rgba(0,0,0,.65)}.prev{left:clamp(4px,1vw,14px)}.next{right:clamp(4px,1vw,14px)}.counter{position:absolute;z-index:3;bottom:max(8px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);padding:6px 12px;border-radius:20px;background:rgba(0,0,0,.48);color:#fff;font-size:12px;letter-spacing:.08em;white-space:nowrap}@media(max-width:600px){.nav{width:30px;height:44px;border-radius:8px;font-size:28px}.prev{left:2px}.next{right:2px}.counter{padding:4px 9px;font-size:11px}}@media(prefers-reduced-motion:reduce){.slide{transition:none}}