:root{color:#e8edf3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;font-optical-sizing:auto;--bg:#080c12;--panel:#0e141d;--panel-raised:#111a25;--line:#202b38;--line-soft:#18222e;--text:#e8edf3;--muted:#7e8b9b;--faint:#536174;--lime:#b8f36b;--cyan:#70d9f5;background:#080c12;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400}*{box-sizing:border-box}html{background:var(--bg);min-width:360px}body{background:radial-gradient(at 50% -35%,#142436 0,#080c12 55%);min-width:360px;min-height:100vh;margin:0}button,input,select{font:inherit}button{color:inherit}.app-shell{max-width:1440px;margin:0 auto;padding:0 68px;overflow:hidden}.topbar{border-bottom:1px solid var(--line-soft);z-index:1;justify-content:space-between;align-items:center;height:76px;display:flex;position:relative}.brand{color:var(--text);align-items:center;gap:11px;text-decoration:none;display:inline-flex}.brand-mark{width:34px;height:34px;color:var(--lime);background:linear-gradient(145deg,#1d3027,#101a20);border:1px solid #3e5942;border-radius:10px;place-items:center;display:grid;box-shadow:0 0 22px #a8ef5d12}.brand-name{letter-spacing:1.35px;font-size:11px;font-weight:800}.brand-name span{color:#7f8da0;margin-left:4px;font-weight:600}.topbar-meta{color:#8794a5;letter-spacing:1.2px;align-items:center;gap:9px;font:500 9px ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.status-dot,.live-dot{background:var(--lime);border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 10px #b8f36b99}.meta-divider{color:#445166;margin:0 3px}.hero{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;min-height:310px;padding:43px 6.5% 48px;display:flex;position:relative;overflow:hidden}.hero-copy,.progress-card{z-index:1;position:relative}.eyebrow{color:#8291a3;letter-spacing:1.45px;align-items:center;gap:9px;font:600 9px ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.eyebrow-mark{color:var(--lime);font-size:9px}h1{letter-spacing:-2.8px;max-width:650px;margin:20px 0 13px;font-size:clamp(39px,5vw,64px);font-weight:680;line-height:.99}h1 span{color:#93a3b6;font-weight:450}.hero-copy p{color:#8491a1;margin:0;font-size:13px;line-height:1.6}.progress-card{background:linear-gradient(145deg,#111a25ee,#0b1119f2);border:1px solid #293645;border-radius:12px;flex:0 0 260px;width:260px;padding:20px 21px 18px;box-shadow:0 20px 55px #0005,inset 0 1px #ffffff08}.progress-card-top{color:#8b98a9;letter-spacing:1px;align-items:center;gap:7px;font:600 8px ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.live-dot{width:5px;height:5px;margin-left:auto}.progress-number{letter-spacing:-3px;margin:20px 0 13px;font-size:53px;font-weight:650;line-height:1}.progress-number span{color:var(--lime);vertical-align:top;letter-spacing:0;margin-left:3px;font-size:22px}.progress-track{background:#26313d;border-radius:8px;height:5px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg, #7bc83e, var(--lime));height:100%;transition:width .25s;display:block;box-shadow:0 0 14px #b8f36b66}.progress-caption{color:#8592a2;justify-content:space-between;margin-top:10px;font-size:9px;display:flex}.hero-orbit{pointer-events:none;border:1px solid #3242542a;border-radius:50%;position:absolute}.orbit-one{width:390px;height:390px;top:-45%;right:26%}.orbit-two{width:540px;height:540px;top:-70%;right:20%}.stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;padding:20px 0 53px;display:grid}.stat-card{border:1px solid var(--line);background:linear-gradient(145deg,#101720,#0c121a);border-radius:9px;flex-direction:column;justify-content:space-between;min-height:118px;padding:15px 17px 13px;display:flex}.stat-label,.stat-foot{color:#8190a1;letter-spacing:1px;font:600 8px ui-monospace,SFMono-Regular,Menlo,monospace}.stat-card>strong{color:#e8edf3;letter-spacing:-.8px;margin:9px 0 7px;font-size:28px;font-weight:630;line-height:1}.stat-foot{color:#596778;font-size:7px}.stat-accent{color:var(--lime);margin-right:5px;font-size:7px}.category-stats{padding-right:13px}.category-counts{gap:17px;margin:7px 0 10px;display:flex}.category-counts>span{color:#aeb8c5;letter-spacing:.35px;align-items:center;gap:6px;font:600 8px ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-flex}.category-counts strong{color:var(--text);letter-spacing:0;font-size:13px}.category-dot{border-radius:50%;width:6px;height:6px}.aaa-dot{background:var(--cyan);box-shadow:0 0 9px #70d9f566}.indie-dot{background:var(--lime);box-shadow:0 0 9px #b8f36b66}.archive-section{padding-bottom:35px}.archive-heading{justify-content:space-between;align-items:end;margin-bottom:22px;display:flex}.archive-heading h2{letter-spacing:-.8px;margin:11px 0 0;font-size:25px;font-weight:620;line-height:1}.heading-count{color:#92a0b1;vertical-align:4px;border:1px solid #293746;border-radius:5px;place-items:center;min-width:28px;height:19px;margin-left:9px;padding:0 6px;font:600 9px ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-grid}.archive-caption{color:#768497;text-align:right;letter-spacing:.9px;font:600 8px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace}.archive-caption span{color:#4f5e70}.toolbar{border:1px solid var(--line);background:#0f161f;border-bottom:0;border-radius:10px 10px 0 0;justify-content:space-between;align-items:center;gap:18px;min-height:58px;padding:10px 12px;display:flex}.category-filter{align-items:center;gap:3px;display:flex}.category-option{color:#8290a1;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;height:31px;padding:0 11px;font-size:10px;font-weight:600;transition:all .15s;display:inline-flex}.category-option:hover{color:#d4dce5;background:#ffffff08}.category-option.active{color:#e5ecf3;background:#1a2531;border-color:#344252;box-shadow:inset 0 1px #ffffff08}.option-count{color:#8d9aaa;font:9px ui-monospace,SFMono-Regular,Menlo,monospace}.filter-controls{align-items:center;gap:8px;display:flex}.search-control,.year-control{color:#8290a1;background:#0a1017;border:1px solid #293542;border-radius:6px;align-items:center;gap:8px;height:33px;padding:0 10px;display:flex}.search-control{width:200px}.search-control input{color:#e3eaf1;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:10px}.search-control input::placeholder{color:#596777}.year-control select{appearance:none;color:#b2bdc9;cursor:pointer;background:0 0;border:0;outline:0;max-width:100px;font-size:10px}.year-control select option{color:#e8edf3;background:#101720}.table-frame{border:1px solid var(--line);background:#0c1219;border-radius:0 0 10px 10px;overflow:hidden}.table-scroll{scrollbar-color:#344252 #101720;scrollbar-width:thin;overflow-x:auto}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%;min-width:1020px}thead{background:#111923;height:41px}th{border-bottom:1px solid var(--line);color:#748397;letter-spacing:.9px;font:600 8px ui-monospace,SFMono-Regular,Menlo,monospace}td,th{padding:0 14px}th:first-child,td:first-child{width:48px;padding-left:17px;padding-right:3px}.sort-heading{color:inherit;font:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:8px 0;display:inline-flex}.sort-heading:hover{color:#dce5ee}.sort-heading svg{color:#4d5b6c}.sort-heading svg.sort-active{color:var(--lime)}tbody tr{border-bottom:1px solid #19232e;height:50px;transition:background .12s}tbody tr:hover{background:#121c27}tbody tr:last-child{border-bottom:0}td{color:#aab5c2;font-size:10px}.completion-checkbox{vertical-align:middle;width:15px;height:15px;accent-color:var(--lime);cursor:pointer;margin:0}.year-cell{color:#8392a3;font:10px ui-monospace,SFMono-Regular,Menlo,monospace}.game-cell{color:#dfe6ee;align-items:center;gap:9px;font-weight:570;display:flex}.category-tag{letter-spacing:.6px;border:1px solid;border-radius:4px;align-items:center;padding:3px 6px;font:600 7px ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-flex}.tag-aaa{color:#80cce1;background:#70d9f50a;border-color:#70d9f52b}.tag-indie{color:#b4d985;background:#b8f36b09;border-color:#b8f36b29}.empty-value{color:#536173}.review-tag{color:#ffca72;letter-spacing:.06em;white-space:nowrap;border:1px solid #72592f;border-radius:4px;padding:2px 5px;font:600 8px ui-monospace,SFMono-Regular,Menlo,monospace}.data-notice{color:#aebdca;background:#151e28;border:1px solid #344251;border-radius:8px;margin:14px 0;padding:10px 14px;font-size:12px}.status-dot-offline{background:#e6a95d!important;box-shadow:0 0 9px #e6a95d!important}.stale-label{color:#e6a95d;font-size:8px}.score-pill{min-width:24px;height:22px;color:var(--lime);background:#b8f36b0d;border:1px solid #b8f36b40;border-radius:5px;place-items:center;padding:0 5px;font:600 10px ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-grid}.steam-link{color:var(--cyan);letter-spacing:.7px;align-items:center;gap:5px;font:600 8px ui-monospace,SFMono-Regular,Menlo,monospace;text-decoration:none;display:inline-flex}.steam-link:hover{color:#b0edff;text-decoration:underline}.price-region{color:#4f7182;letter-spacing:.35px;margin-left:4px;font-size:7px}.steam-price{color:#e4ebf2;flex-direction:column;gap:3px;font:600 10px ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-flex}.sale-details{color:#8793a2;align-items:center;gap:6px;font-size:8px;display:inline-flex}.sale-details s{color:#647284;font-weight:400}.sale-details b{color:var(--lime);font-size:7px;font-weight:700}.price-unavailable{color:#718092;align-items:center;gap:6px;font:600 9px ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-flex}.price-unavailable small{color:#d8a76e;letter-spacing:.4px;font-size:7px}.completed-row .game-cell>span:first-child{color:#758191;text-decoration:line-through}.completed-row .category-tag{opacity:.55}.empty-state{color:#69798c;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:210px;display:flex}.empty-state strong{color:#b4bfcb;font-size:12px}.empty-state span{font-size:10px}.table-footer{border-top:1px solid var(--line-soft);color:#718094;letter-spacing:.85px;justify-content:space-between;align-items:center;gap:12px;min-height:39px;padding:0 16px;font:600 7px ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.table-footer strong{color:#c4ced8}.table-footer span:last-child{align-items:center;gap:6px;display:inline-flex}.table-footer svg{color:var(--lime)}.footer{border-top:1px solid var(--line-soft);color:#637184;letter-spacing:.9px;justify-content:space-between;align-items:center;min-height:64px;font:600 8px ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.footer-separator{color:#334153;margin:0 6px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1000px){.app-shell{padding:0 34px}.hero{padding-left:4%;padding-right:4%}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:43px}.category-counts{gap:25px}}@media (width<=680px){.app-shell{padding:0 18px}.topbar{height:64px}.topbar-meta{letter-spacing:.7px;gap:6px;font-size:7px}.hero{min-height:unset;padding:42px 2px 28px;display:block}h1{letter-spacing:-2px;margin-top:17px;font-size:clamp(38px,11vw,54px)}.hero-copy p{max-width:320px;font-size:11px}.progress-card{width:100%;margin-top:27px;padding:16px 17px}.progress-number{margin:14px 0 10px;font-size:43px}.orbit-one{top:-8%;right:-48%}.orbit-two{top:-20%;right:-65%}.stats-grid{gap:8px;padding:14px 0 38px}.stat-card{min-height:104px;padding:12px}.stat-card>strong{font-size:25px}.category-stats{padding-right:8px}.category-counts{flex-direction:column;align-items:flex-start;gap:8px;margin:4px 0}.category-counts>span{font-size:7px}.category-counts strong{font-size:11px}.archive-heading{align-items:end;margin-bottom:17px}.archive-heading h2{font-size:22px}.archive-caption{font-size:6px}.toolbar{flex-direction:column;align-items:stretch;gap:10px;padding:10px}.category-filter{overflow-x:auto}.category-option{height:29px;padding:0 9px;font-size:9px}.filter-controls{width:100%}.search-control{flex:1;width:auto}.year-control{flex:none}.table-footer{letter-spacing:.55px;padding:0 10px;font-size:6px}.footer{letter-spacing:.6px;min-height:55px;font-size:6px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
