@font-face{font-family:Inter;src:url(/_astro/inter-latin.Dx4kXJAl.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Fraunces;src:url(/_astro/fraunces-latin.ukD16Tqj.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{color-scheme:light;--ink: #1d2340;--ink-2: #4a5073;--ink-3: #5b6182;--paper: #fbf8f2;--paper-2: #f3eee4;--surface: #ffffff;--line: rgba(29, 35, 64, .12);--line-strong: rgba(29, 35, 64, .22);--brand: #4f46e5;--brand-ink: #3a32b8;--brand-soft: #eceafd;--sun: #f5b53d;--sun-soft: #fff1d0;--coral: #ff7a66;--coral-soft: #ffe5df;--mint: #1fa882;--mint-soft: #d9f4ea;--sky: #38a3e8;--sky-soft: #dff0fd;--danger: #c2410c;--danger-soft: #ffe9dd;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Fraunces", Georgia, "Times New Roman", serif;--fs-0: clamp(.875rem, .85rem + .1vw, .9375rem);--fs-1: clamp(1rem, .97rem + .15vw, 1.0625rem);--fs-2: clamp(1.125rem, 1.05rem + .35vw, 1.3125rem);--fs-3: clamp(1.375rem, 1.2rem + .8vw, 1.75rem);--fs-4: clamp(1.75rem, 1.4rem + 1.6vw, 2.5rem);--fs-5: clamp(2.25rem, 1.6rem + 3.2vw, 4rem);--gutter: clamp(1rem, .6rem + 2vw, 2rem);--maxw: 72rem;--r-s: 10px;--r-m: 16px;--r-l: 24px;--r-pill: 999px;--shadow-s: 0 1px 2px rgba(29, 35, 64, .06), 0 2px 8px rgba(29, 35, 64, .06);--shadow-m: 0 2px 4px rgba(29, 35, 64, .05), 0 12px 28px rgba(29, 35, 64, .1);--shadow-l: 0 4px 8px rgba(29, 35, 64, .06), 0 24px 56px rgba(29, 35, 64, .16);--focus: 0 0 0 3px var(--surface), 0 0 0 5px var(--brand);--ease: cubic-bezier(.2, .7, .2, 1);--t-fast: .12s;--t-med: .22s;--header-h: 4rem;--safe-b: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 1rem)}body{margin:0;min-height:100vh;min-height:100dvh;background:var(--paper);color:var(--ink);font:400 var(--fs-1) / 1.6 var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:hidden;display:flex;flex-direction:column}body.is-playing{overflow:hidden}main{flex:1 0 auto}img,svg,canvas{display:block;max-width:100%}h1,h2,h3,h4{margin:0;font-family:var(--font-display);font-weight:650;line-height:1.15;letter-spacing:-.01em;color:var(--ink);text-wrap:balance}h1{font-size:var(--fs-5)}h2{font-size:var(--fs-4)}h3{font-size:var(--fs-2);font-family:var(--font-body);font-weight:650;letter-spacing:0}p{margin:0;text-wrap:pretty}a{color:var(--brand-ink);text-underline-offset:3px}a:hover{color:var(--brand)}ul,ol{margin:0;padding:0}button{font:inherit;color:inherit}:focus-visible{outline:none;box-shadow:var(--focus);border-radius:6px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:1rem;top:-4rem;z-index:100;background:var(--ink);color:#fff;padding:.6rem 1rem;border-radius:var(--r-s);text-decoration:none;transition:top var(--t-fast)}.skip-link:focus{top:.75rem}.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}.icon{flex:none}[hidden]{display:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.75rem;padding:.55rem 1.1rem;border:1.5px solid transparent;border-radius:var(--r-pill);font-weight:650;font-size:var(--fs-0);line-height:1.2;text-decoration:none;cursor:pointer;transition:transform var(--t-fast) var(--ease),box-shadow var(--t-fast),background-color var(--t-fast),border-color var(--t-fast);-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none}.btn:active{transform:translateY(1px) scale(.985)}.btn[disabled]{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 6px 16px #4f46e552,inset 0 1px #ffffff38}.btn-primary:hover{background:var(--brand-ink);color:#fff;box-shadow:0 8px 20px #4f46e566,inset 0 1px #ffffff38}.btn-ghost{background:var(--surface);color:var(--ink);border-color:var(--line-strong)}.btn-ghost:hover{border-color:var(--ink-3);color:var(--ink);background:#fff}.btn-soft{background:var(--brand-soft);color:var(--brand-ink)}.btn-soft:hover{background:#dfdbfb;color:var(--brand-ink)}.btn-lg{min-height:3.25rem;padding:.75rem 1.5rem;font-size:var(--fs-1)}.site-header{position:sticky;top:0;z-index:40;background:#fbf8f2e0;backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--line)}.site-header .bar{height:var(--header-h);display:flex;align-items:center;gap:1rem}.logo{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--ink);font-family:var(--font-display);font-weight:700;font-size:1.25rem;letter-spacing:-.01em}.logo:hover{color:var(--ink)}.logo svg{width:2.1rem;height:2.1rem}.main-nav{margin-left:auto;display:none;align-items:center;gap:.25rem}.main-nav a{padding:.5rem .9rem;border-radius:var(--r-pill);text-decoration:none;color:var(--ink-2);font-weight:600;font-size:var(--fs-0);transition:background-color var(--t-fast),color var(--t-fast)}.main-nav a:hover{background:var(--paper-2);color:var(--ink)}.main-nav a[aria-current=page]{background:var(--brand-soft);color:var(--brand-ink)}.header-actions{display:flex;align-items:center;gap:.5rem;margin-left:auto}.main-nav+.header-actions{margin-left:.5rem}.lang-switch{display:inline-flex;border:1.5px solid var(--line-strong);border-radius:var(--r-pill);padding:2px;background:var(--surface)}.lang-switch a{padding:.25rem .7rem;border-radius:var(--r-pill);font-size:.8125rem;font-weight:700;text-decoration:none;color:var(--ink-2)}.lang-switch .current{padding:.25rem .7rem;border-radius:var(--r-pill);font-size:.8125rem;font-weight:700;background:var(--ink);color:#fff}.lang-switch a[aria-current=true]{background:var(--ink);color:#fff}.menu-btn{display:inline-grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:var(--r-pill);border:1.5px solid var(--line-strong);background:var(--surface);cursor:pointer}.mobile-nav{position:fixed;inset:var(--header-h) 0 0 0;z-index:39;background:var(--paper);padding:1.25rem var(--gutter) calc(1.5rem + var(--safe-b));display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;animation:fade-in var(--t-med) var(--ease)}.mobile-nav a{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.1rem;border-radius:var(--r-m);background:var(--surface);border:1px solid var(--line);text-decoration:none;color:var(--ink);font-weight:650;font-size:var(--fs-2);min-height:3.5rem}.mobile-nav a[aria-current=page]{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-ink)}@media(min-width:52rem){.main-nav{display:flex}.menu-btn,.mobile-nav{display:none!important}}.section{padding-block:clamp(3rem,2rem + 5vw,6rem)}.section-head{max-width:40rem;margin-bottom:clamp(1.5rem,1rem + 2vw,2.5rem);display:grid;gap:.75rem}.section-head p{color:var(--ink-2);font-size:var(--fs-2)}.kicker{display:inline-flex;align-items:center;gap:.5rem;width:fit-content;padding:.3rem .8rem;border-radius:var(--r-pill);background:var(--sun-soft);color:#8a5a00;font-weight:700;font-size:.8125rem;letter-spacing:.02em}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);box-shadow:var(--shadow-s)}.game-card{display:grid;grid-template-rows:auto 1fr;overflow:hidden;text-decoration:none;color:inherit;transition:transform var(--t-med) var(--ease),box-shadow var(--t-med) var(--ease)}.game-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-m);color:inherit}.game-card:active{transform:translateY(-1px)}.game-card .cover{aspect-ratio:4 / 3;background:var(--paper-2);overflow:hidden}.game-card .cover img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}.game-card:hover .cover img{transform:scale(1.04)}.game-card .body{padding:1.1rem 1.25rem 1.35rem;display:grid;gap:.6rem;align-content:start}.game-card h2,.game-card h3{font-family:var(--font-display);font-size:var(--fs-3)}.game-card p{color:var(--ink-2);font-size:var(--fs-0)}.tags{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none}.tag{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .65rem;border-radius:var(--r-pill);font-size:.78rem;font-weight:650;background:var(--paper-2);color:var(--ink-2)}.tag.brand{background:var(--brand-soft);color:var(--brand-ink)}.tag.mint{background:var(--mint-soft);color:#0f6b52}.tag.sun{background:var(--sun-soft);color:#8a5a00}.grid-games{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr))}.feature-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr))}.feature{padding:1.5rem;display:grid;gap:.75rem;align-content:start}.feature .ico{width:3rem;height:3rem;border-radius:14px;display:grid;place-items:center}.feature:nth-child(4n+1) .ico{background:var(--brand-soft);color:var(--brand-ink)}.feature:nth-child(4n+2) .ico{background:var(--mint-soft);color:#0f6b52}.feature:nth-child(4n+3) .ico{background:var(--sun-soft);color:#8a5a00}.feature:nth-child(4n+4) .ico{background:var(--coral-soft);color:#b3392a}.feature p{color:var(--ink-2);font-size:var(--fs-0)}.steps{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));list-style:none;counter-reset:s}.steps li{counter-increment:s;position:relative;padding:1.5rem 1.5rem 1.5rem 4.25rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l)}.steps li:before{content:counter(s);position:absolute;left:1.25rem;top:1.4rem;width:2.2rem;height:2.2rem;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;font-family:var(--font-display);font-weight:700}.steps h3{margin-bottom:.25rem}.steps p{color:var(--ink-2);font-size:var(--fs-0)}.prose{max-width:44rem;display:grid;gap:1.25rem}.prose h2{font-size:var(--fs-3);margin-top:1.25rem}.prose p,.prose li{color:var(--ink-2)}.page-head{padding-block:clamp(2rem,1rem + 4vw,4rem) 1rem}.page-head h1{font-size:var(--fs-4)}.page-head p{margin-top:.75rem;color:var(--ink-2);font-size:var(--fs-2);max-width:42rem}.breadcrumb{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;font-size:.875rem;color:var(--ink-3);margin-bottom:1rem}.breadcrumb li+li:before{content:"/";margin-right:.4rem;color:var(--line-strong)}.breadcrumb a{color:var(--ink-2);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.site-footer{margin-top:3rem;background:var(--ink);color:#d8dbf0;padding-block:3rem calc(2rem + var(--safe-b))}.site-footer a{color:#fff;text-decoration:none}.site-footer a:hover{text-decoration:underline;color:#fff}.footer-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr))}.footer-grid h2{font-family:var(--font-body);font-size:.8125rem;text-transform:uppercase;letter-spacing:.08em;color:#9ea4cf;margin-bottom:.75rem}.footer-grid ul{list-style:none;display:grid;gap:.4rem}.site-footer .logo{color:#fff}.footer-note{margin-top:2rem;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.14);font-size:.875rem;color:#9ea4cf}.toast{position:fixed;z-index:300;left:50%;bottom:calc(1rem + var(--safe-b));transform:translate(-50%);width:min(30rem,calc(100% - 2rem));background:var(--ink);color:#fff;border-radius:var(--r-m);padding:.9rem 1rem;box-shadow:var(--shadow-l);display:grid;gap:.75rem;animation:toast-in var(--t-med) var(--ease)}.toast p{font-size:var(--fs-0)}.toast .row{display:flex;gap:.5rem;flex-wrap:wrap}.toast .btn-ghost{background:transparent;color:#fff;border-color:#ffffff59}.toast .btn-ghost:hover{background:#ffffff1a;color:#fff}dialog.sheet{border:0;padding:1.5rem;border-radius:var(--r-l);box-shadow:var(--shadow-l);max-width:min(28rem,calc(100% - 2rem));background:var(--surface);color:var(--ink)}dialog.sheet::backdrop{background:#1d234080}dialog.sheet h2{font-size:var(--fs-3);margin-bottom:.75rem}dialog.sheet ol{padding-left:1.2rem;display:grid;gap:.5rem;margin-bottom:1.25rem;color:var(--ink-2)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.rise{animation:rise .6s var(--ease) both}.rise.d1{animation-delay:80ms}.rise.d2{animation-delay:.16s}.rise.d3{animation-delay:.24s}.game-stage{position:fixed;inset:0;z-index:200;height:100vh;height:100dvh;background:var(--paper)}.game-stage-host{height:100%}.game-stage-msg{height:100%;display:grid;place-content:center;text-align:center;gap:1rem;padding:2rem;color:var(--ink-2);font-weight:600}