@import"https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;500;700&display=swap";.site-header{position:sticky;top:0;z-index:20;background:#072238eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:60px}.brand{display:inline-flex;align-items:center;gap:var(--space-3);color:var(--text);font-weight:700}.brand:hover{text-decoration:none;color:var(--accent)}.brand__mark{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--accent);color:var(--accent-ink);font-size:var(--fs-300);font-weight:700;letter-spacing:.02em}.brand__name{font-size:var(--fs-500)}.site-nav{display:flex;gap:var(--space-1)}.site-nav__link{display:inline-flex;align-items:center;min-height:var(--tap);padding-inline:var(--space-3);border-radius:var(--radius);color:var(--text-muted);font-weight:700;font-size:var(--fs-400)}.site-nav__link:hover{color:var(--text);background:var(--surface);text-decoration:none}.site-nav__link.active{color:var(--accent-ink);background:var(--accent)}.site-main{flex:1;width:100%}.site-footer{border-top:1px solid var(--border);padding-block:var(--space-5);margin-top:var(--space-7)}.site-footer .shell{display:flex;flex-direction:column;gap:var(--space-1)}.site-footer a{display:inline-block;padding-block:var(--space-1)}@media(max-width:420px){.brand__name{display:none}}.ad-slot{display:block;width:100%;max-width:100%;margin-inline:auto;overflow:hidden;text-align:center}.ad-slot__label{display:block;margin-bottom:var(--space-1);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);opacity:.65}.ad-slot .adsbygoogle{display:block;width:100%}.ad-slot--placeholder{display:grid;place-items:center;padding:var(--space-4);color:var(--text-muted);font-size:var(--fs-300);border:1px dashed var(--border);border-radius:var(--radius);background:#ffffff08}.home{padding-block:var(--space-6) var(--space-7);display:flex;flex-direction:column;gap:var(--space-6)}.hero{display:flex;flex-direction:column;gap:var(--space-3);align-items:center}.hero__lede{max-width:52ch;color:var(--text-muted);font-size:var(--fs-500)}.game-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:var(--space-4)}.game-tile{display:flex;flex-direction:column;height:100%;overflow:hidden;text-align:left;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:transform .2s,border-color .2s,box-shadow .2s}.game-tile:hover,.game-tile:focus-visible{transform:translateY(-4px);border-color:var(--accent-tile, var(--accent));box-shadow:0 12px 30px #00000059;text-decoration:none}.game-tile__art{display:block;aspect-ratio:16 / 7;overflow:hidden;background:var(--bg-sunken);border-bottom:1px solid var(--border)}.game-tile__art img{width:100%;height:100%;object-fit:cover}.game-tile__body{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);flex:1}.game-tile__tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tag{padding:.15em .6em;font-size:var(--fs-300);font-weight:700;color:var(--accent-tile, var(--accent));background:color-mix(in srgb,var(--accent-tile, var(--accent)) 16%,transparent);border-radius:999px}.game-tile__title{font-size:var(--fs-600);font-weight:700;line-height:1.2}.game-tile__tagline{color:var(--text)}.game-tile__description{color:var(--text-muted);font-size:var(--fs-300);flex:1}.game-tile__cta{margin-top:var(--space-2);font-weight:700;color:var(--accent-tile, var(--accent))}.home__note{text-align:left;display:flex;flex-direction:column;gap:var(--space-2)}.privacy{padding-block:var(--space-6) var(--space-7)}.privacy__body{max-width:68ch;margin-inline:auto;text-align:left}.privacy__body h2{margin-top:var(--space-3);font-size:var(--fs-500);color:var(--accent)}.privacy__body code{padding:.1em .35em;font-size:.9em;background:var(--surface-strong);border-radius:4px}.privacy__body p{color:var(--text-muted)}.privacy__body p strong{color:var(--text)}:root{--bg: #072238;--bg-elevated: #0d3050;--bg-sunken: #051a2b;--surface: rgba(255, 255, 255, .06);--surface-strong: rgba(255, 255, 255, .12);--border: rgba(255, 255, 255, .22);--border-strong: rgba(255, 255, 255, .45);--text: #f2f7fb;--text-muted: #a8c0d4;--accent: #16d298;--accent-glow: #4ee787;--accent-ink: #04211a;--danger: #ff718d;--warning: #fdff6a;--info: #29cdff;--radius-sm: 6px;--radius: 12px;--radius-lg: 20px;--tap: 44px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--shell-max: 1100px;--fs-300: clamp(.78rem, .72rem + .3vw, .9rem);--fs-400: clamp(.95rem, .9rem + .25vw, 1.05rem);--fs-500: clamp(1.05rem, .98rem + .4vw, 1.25rem);--fs-600: clamp(1.25rem, 1.1rem + .8vw, 1.6rem);--fs-700: clamp(1.6rem, 1.3rem + 1.5vw, 2.4rem);--ring: 0 0 0 3px rgba(22, 210, 152, .55)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:Ubuntu,system-ui,-apple-system,Segoe UI,sans-serif;font-size:var(--fs-400);line-height:1.5;background-color:var(--bg);color:var(--text);min-height:100svh;text-align:center;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);-webkit-font-smoothing:antialiased}#root{min-height:100svh;display:flex;flex-direction:column}img{max-width:100%;display:block}h1{font-size:var(--fs-700);line-height:1.15}h2{font-size:var(--fs-600);line-height:1.2}h3{font-size:var(--fs-500)}a{color:var(--accent);text-decoration:none}a:hover,a:focus-visible{text-decoration:underline}:focus-visible{outline:none;box-shadow:var(--ring);border-radius:var(--radius-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--tap);min-width:var(--tap);padding:var(--space-2) var(--space-5);font:inherit;font-weight:700;color:var(--text);background:transparent;border:2px solid var(--border-strong);border-radius:var(--radius);cursor:pointer;transition:background-color .2s,color .2s,box-shadow .2s,border-color .2s,transform .1s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.btn:hover{background-color:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn:active{transform:translateY(1px)}.btn--primary{background-color:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn--primary:hover{box-shadow:0 1px 22px var(--accent-glow)}.btn--ghost{border-color:var(--border);color:var(--text-muted)}.btn--sm{padding:var(--space-1) var(--space-3);font-size:var(--fs-300)}.btn[aria-pressed=true]{background-color:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:disabled:hover{background:transparent;color:var(--text);border-color:var(--border-strong)}.shell{width:100%;max-width:var(--shell-max);margin-inline:auto;padding-inline:var(--space-4)}.stack>*+*{margin-top:var(--space-4)}.cluster{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;align-items:center}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5)}.muted{color:var(--text-muted);font-size:var(--fs-300)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.skip-link{position:absolute;left:var(--space-3);top:-100px;z-index:100;padding:var(--space-2) var(--space-4);background:var(--accent);color:var(--accent-ink);border-radius:var(--radius-sm);font-weight:700;transition:top .15s}.skip-link:focus{top:var(--space-3)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}