.matrix{gap:20px;display:grid}.filters,.chips{flex-wrap:wrap;gap:12px;display:flex}.filter{font:inherit;font-size:var(--t-s);cursor:pointer;color:var(--ink);background:0 0;transition:transform .12s steps(2,end)}.filter:hover{transform:translateY(calc(var(--px) * -1))}.filter.f-chipOn{color:#fff}.filter .count{opacity:.6}.games-search-box{flex:220px;min-width:0;display:flex;position:relative}.games-search-icon{left:calc(var(--px) * 3);pointer-events:none;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.games-search{min-width:0;font:inherit;font-size:var(--t-s);color:var(--ink);padding:calc(var(--px) * 1) calc(var(--px) * 2) calc(var(--px) * 1) calc(var(--px) * 10);background:0 0;outline:none;flex:1}.games-search::placeholder{color:#a8a6b6}.games-search:focus-visible{outline:var(--px) dashed var(--red);outline-offset:var(--px)}.games-none{padding:14px calc(var(--px) * 5)}.games-none[hidden]{display:none}.table{filter:var(--hard-shadow);padding:calc(var(--px) * 2) 0}.tr{padding:10px calc(var(--px) * 5);grid-template-columns:minmax(0,1fr) repeat(6,76px);align-items:center;display:grid}.tr.head{border-bottom:var(--px) solid var(--ink);padding-bottom:12px}.tr.row+.tr.row{border-top:var(--px) solid #ecebf2}.tr.row{transition:background .1s step-end}.tr.row:hover{background:#fff7d6}.tr.row[hidden]{display:none}.js .tr.row.pop{animation:.3s steps(3,end) both rowin;animation-delay:calc(var(--n,0) * 25ms)}@keyframes rowin{0%{opacity:0;transform:translateX(calc(var(--px) * -6))}to{opacity:1;transform:none}}.cell{justify-items:center;gap:4px;display:grid}.col-label{color:var(--ink-2)}.game-col{gap:2px;min-width:0;display:grid}.g-name{font:inherit;font-size:var(--t-m);text-shadow:var(--bold);letter-spacing:.0625em;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;display:inline-flex}.g-name:focus-visible{outline:var(--px) dashed var(--red);outline-offset:var(--px)}.g-more{opacity:0;transition:opacity .1s step-end;display:inline-flex}.tr.row{cursor:pointer}.tr.row:hover .g-more,.g-name:focus-visible .g-more{opacity:1}html:has(.game-sheet[open]){overflow:hidden}.game-sheet{width:min(780px,100% - 24px);max-height:88vh;color:var(--ink);background:0 0;border:0;padding:0;overflow:visible}.game-sheet::backdrop{background:#1d1b268c}.game-sheet[open]{animation:open .3s var(--step)}.sheet{filter:var(--hard-shadow);padding:calc(var(--px) * 7);overscroll-behavior:contain;gap:12px;max-height:88vh;display:grid;overflow:auto}.sheet-head{top:calc(var(--px) * -7);z-index:1;margin:calc(var(--px) * -7) calc(var(--px) * -2) 0;padding:calc(var(--px) * 7) calc(var(--px) * 2) 10px;border-bottom:var(--px) solid #ecebf2;background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px 16px;display:flex;position:sticky}@media (width<=760px){.sheet-head{top:calc(var(--px) * -5);margin-top:calc(var(--px) * -5);padding-top:calc(var(--px) * 5)}}.sheet-name{font-size:var(--t-l);text-shadow:var(--bold);letter-spacing:.0625em;line-height:1.1}.sheet-body{gap:14px;display:grid}.sheet-scroll{overflow-x:auto}.feats{border-collapse:collapse;width:100%;font-size:var(--t-s)}.feats th,.feats td{text-align:left;vertical-align:middle;padding:3px 8px}.feats thead th{color:var(--ink-2);border-bottom:var(--px) solid var(--ink);font-weight:400}.feats thead th.v{text-align:center;font-size:var(--t-xs);min-width:72px;padding-bottom:6px;line-height:1.2}.feats tbody tr+tr td,.feats tbody tr+tr th{border-top:var(--px) solid #ecebf2}.feats .group th{color:var(--red);text-shadow:var(--bold);letter-spacing:.0625em;padding-top:10px;border-top:0!important}.feats .f-name{text-shadow:var(--bold);letter-spacing:.0625em}.feats .f-what{color:var(--muted);font-size:var(--t-xs);max-width:46ch;line-height:1.2;display:block}.feats td.c{text-align:center}.feats td.c .pixel{vertical-align:middle}.na{color:var(--muted);font-size:var(--t-xs)}@media (width<=760px){.game-sheet{width:calc(100% - 16px);max-height:92vh}.sheet{padding:calc(var(--px) * 5);max-height:92vh}.feats thead th.v{min-width:64px}.feats th[scope=row],.feats th[scope=rowgroup]{z-index:0;background:#fff;min-width:56vw;position:sticky;left:0}}.g-meta{color:var(--muted)}.kind{color:var(--ink);margin-right:6px}.k-retail{color:var(--blue)}.k-hack{color:var(--red)}.k-gb{color:var(--green)}.k-ds{color:var(--ink-2)}.legend{flex-wrap:wrap;gap:24px;display:flex}.legend span{align-items:center;gap:8px;display:inline-flex}.notes{max-width:90ch}@media (width<=760px){.tr{padding:8px calc(var(--px) * 3);grid-template-columns:minmax(0,1fr) repeat(6,30px)}.col-label{display:none}}.romcheck{gap:28px;display:grid}.drop{text-align:center;cursor:pointer;padding:calc(var(--px) * 12) calc(var(--px) * 6);filter:var(--hard-shadow);justify-items:center;gap:8px;transition:transform .15s steps(2,end);display:grid;position:relative}.drop:after{content:"";inset:calc(var(--px) * 3);outline:var(--px) dashed #c9c6d6;outline-offset:0;pointer-events:none;position:absolute}.drop:hover,.drop.over{transform:translateY(calc(var(--px) * -2))}.drop.over:after{outline-color:var(--red)}.drop-art{transform-origin:50% 90%;animation:2.4s step-end infinite wobble}.drop.busy .drop-art{animation-duration:.7s}@keyframes wobble{0%,55%,to{transform:rotate(0)}62%{transform:rotate(-15deg)}70%{transform:rotate(15deg)}78%{transform:rotate(-8deg)}86%{transform:rotate(0)}}.drop-title{font-size:var(--t-l);text-shadow:var(--bold);letter-spacing:.0625em;margin-top:8px}.drop-lock{color:var(--green);align-items:center;gap:8px;margin-top:12px;display:inline-flex}.result{padding:calc(var(--px) * 2) calc(var(--px) * 3);color:#575656;text-shadow:var(--px) var(--px) 0 #c8c7bf}.result.in{animation:open .42s var(--step) forwards}.verdict{font-size:var(--t-l);align-items:center;gap:16px;margin-bottom:8px;display:flex}.verdict .stamp{text-shadow:none;padding:0 12px}.rows{font-size:var(--t-m);grid-template-columns:max-content minmax(0,1fr);gap:2px 24px;margin:8px 0 16px;display:grid}.rows dt{color:#575656}.rows dd{color:#cb0707;text-shadow:var(--px) var(--px) 0 #e0a564;overflow-wrap:anywhere;margin:0}.rows dd.plain{color:#8c8c94;text-shadow:none}.message{color:#3c3b45;text-shadow:none;margin-bottom:8px}[data-actions]{flex-wrap:wrap;gap:16px;display:flex}@media (width<=760px){.rows{grid-template-columns:1fr;gap:0}.rows dd{margin-bottom:6px}}
