:root{--bg:#050b18;--ink:#eaf1ff;--muted:#93a4c3;--line:#94b0e638;--font:ui-rounded, "SF Pro Rounded", "Segoe UI", system-ui, -apple-system, sans-serif}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{min-height:100dvh;font-family:var(--font);color:var(--ink);background:var(--bg);-webkit-tap-highlight-color:transparent;margin:0}h1,p,ul{margin:0;padding:0}ul{list-style:none}:focus-visible{outline-offset:4px;border-radius:28px;outline:4px solid #fde68a}.aura{z-index:0;pointer-events:none;background:radial-gradient(900px 520px at 12% -8%,#38bdf838,#0000 62%),radial-gradient(800px 520px at 100% 8%,#fdb81329,#0000 60%),radial-gradient(900px 600px at 50% 120%,#9333ea29,#0000 60%);position:fixed;inset:0}.hub{z-index:1;max-width:1080px;padding:clamp(28px, 7vw, 72px) max(20px, env(safe-area-inset-right)) 48px max(20px, env(safe-area-inset-left));margin:0 auto;position:relative}.hub-head{text-align:center;margin-bottom:clamp(28px,6vw,56px)}.eyebrow{letter-spacing:.28em;text-transform:uppercase;color:#7dd3fc;font-size:.8rem;font-weight:800}.hub-head h1{letter-spacing:-.01em;background:linear-gradient(90deg,#7dd3fc,#fde68a 55%,#fca5a5);color:#0000;-webkit-background-clip:text;background-clip:text;margin-top:10px;font-size:clamp(2.6rem,9vw,5rem);font-weight:900;line-height:1.05}.lead{color:var(--muted);margin-top:12px;font-size:clamp(1.05rem,2.6vw,1.35rem)}.games{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:22px;display:grid}.games li{display:flex}.game{color:inherit;border:1px solid var(--line);isolation:isolate;animation:.6s ease-out both rise;animation-delay:calc(var(--i) * .1s);background:linear-gradient(160deg,#ffffff17,#ffffff06);border-radius:30px;flex-direction:column;flex:1;gap:20px;padding:clamp(22px,4vw,32px);text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 50px #00000059,inset 0 1px #ffffff14}.game:before{content:"";z-index:-1;background:radial-gradient(circle, color-mix(in srgb, var(--accent) 45%, transparent), transparent 68%);opacity:.55;border-radius:50%;width:320px;height:320px;transition:opacity .25s;position:absolute;inset:-40% -30% auto auto}a.game:hover,a.game:focus-visible{border-color:color-mix(in srgb, var(--accent) 70%, white 10%);box-shadow:0 26px 60px #00000073, 0 0 0 1px color-mix(in srgb, var(--accent) 50%, transparent);transform:translateY(-6px)}a.game:hover:before{opacity:.95}a.game:active{transform:translateY(-2px)}.game-icon{border:1px solid var(--line);width:92px;height:92px;box-shadow:0 0 34px color-mix(in srgb, var(--accent) 35%, transparent);background:#ffffff14;border-radius:26px;place-items:center;display:grid}.game-icon svg{width:64px;height:64px}.game-body{flex-direction:column;flex:1;gap:8px;display:flex}.game-title{font-size:clamp(1.8rem,4vw,2.2rem);font-weight:900;line-height:1.1}.game-tagline{color:var(--accent);font-weight:800}.game-desc{color:var(--muted);font-size:1rem;line-height:1.5}.pills{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.pill{color:#cbd8f2;border:1px solid var(--line);background:#ffffff12;border-radius:999px;padding:5px 13px;font-size:.82rem;font-weight:700}.pill-age{color:#0b1220;background:var(--accent);border-color:#0000;font-weight:900}.play{background:var(--accent);color:#0b1220;letter-spacing:.02em;border-radius:999px;justify-content:center;align-self:flex-start;align-items:center;gap:10px;min-height:54px;padding:12px 28px;font-size:1.1rem;font-weight:900;display:inline-flex}.play svg{width:24px;height:24px;transition:transform .2s}a.game:hover .play svg{transform:translate(5px)}.is-soon{opacity:.75;box-shadow:none;border-style:dashed}.is-soon .play{color:var(--muted);border:1px dashed var(--line);background:0 0;font-size:.95rem}.is-next .game-icon{color:#94a3b8;box-shadow:none}.hub-foot{text-align:center;color:#64748b;margin-top:44px;font-size:.85rem}@keyframes rise{0%{opacity:0;transform:translateY(22px)}}@media (width<=560px){.game{flex-direction:column}.game-icon{width:76px;height:76px}.play{align-self:stretch}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.game-note{color:color-mix(in srgb, var(--accent) 75%, white);font-size:.88rem;font-weight:700}