/* Smoked glass slab: highlights are confined to the perimeter. */
.hero{border:1px solid #ffffff70;background:#101010;box-shadow:inset 0 2px 2px #ffffff78,inset 3px 0 5px #ffffff25,inset -4px 0 7px #ffffff38,inset 0 -3px 4px #ffffff22,0 3px 0 #66666665,0 7px 0 #141414,0 22px 50px #0009}
.hero::before{opacity:.92;filter:blur(.6px)}
.hero::after{display:block;inset:0;z-index:1;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse at 88% 0%,#ffffff36,transparent 41%),linear-gradient(125deg,#ffffff0c,transparent 35%,transparent 80%,#ffffff06);box-shadow:inset 0 1px 1px #fff9,inset -2px 0 3px #ffffff35}
.hero-glass-edge{position:absolute;inset:3px;z-index:1;pointer-events:none;border:1px solid #ffffff28;border-radius:25px;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);mask-image:linear-gradient(to right,#000,transparent 10px,transparent calc(100% - 10px),#000),linear-gradient(to bottom,#000,transparent 8px,transparent calc(100% - 7px),#000);box-shadow:inset -3px 0 4px #ffffff40,inset 0 2px 2px #ffffff80,inset 0 -1px 2px #ffffff30}
.hero-top,.hero-bottom{z-index:2}
.gallery-navigation{display:none}
.deck-wrap{position:relative;z-index:6;margin:8px auto 0;width:min(460px,calc(100% - 24px));text-align:center}
.silver-deck{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:5px;border:1px solid #b0b0b0;border-radius:12px;background:linear-gradient(#555,#090909 45%,#030303);box-shadow:inset 0 1px 1px #ffffffa0,0 3px 0 #020202,0 9px 14px #0009}
.silver-deck button{position:relative;display:grid;place-items:center;height:49px;min-width:0;padding:0;color:#141414;border:1px solid #b6b6b6;border-radius:6px;cursor:pointer;background:linear-gradient(120deg,#ffffff42,transparent 50%),linear-gradient(#d3d3d3 0%,#a8a8a8 9%,#737373 52%,#a6a6a6 94%,#d0d0d0);box-shadow:inset 0 2px 1px #ffffffb0,inset 2px 0 3px #ffffff60,inset -2px 0 3px #ffffff60,inset 0 -2px 2px #444,0 2px 2px #000;transition:filter .15s,transform .15s}
.silver-deck button:hover{filter:brightness(1.16)}
.silver-deck button:active,.silver-deck button[aria-pressed=true]{transform:translateY(1px);background:linear-gradient(#444,#828282 45%,#aaa);box-shadow:inset 0 2px 6px #0009,inset 0 -1px 1px #fff8}
.silver-deck button:focus-visible{outline:2px solid white;outline-offset:4px;z-index:1}
.silver-deck svg{width:23px;height:23px;fill:currentColor;filter:drop-shadow(0 1px 0 #ffffff55)}
.deck-caption{display:flex;align-items:center;justify-content:center;gap:18px;margin:16px 0 5px;color:#bbb;font-size:11px;letter-spacing:1.2px;line-height:1.5}
#deck-title{max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#deck-count{white-space:nowrap;font-variant-numeric:tabular-nums;color:#929292}
.reel-controls #prev,.reel-controls #next,.reel-controls #counter{display:none}
@media(max-width:760px){.hero-glass-edge{border-radius:17px}.hero::after{background:radial-gradient(ellipse at 90% 0%,#ffffff25,transparent 40%)}.deck-wrap{width:min(390px,calc(100% - 24px))}.silver-deck{gap:3px;padding:4px}.silver-deck button{height:46px}}
@media(prefers-reduced-motion:reduce){.silver-deck button{transition:none}}