*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0b1220;color:#e5e7eb}#root{width:100%}h1{margin:0 0 .5rem;font-size:clamp(1.6rem,4vw,2.4rem);line-height:1.2}p{margin:0;font-size:clamp(1rem,2.4vw,1.125rem);line-height:1.6}:focus-visible{outline:3px solid #60a5fa;outline-offset:2px}.app{position:relative;min-height:100vh}.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.overlay{position:absolute;inset:0;background:#000000a6;z-index:1}.shell{position:relative;z-index:2;display:grid;place-items:center;padding:24px}.panel{width:min(1100px,92vw);background:#0000008c;border:1px solid rgba(255,255,255,.15);border-radius:16px;box-shadow:0 12px 30px #00000073;padding:24px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6)}@media (min-width: 1024px){.panel{padding:32px}}.gallery{display:grid;grid-template-columns:1fr;gap:12px;margin:12px 0 16px}@media (min-width: 480px){.gallery{grid-template-columns:repeat(2,1fr)}}@media (min-width: 820px){.gallery{grid-template-columns:repeat(3,1fr)}}.tile{display:grid;gap:8px}.tile img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:12px;cursor:pointer;border:1px solid rgba(255,255,255,.12);background:#0b1220}.tile img:focus-visible{outline:3px solid #60a5fa;outline-offset:2px}.tile figcaption{min-height:2.2em;text-align:center;font-size:clamp(.95rem,2.2vw,1.05rem);color:#e5e7eb;opacity:.65;transition:opacity .2s ease}.tile figcaption.show{opacity:1}.hidden{display:none!important}