*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#030409;--fg:#dfe9f5;--dim:#6b7c94;font-family:Segoe UI,system-ui,sans-serif}html,body{background:var(--bg);height:100%;color:var(--fg);overflow:hidden}#gl{width:100%;height:100%;display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}#ui>*{pointer-events:auto}.hidden{opacity:0!important;pointer-events:none!important}.menu{overscroll-behavior:contain;background:radial-gradient(ellipse at 50% -20%, #0a1430 0%, transparent 60%), var(--bg);flex-direction:column;justify-content:safe center;align-items:center;gap:3rem;padding:3rem 2rem;transition:opacity .6s;display:flex;position:absolute;inset:0;overflow-y:auto}.menu::-webkit-scrollbar{width:10px}.menu::-webkit-scrollbar-thumb{background:#78a0dc40;border-radius:6px}.menu-header{text-align:center}.menu-title{letter-spacing:.55em;text-transform:uppercase;color:var(--fg);text-shadow:0 0 30px #78b4ff59;margin-right:-.55em;font-size:clamp(2.2rem,6vw,4rem);font-weight:200}.menu-subtitle{letter-spacing:.35em;text-transform:uppercase;color:var(--dim);margin-top:1rem;font-size:.85rem}.menu-grid{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.card{--accent:#00e5ff;border:1px solid color-mix(in srgb, var(--accent) 25%, transparent);width:min(300px,84vw);color:inherit;text-align:left;cursor:pointer;background:#080c18bf;border-radius:10px;transition:transform .35s,border-color .35s,box-shadow .35s;overflow:hidden}.card:hover,.card:focus-visible{border-color:var(--accent);box-shadow:0 12px 50px -12px color-mix(in srgb, var(--accent) 55%, transparent);outline:none;transform:translateY(-6px)}.card-preview{border-bottom:1px solid color-mix(in srgb, var(--accent) 20%, transparent);background-color:#05060c;background-position:50%;background-size:cover;height:150px;position:relative;overflow:hidden}.card-preview:after{content:"";background:linear-gradient(120deg, transparent 30%, color-mix(in srgb, var(--accent) 22%, transparent) 50%, transparent 70%);mix-blend-mode:screen;background-size:300% 100%;animation:4s linear infinite preview-sweep;position:absolute;inset:0}@keyframes preview-sweep{0%{background-position:150% 0}to{background-position:-150% 0}}.card-body{padding:1.1rem 1.25rem 1.35rem}.card-name{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-size:1.15rem;font-weight:500}.card-tagline{color:var(--dim);margin-top:.45rem;font-size:.82rem;line-height:1.4}.hud{pointer-events:none;transition:opacity .6s;position:absolute;inset:0}.hud-title{letter-spacing:.5em;text-transform:uppercase;color:#dfe9f58c;margin-right:-.5em;font-size:.8rem;position:absolute;bottom:1.6rem;left:50%;transform:translate(-50%)}.hud-back{pointer-events:auto;color:#dfe9f573;font:inherit;letter-spacing:.25em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;font-size:.85rem;transition:color .3s;position:absolute;top:1.4rem;left:1.6rem}.hud-back:hover{color:var(--fg)}.transition{opacity:0;pointer-events:none;background:#000;transition:opacity .7s;position:absolute;inset:0}