@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--bg: #f5f7fa;--surface: #ffffff;--ink: #0f172a;--muted: #4f5d73;--line: #dbe1ea;--accent: #0038ff;--accent-soft: #e6edff;--button-ink: #ffffff;--shadow: 0 28px 60px rgba(15, 23, 42, .08)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{color:var(--ink);background:radial-gradient(circle at 14% 0%,#fff,#fff0 40%),radial-gradient(circle at 92% 100%,#e7efff,#e7efff00 45%),var(--bg);font-family:Space Grotesk,Avenir Next,Segoe UI,sans-serif;line-height:1.5}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(to right,rgba(15,23,42,.045) 1px,transparent 1px),linear-gradient(to bottom,rgba(15,23,42,.045) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(circle at center,black 45%,transparent 88%);mask-image:radial-gradient(circle at center,black 45%,transparent 88%)}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px clamp(16px,4vw,40px);background:color-mix(in srgb,var(--surface) 82%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:10px;color:inherit;text-decoration:none;text-transform:uppercase;line-height:1}.brand-name{font-size:12px;font-weight:700;letter-spacing:.12em}.brand-sep{font-family:IBM Plex Mono,monospace;opacity:.5}.brand-sub{font-family:IBM Plex Mono,monospace;font-size:12px;letter-spacing:.06em;opacity:.9}.header-link{font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--muted);text-decoration:none}.header-link:hover{color:var(--ink)}.page{width:min(1100px,92vw);margin:36px auto 64px;display:grid;gap:22px}.hero{border:1px solid var(--line);border-radius:24px;padding:clamp(24px,5vw,54px);background:var(--surface);box-shadow:var(--shadow);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;top:-120px;right:-80px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,var(--accent-soft) 0%,rgba(221,248,244,0) 68%)}.eyebrow{position:relative;margin:0;font-family:IBM Plex Mono,monospace;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.hero h1{position:relative;margin:16px 0 12px;font-size:clamp(2rem,6vw,4.4rem);line-height:.96;letter-spacing:-.04em}.hero p{position:relative;margin:0;max-width:64ch;color:var(--muted);font-size:clamp(1rem,1.6vw,1.15rem)}.games{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.card{border:1px solid var(--line);border-radius:20px;background:color-mix(in srgb,var(--surface) 92%,#f6fbff);padding:24px;min-height:240px;display:flex;flex-direction:column;gap:14px;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.tag{margin:0;width:fit-content;padding:5px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.card h2{margin:0;font-size:clamp(1.4rem,3vw,2rem);letter-spacing:-.02em}.description{margin:0;color:var(--muted)}.card-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:10px;border:1px solid var(--accent);background:var(--accent);color:var(--button-ink);font-family:IBM Plex Mono,monospace;font-size:12px;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.button:hover{background:#002bd1;border-color:#002bd1}code{font-family:IBM Plex Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem;padding:4px 7px;border-radius:8px;border:1px solid var(--line);background:#f6f9fc;color:#334155}.card-next{background:linear-gradient(to bottom right,#fff,#f7fbff 58%,#edf2ff)}@media(hover:hover)and (min-width:801px){.card:hover{transform:translateY(-3px);border-color:#b3c0d4;box-shadow:0 18px 42px #0f172a1f}}.reveal{opacity:0;transform:translateY(16px);animation:reveal .42s ease forwards}@keyframes reveal{to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.site-header{padding:14px 16px}.brand-name,.brand-sub,.header-link{font-size:11px}.page{width:min(1100px,94vw);margin-top:20px}.card{padding:18px;min-height:210px}.card-footer{flex-direction:column;align-items:flex-start}}