:root{--font-sans: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-display: "Inter", "Segoe UI", system-ui, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", Menlo, monospace;--fs-300: .78rem;--fs-400: .95rem;--fs-500: 1.18rem;--fs-600: 1.5rem;--fs-700: 2rem;--fs-800: 2.75rem;--lh-tight: 1.15;--lh-body: 1.55;--fw-regular: 420;--fw-medium: 560;--fw-bold: 720;--tracking-tight: -.02em;--tracking-wide: .08em;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px;--r-sm: 8px;--r-md: 14px;--r-lg: 22px;--r-xl: 30px;--r-pill: 999px;--dur-instant: 90ms;--dur-fast: .16s;--dur-base: .24s;--dur-slow: .38s;--dur-reveal: .72s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-decelerate: cubic-bezier(.05, .7, .1, 1);--ease-accelerate: cubic-bezier(.3, 0, .8, .15);--ease-emphasized: cubic-bezier(.2, 0, 0, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--board-max: 460px;--shell-max: 560px;--z-header: 50;--z-modal: 100;--z-toast: 200;--c-on-accent: #0c0e14}:root,:root[data-theme=dark]{color-scheme:dark;--c-bg: #0e1016;--c-bg-grad-a: #11131c;--c-bg-grad-b: #0b0d13;--c-surface: #181b24;--c-surface-2: #20242f;--c-surface-3: #2a2f3c;--c-line: #2a2f3c;--c-line-soft: #232733;--c-text: #eef1f7;--c-text-dim: #b7bdcb;--c-text-faint: #8893a6;--c-accent: #8b7cff;--c-accent-soft: #b4abff;--c-good: #4fd1a1;--c-bad: #ff8a8a;--c-warn: #f0b455;--c-scrim: rgba(6, 8, 12, .72);--el-1: 0 1px 2px rgba(0, 0, 0, .35), 0 1px 1px rgba(0, 0, 0, .2);--el-2: 0 6px 18px rgba(0, 0, 0, .4), 0 2px 6px rgba(0, 0, 0, .28);--el-3: 0 18px 48px rgba(0, 0, 0, .5), 0 6px 16px rgba(0, 0, 0, .32);--game-accent: var(--c-accent);--game-accent-2: var(--c-accent-soft);--game-bg-a: var(--c-bg-grad-a);--game-bg-b: var(--c-bg-grad-b);--game-glow: color-mix(in oklch, var(--game-accent) 55%, transparent)}:root[data-theme=light]{color-scheme:light;--c-bg: #eef0f6;--c-bg-grad-a: #ffffff;--c-bg-grad-b: #e7eaf3;--c-surface: #ffffff;--c-surface-2: #f4f6fb;--c-surface-3: #e7eaf2;--c-line: #d4d9e6;--c-line-soft: #e1e5ef;--c-text: #1b1f2a;--c-text-dim: #495063;--c-text-faint: #5d6678;--c-accent: #6f5bff;--c-accent-soft: #8b7cff;--c-good: #1a9e74;--c-bad: #d2453f;--c-warn: #b06a00;--c-scrim: rgba(28, 32, 44, .42);--el-1: 0 1px 2px rgba(28, 32, 50, .1), 0 1px 1px rgba(28, 32, 50, .06);--el-2: 0 8px 22px rgba(28, 32, 50, .12), 0 2px 8px rgba(28, 32, 50, .08);--el-3: 0 22px 54px rgba(28, 32, 50, .18), 0 8px 18px rgba(28, 32, 50, .1);--game-accent: var(--c-accent);--game-accent-2: var(--c-accent-soft);--game-bg-a: var(--c-bg-grad-a);--game-bg-b: var(--c-bg-grad-b);--game-glow: color-mix(in oklch, var(--game-accent) 40%, transparent)}:root[data-contrast=high]{--c-line: color-mix(in oklch, var(--c-text) 55%, var(--c-line));--c-line-soft: color-mix(in oklch, var(--c-text) 40%, var(--c-line-soft));--c-text-dim: var(--c-text);--c-text-faint: color-mix(in oklch, var(--c-text) 80%, var(--c-text-faint))}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;height:100%}body{height:100%;min-height:100dvh;display:flex;flex-direction:column;font-family:var(--font-sans);font-size:var(--fs-400);line-height:var(--lh-body);color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#app{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}img,svg{display:block;max-width:100%}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}:focus-visible{outline:2px solid var(--game-accent-2);outline-offset:3px;border-radius:var(--r-sm)}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}:root{--hub-max: 1120px;--hub-gutter: clamp(16px, 4vw, 40px);--hub-card-bg: var(--c-surface);--hub-card-bg-2: var(--c-surface-2);--hub-glyph-bg: color-mix(in oklch, var(--card-accent) 14%, var(--c-surface-2))}:root[data-theme=light]{--hub-glyph-bg: color-mix(in oklch, var(--card-accent) 16%, #ffffff)}html,body{min-height:100%}body{margin:0;font-family:var(--font-sans);color:var(--c-text);background:radial-gradient(120% 80% at 50% -10%,color-mix(in oklch,var(--c-accent) 10%,transparent),transparent 60%),linear-gradient(180deg,var(--c-bg-grad-a),var(--c-bg-grad-b));background-attachment:fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#app{min-height:100dvh;display:flex;flex-direction:column}.site-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);width:100%;max-width:var(--hub-max);margin:0 auto;padding:var(--sp-5) var(--hub-gutter) var(--sp-3)}.wordmark{display:inline-flex;align-items:center;gap:var(--sp-3);color:var(--c-text);text-decoration:none;border-radius:var(--r-md);padding:var(--sp-1)}.wordmark__mark{width:28px;height:28px;color:var(--c-accent)}.wordmark__text{display:inline-flex;align-items:baseline;gap:var(--sp-2);font-size:var(--fs-500);letter-spacing:var(--tracking-tight)}.wordmark__text strong{font-weight:var(--fw-bold)}.wordmark__sub{color:var(--c-text-faint);font-weight:var(--fw-regular);letter-spacing:var(--tracking-wide);text-transform:uppercase;font-size:var(--fs-300)}.theme-toggle{position:relative;inline-size:44px;block-size:44px;display:grid;place-items:center;border:1px solid var(--c-line);border-radius:var(--r-pill);background:var(--c-surface);color:var(--c-text-dim);cursor:pointer;box-shadow:var(--el-1);transition:color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),background var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-spring)}.theme-toggle:hover{color:var(--c-text);border-color:var(--c-accent);transform:translateY(-1px)}.theme-toggle:active{transform:translateY(0) scale(.96)}.tt__icon{position:absolute;width:20px;height:20px;transition:opacity var(--dur-base) var(--ease-standard),transform var(--dur-base) var(--ease-spring)}.theme-toggle[data-resolved=dark] .tt__icon--sun{opacity:1;transform:rotate(0) scale(1)}.theme-toggle[data-resolved=dark] .tt__icon--moon{opacity:0;transform:rotate(-90deg) scale(.4)}.theme-toggle[data-resolved=light] .tt__icon--sun{opacity:0;transform:rotate(90deg) scale(.4)}.theme-toggle[data-resolved=light] .tt__icon--moon{opacity:1;transform:rotate(0) scale(1)}.site-main{width:100%;max-width:var(--hub-max);margin:0 auto;padding:var(--sp-4) var(--hub-gutter) var(--sp-7);flex:1 0 auto}.hero{padding:var(--sp-5) 0 var(--sp-6);max-width:42ch}.hero__title{margin:0 0 var(--sp-3);font-size:clamp(1.9rem,1.2rem + 3.2vw,var(--fs-800));font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight);line-height:var(--lh-tight)}.hero__lede{margin:0;color:var(--c-text-dim);font-size:var(--fs-500);line-height:var(--lh-body);text-wrap:pretty}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:clamp(14px,1.6vw,22px)}.grid__cell{display:flex}.card{--glow: color-mix(in oklch, var(--card-accent) 60%, transparent);position:relative;isolation:isolate;display:flex;flex-direction:column;gap:var(--sp-4);width:100%;padding:var(--sp-5);border:1px solid var(--c-line);border-radius:var(--r-lg);background:linear-gradient(180deg,var(--hub-card-bg),var(--hub-card-bg-2));color:var(--c-text);text-decoration:none;box-shadow:var(--el-1);overflow:hidden;transition:transform var(--dur-base) var(--ease-emphasized),box-shadow var(--dur-base) var(--ease-emphasized),border-color var(--dur-base) var(--ease-standard)}.card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--card-accent),var(--card-accent-2));opacity:.9;z-index:2}.card:after{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(340px circle at var(--mx, 50%) var(--my, 0%),color-mix(in oklch,var(--card-accent) 22%,transparent),transparent 60%);opacity:0;transition:opacity var(--dur-base) var(--ease-standard);pointer-events:none}.card:hover,.card:focus-visible{transform:translateY(-4px);border-color:color-mix(in oklch,var(--card-accent) 55%,var(--c-line));box-shadow:var(--el-3),0 0 0 1px color-mix(in oklch,var(--card-accent) 30%,transparent),0 18px 50px -22px var(--glow)}.card:hover:after,.card:focus-visible:after{opacity:1}.card__glyphwrap{position:relative;z-index:1;inline-size:56px;block-size:56px;display:grid;place-items:center;border-radius:var(--r-md);color:var(--card-accent);background:var(--hub-glyph-bg);border:1px solid color-mix(in oklch,var(--card-accent) 30%,transparent);transition:transform var(--dur-base) var(--ease-spring)}.card:hover .card__glyphwrap,.card:focus-visible .card__glyphwrap{transform:scale(1.06) rotate(-2deg)}.card__glyph{width:34px;height:34px}.card__body{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--sp-2);flex:1 0 auto}.card__name{font-size:var(--fs-600);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight);line-height:1.1}.card__tagline{color:var(--c-text-dim);font-size:var(--fs-400);line-height:var(--lh-body);text-wrap:pretty}.card__chip{align-self:flex-start;margin-top:var(--sp-2);padding:4px 10px;border-radius:var(--r-pill);font-size:var(--fs-300);font-weight:var(--fw-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:color-mix(in oklch,var(--card-accent) 72%,var(--c-text));background:color-mix(in oklch,var(--card-accent) 12%,transparent);border:1px solid color-mix(in oklch,var(--card-accent) 28%,transparent)}.card__footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-end}.card__cue{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-300);font-weight:var(--fw-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--c-text-faint);transition:color var(--dur-fast) var(--ease-standard)}.card__arrow{width:16px;height:16px;transition:transform var(--dur-base) var(--ease-spring)}.card:hover .card__cue,.card:focus-visible .card__cue{color:var(--card-accent)}.card:hover .card__arrow,.card:focus-visible .card__arrow{transform:translate(4px)}.site-footer{width:100%;max-width:var(--hub-max);margin:0 auto;padding:var(--sp-5) var(--hub-gutter) var(--sp-7);color:var(--c-text-faint);font-size:var(--fs-300);flex-shrink:0}:where(.card,.theme-toggle,.wordmark):focus-visible{outline:2px solid var(--c-accent);outline-offset:3px}:where(.card):focus-visible{outline-color:color-mix(in oklch,var(--card-accent) 70%,var(--c-text))}@media (prefers-reduced-motion: reduce){.card,.card__glyphwrap,.card__arrow,.theme-toggle,.tt__icon{transition-duration:1ms!important}.card:hover,.card:focus-visible{transform:none}}