:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--ground:#f3efe7;--ground-sunken:#eae4d8;--surface:#fbf9f5;--surface-raised:#ece7dc;--ink:#17150f;--ink-secondary:#4a463c;--ink-muted:#6b6759;--rule:#ddd6c7;--rule-strong:#c6bca7;--accent:#b4451f;--accent-hover:#93340f;--accent-on:#fffaf6;--accent-soft:#f7e6dc;--online:#2c7346;--offline:#9c3520;--font-sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--radius-card:14px;--radius-pill:999px;--shell:64rem;--card-shadow:0 1px 1px #17150f0f;--card-shadow-lift:0 2px 4px #17150f0f, 0 14px 28px -20px #17150f73}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--ground:#14120f;--ground-sunken:#0e0d0b;--surface:#1c1a16;--surface-raised:#272420;--ink:#f2ede3;--ink-secondary:#c3bcae;--ink-muted:#8d8779;--rule:#322e28;--rule-strong:#4a443b;--accent:#f0764a;--accent-hover:#ff8d64;--accent-on:#17150f;--accent-soft:#33211a;--online:#63c98c;--offline:#ff8a72;--card-shadow:0 1px 1px #0006;--card-shadow-lift:0 2px 4px #0006, 0 14px 28px -20px #000c}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--ground);color:var(--ink);font-family:var(--font-sans);flex-direction:column;min-height:100dvh;margin:0;font-size:1.0625rem;line-height:1.55;display:flex}h1,h2,p,ul{margin:0}ul{padding:0;list-style:none}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}[hidden]{display:none!important}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html[lang=en] .t[lang=nl],html[lang=nl] .t[lang=en]{display:none}.skip{z-index:10;background:var(--accent);color:var(--accent-on);border-radius:var(--radius-pill);padding:.6rem 1rem;font-size:.9375rem;font-weight:600;text-decoration:none;position:absolute;top:-4rem;left:1rem}.skip:focus{top:1rem}.site-header,main,.site-footer{width:100%;max-width:var(--shell);margin-inline:auto;padding-inline:1.25rem}.site-header{justify-content:space-between;align-items:center;gap:1rem;padding-block:1.5rem 1.25rem;display:flex}.wordmark{text-transform:uppercase;letter-spacing:.2em;align-items:center;gap:.6rem;font-size:.8125rem;font-weight:600;display:flex}.wordmark-name{color:var(--ink)}.wordmark-rule{background:var(--rule-strong);width:1px;height:.95em}.wordmark-suffix{color:var(--accent)}.lang{background:var(--surface-raised);border:1px solid var(--rule);border-radius:var(--radius-pill);gap:2px;padding:2px;display:flex}.lang-option{border-radius:var(--radius-pill);min-width:2.5rem;color:var(--ink-muted);font:inherit;letter-spacing:.08em;cursor:pointer;background:0 0;border:0;padding:.3rem .55rem;font-size:.75rem;font-weight:600}.lang-option[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:var(--card-shadow)}main{flex:1}.hero{border-top:1px solid var(--rule);padding-block:1.5rem 2.25rem;padding-top:2rem}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--ink-muted);font-size:.6875rem;font-weight:600}h1{letter-spacing:-.025em;text-wrap:balance;margin-top:.5rem;font-size:clamp(2.125rem,8vw,3.25rem);font-weight:700;line-height:1.04}.lede{max-width:44ch;color:var(--ink-secondary);text-wrap:pretty;margin-top:.9rem}.games{counter-reset:game;gap:1rem;padding-bottom:3rem;display:grid}@media (min-width:34rem){.games{grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:1.25rem}}.card{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius-card);box-shadow:var(--card-shadow);flex-direction:column;gap:.5rem;padding:1.25rem 1.25rem 1.35rem;display:flex;position:relative}.card:after{counter-increment:game;content:counter(game, decimal-leading-zero);font-family:var(--font-mono);color:var(--ink-muted);opacity:.55;font-size:.75rem;position:absolute;bottom:1.1rem;right:1.15rem}.card-head{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.35rem;display:flex}.card-icon{border-radius:13px;width:56px;height:56px;display:block}.card-name{letter-spacing:-.012em;font-size:1.25rem;font-weight:700;line-height:1.2}.card-tagline{color:var(--ink-secondary);text-wrap:pretty;font-size:.9375rem;line-height:1.5}.tags{flex-wrap:wrap;gap:.35rem;margin-top:.15rem;display:flex}.tag{background:var(--surface-raised);border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.07em;color:var(--ink-muted);padding:.2rem .55rem;font-size:.6875rem;font-weight:600}.play{background:var(--accent);color:var(--accent-on);border-radius:var(--radius-pill);align-self:flex-start;align-items:center;gap:.35rem;min-height:2.5rem;margin-top:.9rem;padding:.5rem .9rem .5rem 1.05rem;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex}.play-arrow{translate:0 .5px}.play-soon{color:var(--ink-muted);border:1px dashed var(--rule-strong);background:0 0}.status{border:1px solid var(--rule);border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.07em;white-space:nowrap;align-items:center;gap:.375rem;padding:.2rem .5rem .2rem .45rem;font-size:.6875rem;font-weight:600;display:inline-flex}.dot{background:currentColor;border-radius:50%;width:7px;height:7px}.status[data-state=online]{color:var(--online)}.status[data-state=offline]{color:var(--offline)}.status[data-state=online] .status-offline,.status[data-state=offline] .status-online,.status[data-state=unknown] .status-text{display:none}.site-footer{border-top:1px solid var(--rule);padding-block:1.5rem 2.25rem}.colophon{color:var(--ink-muted);flex-wrap:wrap;gap:.5rem;font-size:.8125rem;display:flex}.sep{opacity:.6}.build code{font-family:var(--font-mono);font-size:.95em}@media (prefers-reduced-motion:no-preference){.card,.play,.lang-option{transition:transform .14s,border-color .14s,background-color .14s,box-shadow .14s}.card:has(.play:hover){transform:translateY(-2px)}}@media (hover:hover){.card:has(.play:hover){border-color:var(--rule-strong);box-shadow:var(--card-shadow-lift)}.play:hover{background:var(--accent-hover)}.play-soon:hover{background:0 0}.lang-option:hover{color:var(--ink)}}
