:root{--bg:#f4f6f8;--surface:#fff;--surface-2:#edeff2;--fg:#16202b;--muted:#57677a;--accent:#c8f24c;--accent-ink:#46660a;--accent-on:#16202b;--accent-hover:#d4f566;--warm:#9e4e00;--warm-bg:#ffd9ae;--border:#d4dae2;--border-strong:#b8c2ce;--skip:#edeff2;--skip-border:#dde1e7;--ok:#1f6b3a;--warn:#9e4e00;--err:#b3261e;--focus:#46660a;--shadow-1:0 1px 2px #16202b0f, 0 1px 1px #16202b0a;--shadow-2:0 8px 24px #16202b1a;--font-display:"Anton", "Arial Narrow", "Helvetica Neue Condensed", Impact, sans-serif;--font-sans:"IBM Plex Sans", ui-sans-serif, system-ui, "Segoe UI", Roboto, Arial, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SF Mono", "Cascadia Mono", Consolas, monospace;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--s-9:96px;--r-0:0;--r-1:4px;--r-2:6px;--r-3:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0d1117;--surface:#151c26;--surface-2:#1b2430;--fg:#e7ecf3;--muted:#8593a6;--accent:#c8f24c;--accent-ink:#c8f24c;--accent-on:#0d1117;--accent-hover:#d4f566;--warm:#ff9f45;--warm-bg:#3a2410;--border:#26313f;--border-strong:#3a4757;--skip:#10161e;--skip-border:#1e2733;--ok:#6fd08c;--warn:#ff9f45;--err:#ff7b72;--focus:#c8f24c;--shadow-1:none;--shadow-2:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0d1117;--surface:#151c26;--surface-2:#1b2430;--fg:#e7ecf3;--muted:#8593a6;--accent:#c8f24c;--accent-ink:#c8f24c;--accent-on:#0d1117;--accent-hover:#d4f566;--warm:#ff9f45;--warm-bg:#3a2410;--border:#26313f;--border-strong:#3a4757;--skip:#10161e;--skip-border:#1e2733;--ok:#6fd08c;--warn:#ff9f45;--err:#ff7b72;--focus:#c8f24c;--shadow-1:none;--shadow-2:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);margin:0;font-size:16px;line-height:1.6}@media (width>=640px){body{font-size:17px}}h1,h2,h3{font-family:var(--font-display);letter-spacing:.01em;margin:0 0 var(--s-4);font-weight:400}h1{letter-spacing:.02em;text-transform:uppercase;font-size:32px;line-height:1.18}h2{font-size:24px;line-height:1.22}h3{font-size:18px;line-height:1.25}@media (width>=640px){h1{font-size:44px}h2{font-size:30px}h3{font-size:20px}}p,li{max-width:70ch}a{color:var(--accent-ink);text-underline-offset:2px}a:hover{color:var(--fg)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.container{max-width:1120px;padding:0 var(--s-4);margin:0 auto}.prose{max-width:720px}.lede{max-width:62ch;color:var(--muted);font-size:16.5px;line-height:1.5}@media (width>=640px){.lede{font-size:17px}}.meta{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:13px;line-height:1.45}.fine{color:var(--muted);font-size:14px;line-height:1.5}section+section{margin-top:var(--s-7)}@media (width>=640px){section+section{margin-top:var(--s-8)}}.site-header{border-bottom:1px solid var(--border);background:var(--surface)}.site-header .container{align-items:center;gap:var(--s-5);min-height:56px;display:flex}.site-logo{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;color:var(--fg);font-size:20px;text-decoration:none}.site-nav{gap:var(--s-4);align-items:center;margin-left:auto;display:flex}.site-nav a{color:var(--fg);padding:var(--s-2) var(--s-2);align-items:center;min-height:44px;font-size:15px;text-decoration:none;display:inline-flex}.site-nav a:hover,.site-nav a[aria-current=page]{text-decoration:underline}@media (width<=639px){.site-header .container{column-gap:var(--s-4);padding-top:var(--s-2);flex-wrap:wrap}.site-nav{gap:0 var(--s-3);width:100%;padding-bottom:var(--s-2);flex-wrap:wrap;margin-left:0}.site-nav a{padding:var(--s-2) 0;font-size:14px}}.theme-toggle{border:1px solid var(--border);border-radius:var(--r-1);color:var(--fg);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;min-width:44px;min-height:44px;padding:0 var(--s-3);cursor:pointer;background:0 0;font-size:13px}.theme-toggle:hover{border-color:var(--border-strong);background:var(--surface-2)}.site-footer{border-top:1px solid var(--border);margin-top:var(--s-8);padding:var(--s-6) 0;color:var(--muted)}.site-footer a{color:var(--muted)}.btn-accent{min-height:44px;padding:0 var(--s-4);background:var(--accent);color:var(--accent-on);border-radius:var(--r-1);font-family:var(--font-sans);cursor:pointer;border:none;justify-content:center;align-items:center;font-size:16px;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}.btn-accent:hover{background:var(--accent-hover);color:var(--accent-on)}.btn-accent:active{transform:translateY(1px)}.btn-accent[disabled]{opacity:.5;cursor:not-allowed}.card-grid{gap:var(--s-3);grid-template-columns:1fr;margin:0;padding:0;list-style:none;display:grid}@media (width>=640px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.card-grid{grid-template-columns:repeat(3,1fr)}}.game-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-2);box-shadow:var(--shadow-1);padding:var(--s-4);gap:var(--s-3);flex-direction:column;transition:background .15s,border-color .15s;display:flex}@media (width>=640px){.game-card{padding:var(--s-5)}}.game-card:hover{background:var(--surface-2);border-color:var(--border-strong)}.game-card img.cover{aspect-ratio:460/215;object-fit:cover;border-radius:var(--r-3);background:var(--surface-2);width:100%;display:block}.game-card .why{margin:0}.game-card .ulov-link{margin-top:auto}.price-chip{background:var(--accent);color:var(--accent-on);font-family:var(--font-mono);letter-spacing:-.01em;padding:var(--s-1) var(--s-2);border-radius:var(--r-0);font-size:22px;font-weight:500;line-height:1.1;display:inline-block}@media (width>=640px){.price-chip{font-size:26px}}.low-chip{background:var(--warm-bg);color:var(--fg);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;padding:2px var(--s-2);border-radius:var(--r-0);font-size:13px;display:inline-block}.game-card.skip{background:var(--skip);border:1px dashed var(--skip-border);box-shadow:none}.game-card.skip img.cover{filter:grayscale();opacity:.75}.skip-tag{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border:1px solid var(--skip-border);border-radius:var(--r-0);padding:2px var(--s-2);align-self:flex-start;font-size:13px}.game-card.skip .skip-note{color:var(--fg);margin:0}.game-card.skip .ulov-link a{color:var(--accent-ink)}.ranked{counter-reset:rank;gap:var(--s-3);margin:0;padding:0;list-style:none;display:grid}.ranked>li{counter-increment:rank}.ranked .rank-no{font-family:var(--font-mono);letter-spacing:.06em;color:var(--muted);font-size:13px}.pick-input{width:100%;min-height:44px;font-family:var(--font-sans);color:var(--fg);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-1);padding:var(--s-2) var(--s-3);font-size:16px}.pick-input:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.pick-input[aria-invalid=true]{border-color:var(--err)}.field-error{color:var(--err);margin:var(--s-1) 0 0;font-size:14px}.suggest-list{margin:var(--s-1) 0 0;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-2);box-shadow:var(--shadow-2);z-index:10;width:100%;max-height:320px;padding:0;list-style:none;position:absolute;overflow-y:auto}.suggest-list button{text-align:left;width:100%;color:var(--fg);font-family:var(--font-sans);padding:var(--s-2) var(--s-3);cursor:pointer;background:0 0;border:0;min-height:44px;font-size:16px;display:block}.suggest-list button:hover{background:var(--surface-2)}.picked-chips{gap:var(--s-2);margin:var(--s-3) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.picked-chips li{align-items:center;gap:var(--s-2);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-1);padding:var(--s-1) var(--s-2);font-family:var(--font-mono);letter-spacing:.02em;font-size:13px;display:inline-flex}.picked-chips button{color:var(--muted);cursor:pointer;padding:var(--s-1);background:0 0;border:0;min-width:24px;font-size:16px;line-height:1}.picked-chips button:hover{color:var(--fg)}.skeleton{background:var(--surface-2);border-radius:var(--r-2);min-height:120px;animation:1.4s ease-in-out infinite sk-pulse}@keyframes sk-pulse{0%,to{opacity:1}50%{opacity:.55}}.detail-panel{background:var(--surface);color:var(--fg);box-shadow:var(--shadow-2);border:0;border-left:1px solid var(--border);border-radius:0;width:min(92vw,440px);max-width:none;height:100dvh;max-height:100dvh;margin:0 0 0 auto;padding:0;position:fixed;inset:0}.detail-panel[open]{animation:.16s ease-out panel-in-right}@keyframes panel-in-right{0%{opacity:0;transform:translate(24px)}}@media (width<=639px){.detail-panel{border-left:0;border-top:1px solid var(--border);border-radius:var(--r-3) var(--r-3) 0 0;width:100%;height:auto;max-height:85dvh;margin:auto 0 0}.detail-panel[open]{animation:.16s ease-out panel-in-up}}@keyframes panel-in-up{0%{opacity:0;transform:translateY(24px)}}.detail-panel::backdrop{background:#0d111799}.detail-panel .inner{padding:var(--s-5);gap:var(--s-3);cursor:auto;text-align:left;flex-direction:column;max-height:100%;display:flex;overflow-y:auto}.panel-head{justify-content:flex-end;margin:0;display:flex}.panel-cover{aspect-ratio:460/215;object-fit:cover;border-radius:var(--r-3);background:var(--surface-2);width:100%;display:block}.panel-title{font-family:var(--font-display);letter-spacing:.01em;margin:0;font-size:24px;line-height:1.15}.panel-why,.panel-price-row,.panel-cta{margin:0}.empty-note{color:var(--fg)}.scroll-x{overflow-x:auto}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.chooser{margin:var(--s-4) 0;gap:var(--s-2);padding:0;list-style:none;display:grid}.chooser li{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-1);padding:var(--s-3) var(--s-4);line-height:1.5}.chooser a{color:var(--fg);text-decoration:none}.chooser a strong{text-underline-offset:3px;text-decoration:underline}.chooser a:hover strong{color:var(--accent-ink)}[data-theme=dark] .chooser a:hover strong{color:var(--accent)}.chooser span{color:var(--muted)}.game-card{position:relative}.card-link{color:inherit;text-decoration:none}.card-link:after{content:"";position:absolute;inset:0}.card-link:focus-visible{outline:none}.game-card:has(.card-link:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.game-card:has(.card-link){cursor:pointer}.hub-filter{max-width:380px}.hub-filter label{color:var(--muted);margin-bottom:var(--s-1);font-size:14px;display:block}.game-card.opens-panel{cursor:pointer}.game-card.opens-panel:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.card-foot{justify-content:space-between;align-items:center;gap:var(--s-3);min-height:28px;margin-top:auto;display:flex}.price-chip--sm{padding:2px var(--s-2);font-size:15px}@media (width>=640px){.price-chip--sm{font-size:15px}}.price-plain{font-family:var(--font-mono);color:var(--muted);font-size:15px}.card-more{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-left:auto;font-size:13px}.game-card.opens-panel:hover .card-more{color:var(--fg)}.why.clamp{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.home-hero{gap:var(--s-6);margin-top:var(--s-5);display:grid}@media (width>=1024px){.home-hero{gap:var(--s-7);grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start}}.entry-list{gap:var(--s-3);margin:0;padding:0;list-style:none;display:grid}.entry-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-2);box-shadow:var(--shadow-1);padding:var(--s-4);gap:var(--s-2);flex-direction:column;transition:background .15s,border-color .15s;display:flex;position:relative}.entry-card:hover{background:var(--surface-2);border-color:var(--border-strong)}.entry-card .card-link strong{font-size:17px}.entry-chips{gap:var(--s-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.entry-chips a{z-index:1;font-family:var(--font-mono);letter-spacing:.02em;color:var(--fg);border:1px solid var(--border);border-radius:var(--r-1);padding:4px var(--s-2);background:var(--bg);font-size:13px;text-decoration:none;position:relative}.entry-chips a:hover{border-color:var(--border-strong)}.entry-tool-row{gap:var(--s-2);flex-wrap:wrap;align-items:stretch;display:flex}.fake-input{border:1px solid var(--border);border-radius:var(--r-1);background:var(--bg);color:var(--muted);padding:var(--s-2) var(--s-3);flex:160px;align-items:center;min-height:44px;font-size:16px;display:flex}.entry-cta{z-index:1;position:relative}.demo-head{justify-content:space-between;align-items:baseline;gap:var(--s-3);margin-bottom:var(--s-3);flex-wrap:wrap;display:flex}.demo-head .meta{margin:0}.demo-feed{gap:var(--s-3);grid-template-columns:1fr;margin:0;padding:0;list-style:none;display:grid}@media (width>=640px) and (width<=1023px){.demo-feed{grid-template-columns:repeat(2,1fr)}}.issue-band{gap:var(--s-4);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-2);box-shadow:var(--shadow-1);padding:var(--s-4);margin-top:var(--s-5);display:grid}@media (width>=900px){.issue-band.has-pick{gap:var(--s-6);padding:var(--s-5);grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:center}}.issue-band-main{gap:var(--s-3);flex-direction:column;align-items:flex-start;display:flex;position:relative}.issue-band-main .meta,.issue-band-h,.issue-band-sub,.issue-band-cta{margin:0}.issue-band-main:hover .card-link{color:var(--accent-ink)}[data-theme=dark] .issue-band-main:hover .card-link{color:var(--accent)}.issue-band-main:has(.card-link:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.issue-band-cta{z-index:1;position:relative}.issue-band-pick .meta{margin:0 0 var(--s-2)}.demo-feed .game-card,.issue-band-pick .game-card{padding:var(--s-3);gap:var(--s-2)}.demo-feed .game-card h3,.issue-band-pick .game-card h3{margin:0;font-size:17px}.demo-feed .game-card .why,.demo-feed .game-card .skip-note,.issue-band-pick .game-card .why{font-size:14px;line-height:1.5}.rail-fold{margin-top:var(--s-3)}.rail-fold>summary.rail-toggle{min-height:44px;padding:0 var(--s-4);font-family:var(--font-sans);color:var(--fg);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-1);cursor:pointer;align-items:center;font-size:16px;font-weight:600;list-style:none;display:inline-flex}.rail-fold>summary.rail-toggle::-webkit-details-marker{display:none}.rail-fold>summary.rail-toggle:hover{background:var(--surface-2);border-color:var(--border-strong)}.rail-fold>summary.rail-toggle:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.rail-fold .when-open{display:none}.rail-fold[open] .when-open{display:inline}.rail-fold[open] .when-closed{display:none}.rail-fold[open]>summary.rail-toggle{margin-bottom:var(--s-3)}.rail-more{margin-top:var(--s-3)}@media (width>=640px){.ranked .game-card:has(>img.cover){column-gap:var(--s-5);row-gap:var(--s-2);grid-template-columns:220px minmax(0,1fr);display:grid}.ranked .game-card:has(>img.cover)>img.cover{grid-area:1/1/span 6;align-self:start}.ranked .game-card:has(>img.cover)>:not(.cover){grid-column:2}.ranked .game-card:has(>img.cover)>.card-foot{align-self:end}}