*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0d0d0d;--bg2:#141414;--bg3:#1c1c1c;--bg-row-alt:#111;--border:#2a2a2a;--green:#76b900;--green-dim:#4a7300;--text:#e0e0e0;--text-dim:#888;--blue:#4ea8de;--purple:#a78bfa;--pad:24px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}html{scrollbar-color:#333 var(--bg);height:100%}#root{display:contents}body{background:var(--bg);color:var(--text);flex-direction:column;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;display:flex;overflow:hidden}.top-bar{background:var(--bg2);border-bottom:1px solid var(--border);z-index:100;flex-shrink:0}header{padding:12px var(--pad);justify-content:space-between;align-items:center;gap:16px;display:flex}header h1{color:var(--green);letter-spacing:-.5px;margin:0;font-size:36px;font-weight:700}.header-left{flex-wrap:wrap;align-items:baseline;gap:16px;display:flex}.subtitle{color:var(--text-dim);font-size:15px}.header-actions{flex-shrink:1;align-items:center;gap:6px;min-width:0;display:flex}.loading{color:var(--text-dim);flex:1;justify-content:center;align-items:center;font-size:15px;display:flex}.spinner{border:2px solid var(--border);border-top-color:var(--green);vertical-align:middle;border-radius:50%;width:20px;height:20px;margin-right:8px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.error-page{color:#d44;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.error-page code{background:var(--bg3);border-radius:3px;padding:2px 6px}.error-detail{color:var(--text-dim);font-size:12px}select{cursor:pointer}.btn-clear{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;white-space:nowrap;background:0 0;border-radius:5px;padding:6px 14px;font-size:15px;transition:all .15s}.btn-clear:hover{border-color:var(--text-dim);color:var(--text)}.col-toggle{position:relative}.btn-columns{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;white-space:nowrap;background:0 0;border-radius:5px;align-items:center;gap:6px;padding:6px 14px;font-size:15px;transition:all .15s;display:flex}.btn-columns:hover{border-color:var(--text-dim);color:var(--text)}.col-badge{background:var(--green-dim);color:var(--green);border-radius:3px;padding:2px 6px;font-size:12px;font-weight:600}.col-dropdown{background:var(--bg3);border:1px solid var(--border);z-index:200;border-radius:6px;min-width:160px;padding:6px 0;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 8px 24px #00000080}.col-option{cursor:pointer;color:var(--text);white-space:nowrap;align-items:center;gap:8px;padding:10px 14px;font-size:15px;transition:background .1s;display:flex}.col-option:hover{background:var(--bg2)}.col-option[data-tip]:after{margin-bottom:0;margin-right:8px;inset:50% 100% auto auto;transform:translateY(-50%)}.col-option input[type=checkbox]{accent-color:var(--green);cursor:pointer}.col-option input[type=checkbox]:disabled{opacity:.3;cursor:default}.stats-bar{height:44px;padding:0 var(--pad);color:var(--text-dim);background:var(--bg2);border-top:1px solid var(--border);flex-shrink:0;justify-content:center;align-items:center;gap:12px;font-size:15px;display:flex;position:relative}.stats-bar .hl{color:var(--green);font-weight:600}.table-wrap{flex:1;min-height:0;overflow:auto}thead th:first-child,td:first-child{padding-left:12px}thead th:last-child,td:last-child{padding-right:12px}table{border-collapse:separate;border-spacing:0;table-layout:auto;width:100%;overflow:clip}thead th,td{min-width:0!important}thead th{background:var(--bg2);text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);border-right:1px solid var(--border);-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:20;vertical-align:top;border-bottom:2px solid var(--green-dim);padding:8px 14px 10px;font-size:15px;font-weight:600;position:sticky;top:0}thead th:last-child{border-right:none}thead th:first-child{z-index:50;position:sticky;left:0}thead th.sorted{color:var(--green)}thead th:hover,thead th:focus-within{z-index:40}thead th:first-child:hover,thead th:first-child:focus-within{z-index:50}td:first-child{background:var(--bg);z-index:45;position:sticky;left:0;box-shadow:4px 0 8px #0009}td:first-child:after,thead th:first-child:after{content:"";background:var(--green-dim);width:2px;height:calc(100% + 2px);position:absolute;top:-1px;right:0}tbody tr:nth-child(2n) td:first-child{background:var(--bg-row-alt)}tbody tr:hover td:first-child{background:#1a2200}.th-label{cursor:pointer;outline:none;align-items:center;padding:2px 0 4px;display:flex}.th-label:focus-visible{outline:1px solid var(--green);outline-offset:2px;border-radius:3px}.th-label:hover{color:var(--text)}.th-label:hover .si-off{opacity:.45}thead th .si{flex-direction:column;align-items:center;gap:2px;margin-right:5px;display:inline-flex}.si-up,.si-down{border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0}.si-up{border-bottom:6px solid}.si-down{border-top:6px solid}.si-up.si-on{border-bottom-color:var(--green)}.si-up.si-off{border-bottom-color:var(--text-dim);opacity:.25}.si-down.si-on{border-top-color:var(--green)}.si-down.si-off{border-top-color:var(--text-dim);opacity:.25}.th-filter-input,.th-filter-select{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:4px;outline:none;width:100%;padding:4px 6px;font-size:15px;transition:border-color .15s;display:block}.th-filter-input:focus,.th-filter-select:focus{border-color:var(--green)}.th-filter-select{cursor:pointer}tbody tr{transition:background .1s}tbody td{border-bottom:1px solid var(--border)}tbody tr:nth-child(2n){background:var(--bg-row-alt)}tbody tr:hover{background:#1a2200}td{vertical-align:middle;white-space:nowrap;border-right:1px solid var(--border);padding:8px 14px}td:last-child{border-right:none}td.nc{font-weight:500}td.clickable{cursor:pointer}td.clickable:hover{background:#76b9000d}td.nc a{color:var(--text);align-items:center;gap:6px;text-decoration:none;transition:color .1s;display:flex}.game-thumb{object-fit:contain;border-radius:3px;flex-shrink:0;width:72px;height:27px;margin:-4px 0}.game-thumb-ph{background:var(--bg3);width:72px;height:27px;color:var(--text-dim);border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;margin:-4px 0;font-size:12px;display:inline-flex}td.nc a:hover{color:var(--green)}.badge{letter-spacing:.3px;white-space:nowrap;border-radius:4px;padding:3px 8px;font-size:12px;font-weight:700;display:inline-block}.b6x{color:var(--blue);background:#024;border:1px solid #2a5a8a}.b4x{color:var(--green);border:1px solid var(--green-dim);background:#1a3a00}.b2x{color:#ca4;background:#2a2000;border:1px solid #6a5a22}.bnvt{color:var(--purple);background:#2a1a4a;border:1px solid #5a3a8a}.bnvu{color:#7db8d8;background:#1a2a3a;border:1px solid #3a5a7a}.byes{color:#8c8;background:#1a2a1a;border:1px solid #3a6a3a}.bpt{color:#fa4;background:#3a1a00;border:1px solid #7a4a00}.sop{color:#4d4;background:#030;border:1px solid #262}.svp{color:#8c8;background:#020;border:1px solid #363}.sps{color:#9b7;background:#1a2a0a;border:1px solid #3a6a3a}.smp{color:#ab6;background:#1a2a00;border:1px solid #4a5a22}.smx{color:#ca4;background:#2a2000;border:1px solid #6a5a22}.smn{color:#d84;background:#2a1000;border:1px solid #6a3311}.svn{color:#d44;background:#2a0000;border:1px solid #6a2222}.sc{align-items:center;gap:5px;display:inline-flex}.sp{color:var(--text-dim);font-size:12px}.mc-good{color:#4d4;background:#030;border:1px solid #262}.mc-mixed{color:#ca4;background:#2a2000;border:1px solid #6a5a22}.mc-bad{color:#d44;background:#2a0000;border:1px solid #6a2222}.upscaling-badges{justify-content:center;gap:4px;display:flex}.bfsr{color:#ed1c24;background:#2a0800;border:1px solid #6a1a1a}.bxess{color:var(--blue);background:#024;border:1px solid #2a5a8a}.hltb-cell{cursor:default}.hltb-main{color:var(--green);font-size:15px;font-weight:600}.empty{color:#444}.no-results{text-align:center;color:var(--text-dim);padding:60px;font-size:15px}[data-tip]{position:relative}[data-tip]:after{content:attr(data-tip);background:var(--bg3);color:var(--text);border:1px solid var(--border);text-transform:none;letter-spacing:0;white-space:pre-line;word-break:break-word;pointer-events:none;opacity:0;z-index:500;text-align:left;border-radius:5px;width:max-content;max-width:500px;padding:6px 10px;font-size:12px;font-weight:400;line-height:1.5;transition:opacity .12s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0009}[data-tip]:hover:after,[data-tip]:focus:after{opacity:1}thead [data-tip]{position:static}thead [data-tip]:after{top:calc(100% + 6px);bottom:auto;left:0;transform:none}td [data-tip]:after{left:0!important;transform:none!important}td:last-child [data-tip]:after,th:last-child [data-tip]:after{left:auto;right:0;transform:none}.th-info{color:var(--text-dim);opacity:.5;cursor:help;vertical-align:middle;border-radius:50%;outline:none;margin-left:6px;font-size:12px;transition:opacity .15s}.th-info:hover,.th-info:focus{opacity:1;color:var(--green)}.copyright{color:var(--text-dim);font-size:11px;position:absolute;right:8px}.donate-btn{opacity:.6;filter:brightness(.6);width:26px;text-decoration:none;transition:opacity .2s,filter .2s;position:absolute;left:8px}.donate-btn:hover{opacity:1;filter:brightness()}.donate-btn img{width:100%;display:block}.donate-tooltip{background:var(--bg3);color:var(--text);border:1px solid var(--border);text-align:center;white-space:nowrap;border-radius:8px;margin-bottom:4px;padding:4px 8px;font-size:11px;display:none;position:absolute;bottom:100%;left:0}.donate-btn:hover .donate-tooltip{display:block}@media (width<=800px){:root{--pad:8px}header h1{flex-shrink:0;font-size:18px}header{gap:8px}.subtitle{display:none}.btn-clear,.btn-columns{text-overflow:ellipsis;flex-shrink:1;min-width:0;padding:4px 8px;font-size:12px;overflow:hidden}.stats-bar{gap:8px;font-size:12px}body{font-size:15px}td,thead th{letter-spacing:.3px;padding:4px 6px;font-size:15px}.badge{padding:3px 6px;font-size:15px}.sp,.hltb-main,.th-filter-input,.th-filter-select{font-size:15px}.sc{flex-direction:column;align-items:center;gap:2px}.sc .badge{font-size:12px}td:not(:first-child){text-align:center}.game-thumb{object-fit:contain;width:100%;height:auto;margin:0}.game-thumb-ph{aspect-ratio:120/56;width:100%;height:auto;font-size:10px}td:first-child,thead th:first-child{width:120px;max-width:120px;padding:6px}td.nc a{flex-direction:column;align-items:center;gap:2px}.game-name{text-overflow:ellipsis;white-space:nowrap;max-width:100px;font-size:10px;overflow:hidden}}