:root{--c8-navy-950: #061019;--c8-navy-900: #0c1b2e;--c8-navy-800: #10263f;--c8-navy-700: #163b5f;--c8-navy-600: #2a5a8a;--c8-blue-500: #2563eb;--c8-blue-600: #1d4ed8;--c8-blue-400: #4a6fa5;--c8-amber-200: #ffe082;--c8-amber-500: #ffc107;--c8-amber-700: #ffa000;--c8-amber-900: #ff6f00;--c8-felt: #35654d;--c8-success: #22c55e;--c8-danger: #ef4444;--c8-text: #eef4fb;--c8-text-dim: #b9cfe6;--c8-ink: #0c1b2e;--c8-bg: var(--c8-navy-900);--c8-surface: var(--c8-navy-700);--c8-border: var(--c8-navy-600);--c8-accent: var(--c8-amber-500);--c8-action: var(--c8-blue-500);--c8-font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--c8-font-display: "Fredoka", var(--c8-font-body);--c8-radius: 16px;--c8-radius-sm: 10px;--c8-shadow: 0 18px 44px rgb(3 20 42 / .34)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid transparent;border-radius:999px;padding:.8rem 1.6rem;font:inherit;font-weight:600;line-height:1.2;text-decoration:none;cursor:pointer;background:var(--c8-action);color:#fff;transition:background .14s ease,border-color .14s ease}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:default}.btn--accent{background:var(--c8-accent);color:var(--c8-ink)}.btn--accent:hover:not(:disabled){background:var(--c8-amber-700)}.btn--ghost{background:#ffffff14;border-color:#fff6;color:var(--c8-text)}.btn--ghost:hover:not(:disabled){background:#ffffff24;border-color:var(--c8-accent)}.btn--go{background:var(--c8-success);color:var(--c8-ink)}.btn--go:hover:not(:disabled){background:#16a34a}.btn--stop{background:none;border-color:var(--c8-danger);color:var(--c8-danger)}.btn--stop:hover:not(:disabled){background:#ef44441f}.btn--warn{background:var(--c8-danger);color:#fff}.btn--warn:hover:not(:disabled){background:#dc2626}.btn--quiet{background:#ffffff0f;border-color:#ffffff38;color:var(--c8-text-dim)}.btn--quiet:hover:not(:disabled){color:var(--c8-text);border-color:#fff6}.btn--back{background:none;border-color:#ffffff47;color:var(--c8-text)}.btn--back:hover:not(:disabled){border-color:var(--c8-accent)}.btn--small{padding:.3rem .75rem;font-size:.8rem}.btn-row{display:flex;flex-wrap:wrap;gap:.6rem}*,*:before,*:after{box-sizing:border-box}html{color-scheme:dark}body{margin:0;min-height:100dvh;background:var(--c8-bg);color:var(--c8-text);font-family:var(--c8-font-body);line-height:1.6;-webkit-font-smoothing:antialiased}img,svg{display:block;max-width:100%}.page{width:100%;max-width:48rem;margin-inline:auto;padding:3rem 1.25rem 1rem}.page--wide{max-width:68rem}.page h1{font-family:var(--c8-font-display);font-size:clamp(2rem,6vw,3rem);line-height:1.1;margin:0 0 1rem;letter-spacing:-.02em}.page .lede{font-size:1.15rem;color:var(--c8-text-dim);margin:0 0 2.5rem;max-width:40rem}.page h2{font-family:var(--c8-font-display);font-size:1.6rem;margin:2.75rem 0 .75rem;letter-spacing:-.01em}.page h3{font-size:1.15rem;margin:1.75rem 0 .5rem}.page p{margin:0 0 1rem}.page ul,.page ol{margin:0 0 1rem;padding-left:1.5rem}.page li{margin-bottom:.5rem}.page a{color:var(--c8-accent)}.page table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.95rem}.page th,.page td{text-align:left;padding:.7rem .9rem;border-bottom:1px solid var(--c8-border)}.page th{color:var(--c8-accent);font-size:.85rem;letter-spacing:.04em;text-transform:uppercase}.note{border:1px solid var(--c8-border);border-left:3px solid var(--c8-accent);border-radius:0 var(--c8-radius-sm) var(--c8-radius-sm) 0;background:#ffffff0a;padding:1rem 1.25rem;margin:1.5rem 0}.note p:last-child{margin-bottom:0}.note strong{color:var(--c8-accent)}.note--warn{border-left-color:var(--c8-danger)}.note--warn strong{color:var(--c8-danger)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1.25rem;margin:2rem 0}.card{border:1px solid var(--c8-border);border-radius:var(--c8-radius);padding:1.5rem;background:#ffffff08}.card h3{margin-top:0}.card p:last-child{margin-bottom:0}.grid-games{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:1rem;margin:2rem 0}.game-tile{position:relative;display:block;aspect-ratio:1;border-radius:1rem;overflow:hidden;text-decoration:none;color:var(--c8-text);background:linear-gradient(160deg,var(--c8-navy-700),var(--c8-navy-800));border:2px solid var(--c8-border);transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.game-tile:hover,.game-tile:focus-visible{transform:translateY(-4px) scale(1.02);border-color:var(--c8-accent);box-shadow:0 12px 28px #03142a80}.game-tile__art{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;font-family:var(--c8-font-display);font-size:3.5rem;font-weight:700;color:#ffffff24}.game-tile__body{position:absolute;inset:auto 0 0 0;padding:.85rem;background:linear-gradient(to top,rgb(6 16 25 / .95),transparent)}.game-tile__name{font-weight:700;font-size:.98rem;line-height:1.2;margin:0}.game-tile__meta{margin:.25rem 0 0;font-size:.78rem;color:var(--c8-text-dim)}.game-tile__flag{position:absolute;top:.6rem;left:.6rem;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.22rem .55rem;border-radius:999px;background:var(--c8-accent);color:var(--c8-ink)}.game-tile__flag--soon{background:#ffffff26;color:var(--c8-text-dim)}.game-tile--soon{opacity:.55}.game-tile--soon:hover{transform:none;border-color:var(--c8-border);box-shadow:none}.row-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin:2.5rem 0 0}.row-head h2{margin:0}.row-head a{font-size:.9rem;color:var(--c8-text-dim);text-decoration:none}.row-head a:hover{color:var(--c8-accent)}.free-banner{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;background:linear-gradient(100deg,#ffc10724,#2563eb1f);border:1px solid rgb(255 193 7 / .3);border-radius:var(--c8-radius);padding:1rem 1.25rem;margin:1.5rem 0}.free-banner strong{color:var(--c8-accent)}.free-banner p{margin:0}