/* Theme showcase: "display case" gallery. Glow/light effects apply to frames and backgrounds only, never to text. */
.sc-hall{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));margin-top:1.5rem}
.sc-case{position:relative;padding:1.25rem 1rem 0;border-radius:1rem;border:1px solid rgba(180,210,230,.28);background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02) 60%,rgba(0,0,0,.25));overflow:hidden;isolation:isolate}
.sc-case::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.08) 45%,transparent 55%)}
.sc-holo{position:relative;margin:0 auto;max-width:13rem;perspective:900px}
.sc-holo::before{content:"";position:absolute;left:8%;right:8%;bottom:-1.2rem;height:70%;z-index:-1;background:linear-gradient(0deg,var(--sc-beam,rgba(120,200,255,.35)),transparent);clip-path:polygon(35% 100%,65% 100%,100% 0,0 0);filter:blur(6px);opacity:.8}
.sc-frame{display:block;border-radius:1.6rem;overflow:hidden;border:2px solid var(--sc-edge,rgba(150,210,255,.55));box-shadow:0 0 18px var(--sc-beam,rgba(120,200,255,.35)),0 0 2px var(--sc-edge,rgba(150,210,255,.55)) inset;transform:rotateX(4deg);animation:sc-float 6s ease-in-out infinite;position:relative}
.sc-frame::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 4px)}
.sc-frame img{display:block;width:100%;height:auto}
.sc-pedestal{height:1.6rem;margin:1.3rem -1rem 0;background:radial-gradient(ellipse at 50% 0,var(--sc-beam,rgba(120,200,255,.35)),transparent 70%),linear-gradient(180deg,#2a2d33,#15171b);border-top:1px solid rgba(255,255,255,.18)}
.sc-label{padding:.9rem 0 1.1rem;text-shadow:none}
.sc-label h3{margin:0 0 .25rem}
.sc-alt{display:flex;gap:.5rem;justify-content:center;margin-top:.8rem}
.sc-alt .sc-frame{max-width:5.5rem;border-radius:.8rem;animation:none;transform:none}
.sc-case--desert{--sc-beam:rgba(255,190,120,.35);--sc-edge:rgba(240,200,150,.6)}
.sc-case--night{--sc-beam:rgba(235,245,235,.28);--sc-edge:rgba(235,245,235,.6)}
.sc-case--steel{--sc-beam:rgba(160,190,215,.35);--sc-edge:rgba(190,205,220,.6)}
@keyframes sc-float{0%,100%{transform:rotateX(4deg) translateY(0)}50%{transform:rotateX(4deg) translateY(-6px)}}
@media (prefers-reduced-motion:reduce){.sc-frame{animation:none;transform:none}}
/* Organic HDR12: brighter pedestal light only where the display reports high dynamic range; SDR is the default. */
@media (dynamic-range:high){html[data-hdr12="on"] .sc-pedestal{background:radial-gradient(ellipse at 50% 0,color(display-p3 1 1 1 / .5),transparent 70%),linear-gradient(180deg,#2a2d33,#15171b)}}
/* Theme switcher (r7). Text never glows; Night Ops stays white phosphor (neutral white/gray only). */
.sc-switch{display:none}
.sc-on .sc-switch{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:1.25rem}
.sc-tab{font:inherit;font-weight:600;padding:.6rem 1.1rem;min-height:44px;border-radius:999px;cursor:pointer;color:#eef1f4;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.28);text-shadow:none}
.sc-tab:hover{background:rgba(255,255,255,.1)}
.sc-tab:focus-visible{outline:3px solid #fff;outline-offset:3px}
.sc-tab[aria-selected="true"]{color:#111;text-shadow:none}
.sc-tab--desert[aria-selected="true"]{background:#f0c896;border-color:#f0c896}
.sc-tab--night[aria-selected="true"]{background:#ebf5eb;border-color:#ebf5eb}
.sc-tab--steel[aria-selected="true"]{background:#bed0dc;border-color:#bed0dc}
.sc-on .sc-hall{grid-template-columns:minmax(0,38rem);justify-content:center}
.sc-on .sc-holo{max-width:15rem}
.sc-case[hidden]{display:none}
.sc-case:focus-visible{outline:3px solid #fff;outline-offset:4px}
.sc-altitem{display:flex;flex-direction:column;align-items:center;gap:.3rem}
.sc-on .sc-alt .sc-frame{max-width:6.5rem}
.sc-cap{font-size:.8rem;opacity:.85;text-shadow:none}
.sc-note{text-align:center;font-size:.85rem;opacity:.8;margin-top:1rem}