:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0f15;--surface:#131a24;--surface-2:#1a2330;--text:#eef3f9;--muted:#93a3b8;--faint:#64748b;--line:#788caa38;--gold:#e8c56b;--accent:#e8c56b;--sandbox:#4ade80;--web:#7aa7ff;--radius:18px;font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#root{background:radial-gradient(1200px 600px at 10% -10%, #1d2a40 0%, transparent 60%), radial-gradient(900px 500px at 100% 0%, #251a33 0%, transparent 55%), var(--bg);min-height:100%;color:var(--text);margin:0}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.lobby{flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:40;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0b0f15c7;position:sticky;top:0}.topbar-inner{align-items:center;gap:16px;max-width:1180px;margin:0 auto;padding:12px 24px;display:flex}.brand{color:inherit;flex-shrink:0;text-decoration:none}.logo{align-items:center;gap:10px;display:inline-flex}.logo-mark{flex-shrink:0;display:block}.logo-word{letter-spacing:.22em;font-size:20px;font-weight:800;line-height:1}.search{background:var(--surface);border:1px solid var(--line);max-width:520px;height:42px;color:var(--muted);border-radius:999px;flex:1;align-items:center;gap:10px;margin-left:auto;padding:0 14px;transition:border-color .15s;display:flex}.search:focus-within{border-color:var(--gold)}.search input{min-width:0;color:var(--text);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:15px}.search input::placeholder{color:var(--faint)}.field{color:var(--muted);flex-direction:column;gap:4px;font-size:12px;display:flex}.menu-locale{border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#121a26bd;border-radius:10px;flex-shrink:0;min-width:148px;margin:0;padding:4px 6px 4px 10px}.menu-locale>span{display:none}.menu-locale .locale-trigger{background:0 0;border-color:#0000;padding:4px 6px}.locale-field{position:relative}.locale-native{clip:rect(0, 0, 0, 0);white-space:nowrap;pointer-events:none;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.locale-trigger{width:100%;color:var(--text);cursor:pointer;text-align:left;font:inherit;background:#0d141e;border:1px solid #4a5d78;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;display:flex}.locale-trigger:hover{background:#152033;border-color:#6b82a0}.locale-trigger[aria-expanded=true]{border-color:var(--accent)}.locale-trigger svg{color:var(--muted);flex-shrink:0}.locale-menu{z-index:80;background:#0d141e;border:1px solid #4a5d78;border-radius:8px;margin:0;padding:4px;list-style:none;position:fixed;box-shadow:0 14px 32px #0000008c}.locale-menu li+li{margin-top:2px}.locale-menu button{width:100%;color:var(--text);text-align:left;cursor:pointer;font:inherit;background:0 0;border:none;border-radius:5px;padding:7px 10px;display:block}.locale-menu button:hover{background:#ffffff14}.locale-menu button.active{color:#f5d67a;background:#f0b42938}.store{flex-direction:column;gap:28px;width:100%;max-width:1180px;margin:0 auto;padding:28px 24px 48px;display:flex}.eyebrow{color:var(--gold);letter-spacing:.18em;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:700}.intro h1{letter-spacing:-.01em;margin:0;font-size:clamp(24px,3.4vw,36px);font-weight:800}.badge{letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--text);background:#080a0e9e;border:1px solid #ffffff24;border-radius:999px;align-items:center;padding:4px 9px;font-size:11px;font-weight:700;display:inline-flex}.badge-sandbox{color:var(--sandbox)}.badge-web{color:var(--web)}.badge-new{color:#fff;background:#ff5a45;border-color:#0000}.badge-featured{background:var(--gold);color:#1b1405;border-color:#0000}.tags{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.tags li{color:var(--muted);border:1px solid var(--line);background:#ffffff0d;border-radius:999px;padding:3px 9px;font-size:12px}.cta{background:var(--accent);color:#0b0f15;border-radius:999px;justify-content:center;align-self:flex-start;align-items:center;gap:8px;padding:9px 18px;font-size:14px;font-weight:700;transition:filter .15s;display:inline-flex}.hero{min-height:380px;color:inherit;background:linear-gradient(135deg, var(--cover-a), var(--cover-b));isolation:isolate;border:1px solid #ffffff14;border-radius:24px;text-decoration:none;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 60px -30px #000c}.hero:before{content:"";z-index:-1;background:linear-gradient(90deg,#05070aeb 0%,#05070ab3 38%,#0000 72%),linear-gradient(#0000 60%,#05070a8c 100%);position:absolute;inset:0}.hero-art{z-index:-2;background:var(--cover) center / cover no-repeat;transition:transform .6s;position:absolute;inset:0}.hero:hover .hero-art,.hero:focus-visible .hero-art{transform:scale(1.04)}.hero-body{flex-direction:column;justify-content:center;gap:14px;max-width:600px;padding:40px 24px 40px 44px;display:flex}.hero-labels{flex-wrap:wrap;gap:8px;display:flex}.hero-title{letter-spacing:-.02em;align-items:center;gap:18px;font-size:clamp(40px,6vw,64px);font-weight:900;line-height:1;display:flex}.hero-icon{border-radius:16px;flex-shrink:0;box-shadow:0 10px 24px #00000080}.hero-blurb{color:#d5deea;max-width:44ch;font-size:17px;line-height:1.5}.hero .tags li{color:#e2e8f0;background:#0000004d}.hero .cta{padding:12px 24px;font-size:15px}.filters{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.chip:hover{border-color:#e8c56b99}.chip.active{background:var(--gold);border-color:var(--gold);color:#1b1405}.chip-count{background:#ffffff1a;border-radius:999px;min-width:20px;padding:1px 6px;font-size:12px}.chip.active .chip-count{background:#00000026}.shelf{flex-direction:column;gap:16px;display:flex}.shelf-head{border-left:4px solid var(--sandbox);grid-template-columns:auto 1fr;align-items:baseline;gap:4px 12px;padding-left:14px;display:grid}.shelf-web .shelf-head{border-left-color:var(--web)}.shelf-head h2{margin:0;font-size:22px;font-weight:800}.shelf-count{color:var(--faint);font-size:13px;font-weight:600}.shelf-head p{color:var(--muted);grid-column:1/-1;margin:0;font-size:14px}.cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.cards>li{display:flex}.card{border-radius:var(--radius);color:inherit;background:var(--surface);border:1px solid var(--line);flex-direction:column;flex:1;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;overflow:hidden}.card:hover,.card:focus-visible{border-color:color-mix(in srgb, var(--accent) 60%, transparent);box-shadow:0 22px 40px -22px color-mix(in srgb, var(--accent) 55%, transparent);outline:none;transform:translateY(-4px)}.card-cover{aspect-ratio:16/9;background:linear-gradient(135deg, var(--cover-a), var(--cover-b));position:relative;overflow:hidden}.card-cover:before,.card-cover:after{content:"";position:absolute;inset:0}.card-cover:before{background:var(--cover) center / cover no-repeat;transition:transform .4s}.card-cover:after{background:linear-gradient(180deg, #05070a73 0%, transparent 32%), linear-gradient(0deg, var(--surface) 0%, transparent 28%)}.card:hover .card-cover:before,.card:focus-visible .card-cover:before{transform:scale(1.06)}.card-cover-labels{z-index:1;justify-content:space-between;gap:8px;display:flex;position:absolute;top:12px;left:12px;right:12px}.card-body{flex-direction:column;flex:1;gap:12px;padding:16px 18px 18px;display:flex}.card-head{align-items:center;gap:12px;display:flex}.card-icon{background:var(--surface-2);border:2px solid var(--surface);border-radius:14px;flex-shrink:0;place-items:center;width:52px;height:52px;margin-top:-40px;display:grid;box-shadow:0 8px 18px #00000073}.card-icon img{display:block}.card-titles{flex-direction:column;min-width:0;display:flex}.card h3{margin:0;font-size:19px;font-weight:800}.card-host{color:var(--faint);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.card-blurb{color:var(--muted);flex:1;font-size:14px;line-height:1.5}.empty{text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:var(--radius);margin:24px 0;padding:32px}.footer{text-align:center;color:var(--faint);border-top:1px solid var(--line);margin-top:auto;padding:24px;font-size:13px}@media (max-width:720px){.topbar-inner{flex-wrap:wrap;padding:10px 16px}.search{flex-basis:100%;order:3;max-width:none}.menu-locale{margin-left:auto}.store{padding:20px 16px 40px}.hero{align-items:flex-end;min-height:460px}.hero:before{background:linear-gradient(#0000 15%,#05070abf 50%,#05070af2 100%)}.hero-icon{width:48px;height:48px}.hero-body{padding:0 22px 26px}}@media (prefers-reduced-motion:reduce){.card,.card-cover:before,.hero-art{transition:none}}