:root{color-scheme:dark;font:100%/1.5 system-ui,sans-serif;color:#f8efdf;background:#07121c;--gold: #edc583;--light-gold: #ffe5b0;--muted: #d5d9dd;--display: Georgia, "Times New Roman", serif}*{box-sizing:border-box}body{margin:0;min-width:0}.hero{position:relative;display:grid;justify-items:center;padding:8px 16px 14px;text-align:center;background:#0a1826 url(/assets/observatory-BGIHVoGc.webp) center 65% / cover no-repeat;border-bottom:1px solid var(--gold);box-shadow:0 2px 16px #dc9d4935}.brand-mark{filter:drop-shadow(0 0 9px #ffcf7a55)}.hero h1{margin:0;padding-inline-start:.24em;color:var(--light-gold);font:400 clamp(2.9rem,7vw,5rem)/1 var(--display);letter-spacing:.24em;text-shadow:0 2px 16px #000,0 0 24px #deb06650}.session{position:absolute;top:14px;right:clamp(16px,2.5vw,38px);z-index:1}.session button,.preview-label{padding:6px 12px;color:var(--light-gold);background:#07121cdd;border:1px solid #edc58373;border-radius:6px;font:500 .85rem/1.5 system-ui,sans-serif}.main{max-width:1536px;margin:0 auto;padding:16px clamp(16px,2.5vw,38px) 40px}body{background:radial-gradient(ellipse at 50% 40%,#102333,#07121c 70%);min-height:100vh}h2{margin:0 0 14px;color:var(--light-gold);font:400 clamp(1.65rem,3vw,2.2rem)/1.25 var(--display)}.app-grid{--tile-gap: clamp(14px, 1.6vw, 24px);display:flex;flex-wrap:wrap;justify-content:center;gap:var(--tile-gap);padding:0;margin:0;list-style:none}.app-grid>li{flex:0 0 calc((100% - 2 * var(--tile-gap)) / 3);min-width:0}.tile{display:flex;flex-direction:column;position:relative;height:100%;overflow:hidden;isolation:isolate;color:inherit;text-decoration:none;border:1px solid #c7a36f;border-radius:13px;background:#0a1720;box-shadow:0 4px 18px #0007;transition:border-color .18s,box-shadow .18s}.tile-art{display:block;width:100%;height:auto;aspect-ratio:2 / 1;object-fit:cover}.tile-caption{position:relative;display:grid;flex:1;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(9px,1.35vw,20px);padding:8px clamp(10px,1.4vw,20px) 11px;min-height:86px;background:linear-gradient(160deg,#0d171e,#0b1b26)}.tile-caption:before{position:absolute;inset:-30px 0 100%;content:"";background:linear-gradient(transparent,#0d171e)}.tile h3{margin:0 0 4px;color:var(--light-gold);font:400 clamp(1.18rem,2vw,1.65rem)/1.13 var(--display)}.tile p{margin:0;color:var(--muted);font-size:.94rem;line-height:1.35}.tile-icon{display:grid;width:clamp(40px,4vw,56px);aspect-ratio:1;place-items:center;color:var(--light-gold);border:1px solid var(--gold);border-radius:9px;box-shadow:inset 0 0 12px #ecba6322,0 0 8px #ecba631c}.tile svg{width:62%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.tile .chevron{width:20px;color:var(--light-gold);transition:transform .18s}.tile:is(:hover,:focus-visible){border-color:var(--light-gold);box-shadow:0 0 17px #61d5f052,0 4px 18px #0007}.tile:is(:hover,:focus-visible) .chevron{transform:translate(3px)}:is(button,a):focus-visible{outline:2px solid #9deaff;outline-offset:4px}.gate{max-width:470px;margin:clamp(18px,6vw,64px) auto 0;padding:clamp(20px,4vw,36px);text-align:center;border:1px solid #a98758;border-radius:13px;background:#0c1923}.gate p{margin:0;color:var(--muted)}button{min-height:40px;cursor:pointer}.gate button{margin-top:22px;padding:8px 17px;color:#17202a;background:var(--light-gold);border:1px solid var(--gold);border-radius:7px;font:600 .95rem/1.4 system-ui,sans-serif}button:disabled{opacity:.65;cursor:wait}.notice{margin:0;padding-inline:16px;color:var(--light-gold);text-align:center}.notice:not(:empty){padding-top:12px}@media(max-width:900px){.app-grid>li{flex-basis:calc((100% - var(--tile-gap)) / 2)}}@media(max-width:560px){.hero{padding-block:10px 12px;background-position:64% center}.brand-mark{width:96px;height:auto}.session{top:8px;right:10px}.session button,.preview-label{font-size:.75rem}.app-grid>li{flex-basis:100%}.tile-caption{min-height:82px}}@media(prefers-reduced-motion:reduce){.tile,.tile .chevron{transition:none}}