@font-face{font-family: "Oxanium";src: url("/static/fonts/oxanium.woff2") format("woff2");font-weight: 200 800;font-display: swap}@font-face{font-family: "Figtree";src: url("/static/fonts/figtree.woff2") format("woff2");font-weight: 300 900;font-display: swap}:root{color-scheme: dark;--bg: #07090d;--surface: #0f141c;--raised: #161d28;--line: #222b3a;--ink: #eef2f8;--soft: #c6cfdd;--muted: #8592a6;--accent: #4ade80;--accent-2: #a3f7bf;--accent-ink: #04210f;--accent-soft: rgba(74,222,128,0.14);--glow: rgba(74,222,128,0.35);--coop: #38d6f2;--coop-bg: rgba(56,214,242,0.13);--pos: #66c0f4;--mixed: #d2a56a;--neg: #ef6b62;--radius: 12px;--display: "Oxanium","Figtree",system-ui,sans-serif;--body: "Figtree",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--edge: linear-gradient(140deg,rgba(74,222,128,0.45),rgba(255,255,255,0.07) 38%,rgba(255,255,255,0.04) 62%,rgba(56,214,242,0.32))}*{box-sizing: border-box}html{-webkit-text-size-adjust: 100%;scroll-padding-top: 80px}body{margin: 0;background: var(--bg);color: var(--ink);font: 16px/1.55 var(--body);position: relative}body::before{content: "";position: absolute;inset: 0 0 auto 0;height: 900px;z-index: -1;pointer-events: none;background: radial-gradient(760px 420px at 12% -6%,rgba(74,222,128,0.17),transparent 62%),radial-gradient(700px 420px at 92% -4%,rgba(56,214,242,0.13),transparent 62%),linear-gradient(rgba(255,255,255,0.035) 1px,transparent 1px) 0 0 / 48px 48px,linear-gradient(90deg,rgba(255,255,255,0.035) 1px,transparent 1px) 0 0 / 48px 48px;-webkit-mask-image: linear-gradient(#000 35%,transparent);mask-image: linear-gradient(#000 35%,transparent)}.wrap{max-width: 1260px;margin: 0 auto;padding: 0 18px}a{color: var(--accent);text-underline-offset: 3px;text-decoration-thickness: 1px}h1,h2,.brand,.rank,.tile b,.stat b,.card-big .card-name{font-family: var(--display)}h1{font-size: clamp(2rem,5vw,3.3rem);font-weight: 700;line-height: 1.04;letter-spacing: -0.02em;margin: 14px 0 12px;text-wrap: balance}h2{font-size: 1.35rem;font-weight: 700;letter-spacing: 0.01em;margin: 44px 0 12px;display: flex;align-items: center;gap: 10px}h2::before{content: "";width: 9px;height: 9px;flex: none;background: var(--accent);transform: rotate(45deg);border-radius: 1px;box-shadow: 0 0 12px var(--glow)}.lead{font-size: 1.12rem;max-width: 68ch;margin: 0 0 20px;color: var(--soft)}.note,.updated{color: var(--muted);font-size: 0.9rem}.updated{margin: 52px 0 26px;padding-top: 16px;border-top: 1px solid var(--line)}small,.dim{color: var(--muted)}b{font-variant-numeric: tabular-nums}.eyebrow{font-family: var(--display);font-size: 0.8rem;font-weight: 600;letter-spacing: 0.22em;text-transform: uppercase;color: var(--accent);margin: 30px 0 0}.grad{background: linear-gradient(92deg,var(--accent-2),var(--accent) 45%,var(--coop));-webkit-background-clip: text;background-clip: text;color: transparent}.top{background: rgba(7,9,13,0.97);border-bottom: 1px solid var(--line);position: sticky;top: 0;z-index: 20}.top::after{content: "";position: absolute;left: 0;right: 0;bottom: -1px;height: 1px;background: linear-gradient(90deg,transparent,var(--accent) 22%,var(--coop) 78%,transparent);opacity: 0.55}.bar{display: flex;flex-wrap: wrap;align-items: center;gap: 4px 28px;min-height: 60px;padding-top: 8px;padding-bottom: 8px}.brand{display: inline-flex;align-items: center;gap: 9px;font-weight: 800;font-size: 1.18rem;letter-spacing: 0.02em;color: var(--ink);text-decoration: none;text-transform: uppercase}.brand svg{filter: drop-shadow(0 0 8px var(--glow))}.brand span{color: var(--accent)}.top nav{display: flex;flex-wrap: wrap;gap: 4px}.top nav a{color: var(--muted);text-decoration: none;font-weight: 600;font-size: 0.95rem;padding: 6px 12px;border-radius: 999px;transition: color 0.15s,background 0.15s}.top nav a:hover{color: var(--ink);background: rgba(255,255,255,0.06)}.top nav a[aria-current]{color: var(--accent-ink);background: var(--accent)}.crumbs{font-size: 0.88rem;color: var(--muted);margin-top: 18px}.crumbs a{color: var(--muted)}.foot{border-top: 1px solid var(--line);background: linear-gradient(var(--surface),var(--bg));padding: 26px 0 34px;font-size: 0.9rem;color: var(--muted);margin-top: 24px}.foot nav{display: flex;flex-wrap: wrap;gap: 4px 18px;margin-bottom: 8px}.foot a{color: var(--muted);text-decoration: none}.foot a:hover{color: var(--accent)}.foot p{margin: 12px 0 0}.tag{display: inline-block;padding: 1px 9px;border-radius: 6px;font-size: 0.78rem;font-weight: 700;letter-spacing: 0.02em;color: var(--muted);border: 1px solid var(--line);white-space: nowrap;background: rgba(255,255,255,0.02)}.tag-coop{color: var(--coop);background: var(--coop-bg);border-color: rgba(56,214,242,0.28)}.rating{font-weight: 800;font-variant-numeric: tabular-nums}.rating.pos{color: var(--pos)}.rating.mixed{color: var(--mixed)}.rating.neg{color: var(--neg)}.meter{display: inline-block;width: 64px;height: 7px;border-radius: 2px;background: rgba(255,255,255,0.08);overflow: hidden;vertical-align: middle}.meter i{display: block;height: 100%;border-radius: 2px;background: repeating-linear-gradient(90deg,transparent 0 6px,#07090d 6px 7px),linear-gradient(90deg,#16a34a,var(--accent) 70%,var(--accent-2))}.button{display: inline-block;background: linear-gradient(180deg,var(--accent-2),var(--accent));color: var(--accent-ink);font-family: var(--display);font-weight: 700;letter-spacing: 0.03em;text-decoration: none;padding: 10px 20px;border-radius: 8px;box-shadow: 0 6px 22px rgba(74,222,128,0.28),inset 0 1px 0 rgba(255,255,255,0.45);transition: transform 0.12s,box-shadow 0.12s}.button:hover{transform: translateY(-1px);box-shadow: 0 10px 30px rgba(74,222,128,0.42),inset 0 1px 0 rgba(255,255,255,0.45)}.chips{display: flex;flex-wrap: wrap;gap: 8px;margin: 0 0 16px}.chips a{border: 1px solid var(--line);background: var(--surface);color: var(--soft);text-decoration: none;padding: 6px 14px;border-radius: 8px;font-size: 0.92rem;font-weight: 600;transition: all 0.15s}.chips a:hover{border-color: var(--accent);color: var(--accent);background: var(--accent-soft);box-shadow: 0 0 18px rgba(74,222,128,0.18)}.hero-home h1{max-width: 15ch}.stats{display: flex;flex-wrap: wrap;gap: 10px;margin: 0 0 26px}.stat{display: grid;padding: 10px 18px 9px;border-radius: 10px;border: 1px solid transparent;text-decoration: none;color: var(--ink);background: linear-gradient(var(--surface),var(--surface)) padding-box,var(--edge) border-box;transition: transform 0.15s}a.stat:hover{transform: translateY(-2px)}.stat b{font-size: 1.7rem;line-height: 1.1;color: var(--accent)}.stat span{font-size: 0.72rem;font-weight: 700;letter-spacing: 0.1em;text-transform: uppercase;color: var(--muted)}.card{position: relative;display: flex;flex-direction: column;border-radius: var(--radius);overflow: hidden;color: var(--ink);text-decoration: none;border: 1px solid transparent;background: linear-gradient(180deg,var(--raised),var(--surface)) padding-box,linear-gradient(160deg,rgba(255,255,255,0.13),rgba(255,255,255,0.03) 45%) border-box;transition: transform 0.18s cubic-bezier(0.2,0.7,0.2,1),box-shadow 0.18s}.card:hover,.card:focus-visible{transform: translateY(-4px);outline: none;background: linear-gradient(180deg,var(--raised),var(--surface)) padding-box,var(--edge) border-box;box-shadow: 0 18px 40px rgba(0,0,0,0.55),0 0 34px rgba(74,222,128,0.16)}.card-art{position: relative;display: block;aspect-ratio: 460 / 215;background: #030507;overflow: hidden}.card-art img,.card-art video{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;display: block}.card-art img{transition: transform 0.4s cubic-bezier(0.2,0.7,0.2,1)}.card:hover .card-art img{transform: scale(1.045)}.rank{position: absolute;left: 10px;top: 10px;min-width: 34px;padding: 3px 9px 2px;border-radius: 6px;background: rgba(4,6,9,0.84);color: var(--accent);font-weight: 800;font-size: 1rem;text-align: center;border: 1px solid rgba(74,222,128,0.4);z-index: 3}.rank::before{content: "#";opacity: 0.6;font-size: 0.8em;margin-right: 1px}.card-big .rank,.podium .card:first-child .rank{background: linear-gradient(180deg,var(--accent-2),var(--accent));color: var(--accent-ink);border-color: transparent;box-shadow: 0 0 22px var(--glow)}.card-body{display: grid;gap: 7px;padding: 11px 13px 13px}.card-name{font-size: 1.02rem;font-weight: 700;line-height: 1.25;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.card-tags,.card-stats,.card-pop{display: flex;flex-wrap: wrap;gap: 6px 10px;align-items: center;font-size: 0.88rem;margin: 0}.price{font-weight: 800}.spotlight{display: grid;grid-template-columns: minmax(0,1.6fr) minmax(0,1fr);gap: 14px;margin: 6px 0 10px}.card-big .card-art{aspect-ratio: 616 / 353}.card-big .card-body{position: absolute;left: 0;right: 0;bottom: 0;z-index: 2;padding: 90px 22px 20px;gap: 9px;background: linear-gradient(180deg,transparent,rgba(4,6,9,0.78) 42%,rgba(4,6,9,0.96))}.card-big .card-name{font-size: clamp(1.5rem,3vw,2.3rem);font-weight: 800;letter-spacing: -0.01em;white-space: normal;text-shadow: 0 2px 18px rgba(0,0,0,0.8)}.card-big .card-stats,.card-big .card-pop{font-size: 0.98rem}.card-big .meter{width: 150px;height: 9px}.spotlight-side{display: grid;gap: 10px;grid-auto-rows: 1fr}.card-row{flex-direction: row;align-items: stretch}.card-row .card-art{flex: 0 0 46%;aspect-ratio: auto;min-height: 86px}.card-row .card-art::after{content: "";position: absolute;inset: 0;background: linear-gradient(90deg,transparent 60%,var(--raised));z-index: 1}.card-row .card-body{flex: 1;min-width: 0;align-content: center}.podium{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 14px;margin: 8px 0 22px}.shelf-head{display: flex;align-items: baseline;justify-content: space-between;gap: 12px}.shelf-head a{font-size: 0.86rem;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase;white-space: nowrap;text-decoration: none}.shelf-head a::after{content: " →"}.shelf-row{display: grid;grid-auto-flow: column;grid-auto-columns: minmax(236px,1fr);gap: 14px;overflow-x: auto;padding: 8px 4px 16px;margin: 0 -4px;scroll-snap-type: x proximity}.shelf-row .card{scroll-snap-align: start}.shelf-row,.shots,.table-scroll{scrollbar-width: thin;scrollbar-color: var(--line) transparent}.filters{display: flex;flex-wrap: wrap;gap: 10px 14px;align-items: end;border: 1px solid transparent;border-radius: var(--radius);padding: 13px 15px;margin-bottom: 12px;background: linear-gradient(var(--surface),var(--surface)) padding-box,var(--edge) border-box;position: sticky;top: 68px;z-index: 10;box-shadow: 0 12px 30px rgba(0,0,0,0.45)}.filters[hidden]{display: none}.filters label{display: grid;gap: 4px;font-size: 0.7rem;font-weight: 800;color: var(--muted);text-transform: uppercase;letter-spacing: 0.1em}.filters input,.filters select{font: inherit;font-size: 0.95rem;font-weight: 500;letter-spacing: 0;text-transform: none;color: var(--ink);background: var(--bg);border: 1px solid var(--line);border-radius: 7px;padding: 7px 9px;min-width: 124px}.filters input:focus,.filters select:focus{outline: none;border-color: var(--accent);box-shadow: 0 0 0 3px var(--accent-soft)}.filters output{margin-left: auto;color: var(--accent);font-family: var(--display);font-weight: 600;font-size: 0.95rem;align-self: center}.table-scroll{overflow-x: auto;border: 1px solid var(--line);border-radius: var(--radius);background: var(--surface);box-shadow: 0 20px 50px rgba(0,0,0,0.35)}table{border-collapse: collapse;width: 100%}.games{font-size: 0.94rem;min-width: 920px}.games th,.games td{padding: 8px 11px;text-align: left;border-bottom: 1px solid rgba(34,43,58,0.7);white-space: nowrap}.games thead th{font-family: var(--display);font-size: 0.74rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.1em;color: var(--muted);background: var(--raised);user-select: none;border-bottom: 1px solid var(--line)}.games.sortable thead th{cursor: pointer}.games.sortable thead th:hover{color: var(--ink)}.games thead th[aria-sort]{color: var(--accent)}.games thead th[aria-sort="ascending"]::after{content: " ▲"}.games thead th[aria-sort="descending"]::after{content: " ▼"}.games tbody tr{transition: background 0.12s}.games tbody tr:nth-child(even){background: rgba(255,255,255,0.013)}.games tbody tr:last-child > *{border-bottom: 0}.games tbody tr:hover{background: linear-gradient(90deg,var(--accent-soft),transparent 55%);box-shadow: inset 3px 0 0 var(--accent)}.games tbody th{font-weight: 700;white-space: normal;min-width: 250px}.num{text-align: right !important;font-variant-numeric: tabular-nums}.rank-cell{color: var(--accent);font-family: var(--display);font-weight: 800}.pop-cell b{display: inline-block;min-width: 2.7em;font-family: var(--display)}.game{display: flex;align-items: center;gap: 11px;color: var(--ink);text-decoration: none}.game:hover span{color: var(--accent)}.game img{border-radius: 5px;flex: none;background: var(--line);box-shadow: 0 2px 8px rgba(0,0,0,0.5)}.banner{position: relative;margin: 14px 0 22px;border-radius: 16px;overflow: hidden;border: 1px solid transparent;background: linear-gradient(var(--surface),var(--surface)) padding-box,var(--edge) border-box;box-shadow: 0 24px 60px rgba(0,0,0,0.5)}.banner-art{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;opacity: 0.5;filter: saturate(1.15)}.banner::after{content: "";position: absolute;inset: 0;background: linear-gradient(90deg,rgba(7,9,13,0.95) 0%,rgba(7,9,13,0.7) 46%,rgba(7,9,13,0.15) 100%),linear-gradient(0deg,rgba(7,9,13,0.6),transparent 40%)}.banner-inner{position: relative;z-index: 1;display: flex;flex-wrap: wrap;gap: 26px;align-items: center;padding: 30px}.banner h1{margin: 0 0 12px;text-shadow: 0 2px 24px rgba(0,0,0,0.7)}.banner p{margin: 0 0 14px}.banner p:last-child{margin-bottom: 0}.hero{width: min(100%,400px);height: auto;border-radius: 10px;display: block;box-shadow: 0 16px 44px rgba(0,0,0,0.7),0 0 0 1px rgba(255,255,255,0.1)}.tiles{display: grid;grid-template-columns: repeat(auto-fit,minmax(150px,1fr));gap: 10px;margin: 0 0 18px}.tile{position: relative;border: 1px solid var(--line);border-radius: var(--radius);padding: 12px 15px 11px;display: grid;gap: 3px;background: linear-gradient(180deg,var(--raised),var(--surface));overflow: hidden}.tile::before{content: "";position: absolute;left: 0;top: 0;width: 26px;height: 2px;background: var(--accent);box-shadow: 0 0 12px var(--glow)}.tile > span:first-child{font-size: 0.7rem;text-transform: uppercase;letter-spacing: 0.1em;color: var(--muted);font-weight: 800}.tile b{font-size: 1.75rem;font-weight: 700;line-height: 1.15}.tile .meter{width: 100%}.shots{display: grid;grid-auto-flow: column;grid-auto-columns: minmax(280px,34%);gap: 10px;overflow-x: auto;padding-bottom: 12px;scroll-snap-type: x proximity}.shots a{scroll-snap-align: start;border-radius: 9px;overflow: hidden;border: 1px solid var(--line);display: block;background: #030507;transition: border-color 0.15s,transform 0.15s}.shots a:hover{border-color: var(--accent);transform: translateY(-2px)}.shots img{width: 100%;height: auto;display: block;aspect-ratio: 16 / 9;object-fit: cover}.cols{display: grid;grid-template-columns: minmax(0,1.5fr) minmax(290px,1fr);gap: 30px;align-items: start}.cols h2:first-child{margin-top: 22px}.facts{background: var(--surface);border: 1px solid var(--line);border-radius: var(--radius);font-size: 0.95rem;border-collapse: separate;border-spacing: 0;overflow: hidden;margin-top: 22px}.facts th,.facts td{padding: 9px 13px;text-align: left;vertical-align: top;border-bottom: 1px solid rgba(34,43,58,0.7)}.facts tr:last-child > *{border-bottom: 0}.facts th{color: var(--muted);font-weight: 600;width: 40%}.prose p,.game-page p{max-width: 72ch}.prose p,.cols p{color: var(--soft)}.prose .facts{margin: 10px 0;max-width: 860px}@media (max-width: 860px){.spotlight,.cols{grid-template-columns: 1fr}.podium{grid-template-columns: 1fr}.filters{position: static}.filters label{flex: 1 1 130px}.filters input,.filters select{width: 100%}.banner-inner{padding: 18px}.card-big .card-body{padding: 60px 14px 14px}}@media (prefers-reduced-motion: reduce){*{transition: none !important}.card:hover{transform: none}}.shelf,.table-scroll + h2 + .table-scroll,.foot{content-visibility: auto;contain-intrinsic-size: auto 600px}.games{table-layout: fixed}.c-game{width: 280px}.c-rank{width: 52px}.c-coop{width: 134px}.c-max{width: 112px}.c-dim{width: 78px}.c-price{width: 84px}.c-rating{width: 138px}.c-pop{width: 148px}.c-rel{width: 136px}.c-deck{width: 112px}.games td{overflow: hidden;text-overflow: ellipsis}.js .games.collapsed tr.more{display: none}.show-all{display: none;margin: 0;padding: 12px;text-align: center;border-top: 1px solid var(--line)}.js .games.collapsed + .show-all{display: block}.show-all button{font: inherit;font-family: var(--display);font-weight: 700;letter-spacing: 0.04em;color: var(--accent);background: var(--accent-soft);border: 1px solid rgba(74,222,128,0.35);border-radius: 8px;padding: 8px 18px;cursor: pointer}.show-all button:hover{background: rgba(74,222,128,0.24)}.byline{color: var(--muted);font-size: 0.9rem;margin: -6px 0 18px}.guide h2{margin-top: 34px}.picks{max-width: 76ch;padding-left: 22px;color: var(--soft)}.picks li{margin: 0 0 8px}.picks a,.guide-list a{font-weight: 700}.guide .table-scroll{margin: 14px 0}.guide-list{list-style: none;padding: 0;display: grid;gap: 12px;max-width: 760px}.guide-list li{background: var(--surface);border: 1px solid var(--line);border-radius: var(--radius);padding: 14px 16px}.guide-list a{display: block;font-size: 1.08rem;margin-bottom: 4px}.guide-list span{color: var(--muted);font-size: 0.95rem}