:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-card:#16161f;--bg-card-hover:#1c1c28;--border:#2a2a3a;--border-hover:#3a3a4f;--text-primary:#e8e8ef;--text-secondary:#9898a8;--text-muted:#58586a;--accent:#6366f1;--accent-hover:#818cf8;--grade-s:gold;--grade-a:#22c55e;--grade-b:#06b6d4;--grade-c:#f59e0b;--grade-d:#ef4444;--grade-f:#991b1b;--radius:8px;--radius-lg:12px;--font-mono:"JetBrains Mono", "Fira Code", monospace;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased}body{min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}.container{max-width:1140px;margin:0 auto;padding:0 1.5rem}.header{z-index:100;backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#0a0a0fe6;padding:.7rem 0;position:sticky;top:0}.header .container{justify-content:space-between;align-items:center;display:flex}.logo{font-family:var(--font-mono);color:var(--text-primary);font-size:1.15rem;font-weight:700}.logo span{color:var(--accent)}.nav{align-items:center;gap:1.5rem;display:flex}.nav a{color:var(--text-secondary);font-size:.82rem;transition:color .2s}.nav a:hover{color:var(--text-primary)}.hero{text-align:center;padding:2.5rem 0 1rem}.hero h1{letter-spacing:-1px;margin-bottom:.4rem;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800}.hero h1 span{background:linear-gradient(135deg, var(--accent), #a78bfa);-webkit-text-fill-color:transparent;background-clip:text}.hero p{color:var(--text-secondary);max-width:480px;margin:0 auto;font-size:.95rem}.section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem;font-size:1rem;font-weight:700}.anticipated-row{scrollbar-width:thin;scrollbar-color:var(--border) transparent;gap:.75rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.antic-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);width:200px;color:inherit;flex-shrink:0;text-decoration:none;transition:all .15s;overflow:hidden}.antic-card:hover{border-color:var(--border-hover);transform:translateY(-1px)}.antic-img-wrap{position:relative}.antic-card img{object-fit:cover;width:100%;height:93px;display:block}.antic-grade{width:28px;height:28px;font-family:var(--font-mono);color:var(--text-muted);backdrop-filter:blur(4px);background:#0009;border-radius:6px;justify-content:center;align-items:center;font-size:.85rem;font-weight:800;display:flex;position:absolute;top:6px;right:6px}.antic-grade.ag-s{background:var(--grade-s);color:#000}.antic-grade.ag-a{background:var(--grade-a);color:#000}.antic-grade.ag-b{background:var(--grade-b);color:#000}.antic-grade.ag-c{background:var(--grade-c);color:#000}.antic-grade.ag-d{background:var(--grade-d);color:#fff}.antic-grade.ag-f{background:var(--grade-f);color:#fff}.antic-info{padding:.5rem .6rem}.antic-name{white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-weight:600;overflow:hidden}.antic-date{color:var(--text-muted);margin-top:.15rem;font-size:.65rem}.search-row{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.search-input{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);outline:none;flex:1;padding:.55rem .9rem;font-size:.85rem;transition:border-color .15s}.search-input:focus{border-color:var(--accent)}.search-input::placeholder{color:var(--text-muted)}.game-count{color:var(--text-muted);font-size:.72rem;font-family:var(--font-mono);white-space:nowrap}.grade-summary{flex-wrap:wrap;justify-content:center;gap:.4rem;margin-bottom:.75rem;display:flex}.grade-pill{font-size:.72rem;font-weight:700;font-family:var(--font-mono);cursor:pointer;opacity:.65;border:1px solid #0000;border-radius:6px;padding:.3rem .65rem;transition:all .15s}.grade-pill:hover,.grade-pill.active{opacity:1}.grade-pill .gc{opacity:.7;font-weight:400}.grade-pill.gp-all{background:var(--bg-card);border-color:var(--border);color:var(--text-secondary)}.grade-pill.gp-s{color:var(--grade-s);background:#ffd7001f;border-color:#ffd70040}.grade-pill.gp-a{color:var(--grade-a);background:#22c55e1f;border-color:#22c55e40}.grade-pill.gp-b{color:var(--grade-b);background:#06b6d41f;border-color:#06b6d440}.grade-pill.gp-c{color:var(--grade-c);background:#f59e0b1f;border-color:#f59e0b40}.grade-pill.gp-d{color:var(--grade-d);background:#ef44441f;border-color:#ef444440}.grade-pill.gp-f{color:var(--grade-f);background:#991b1b1f;border-color:#991b1b40}.filter-bar{flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;display:flex}.filter-pill{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:20px;padding:.28rem .7rem;font-size:.72rem;transition:all .15s}.filter-pill:hover{border-color:var(--border-hover);color:var(--text-primary)}.filter-pill.active{background:var(--accent);border-color:var(--accent);color:#fff}.game-list{flex-direction:column;gap:1px;display:flex}.game-row{background:var(--bg-card);border-radius:var(--radius);color:inherit;border:1px solid #0000;align-items:center;gap:.75rem;padding:.55rem .85rem;text-decoration:none;transition:all .12s;display:flex}.game-row:hover{background:var(--bg-card-hover);border-color:var(--border)}.game-row-grade{background:var(--border);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:background .3s;display:flex}.game-row-grade .grade-letter{font-family:var(--font-mono);color:var(--text-muted);font-size:1rem;font-weight:800}.game-row-grade.gr-s{background:var(--grade-s)}.game-row-grade.gr-s .grade-letter{color:#000}.game-row-grade.gr-a{background:var(--grade-a)}.game-row-grade.gr-a .grade-letter{color:#000}.game-row-grade.gr-b{background:var(--grade-b)}.game-row-grade.gr-b .grade-letter{color:#000}.game-row-grade.gr-c{background:var(--grade-c)}.game-row-grade.gr-c .grade-letter{color:#000}.game-row-grade.gr-d{background:var(--grade-d)}.game-row-grade.gr-d .grade-letter{color:#fff}.game-row-grade.gr-f{background:var(--grade-f)}.game-row-grade.gr-f .grade-letter{color:#fff}.game-row-thumb{background:var(--bg-secondary);border-radius:5px;flex-shrink:0;width:96px;height:45px;overflow:hidden}.game-row-thumb img{object-fit:cover;width:100%;height:100%;display:block}.game-row-info{flex:1;min-width:0}.game-row-name{white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;overflow:hidden}.game-row-sub{color:var(--text-muted);gap:.6rem;margin-top:.1rem;font-size:.7rem;display:flex}.game-row-players{font-family:var(--font-mono);color:var(--text-secondary)}.game-row-specs{flex-shrink:0;gap:.3rem;display:flex}.spec-pill{background:var(--bg-secondary);font-size:.65rem;font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap;border-radius:4px;padding:.15rem .45rem}.game-row-price{text-align:right;flex-shrink:0;min-width:50px}.price-tag{font-family:var(--font-mono);color:var(--text-secondary);font-size:.75rem}.price-free{font-family:var(--font-mono);color:var(--grade-a);background:#22c55e1a;border-radius:4px;padding:.15rem .45rem;font-size:.72rem;font-weight:600}.reqs-table .pass{color:var(--grade-a);font-weight:700}.reqs-table .fail{color:var(--grade-d);font-weight:700}.reqs-table .tight{color:var(--grade-c);font-weight:700}.footer{border-top:1px solid var(--border);color:var(--text-muted);margin-top:3rem;padding:2rem 0;font-size:.72rem;line-height:1.6}.footer-disclaimer{text-align:center;max-width:700px;margin:0 auto 1rem}.footer-disclaimer p{margin-bottom:.4rem}.footer-links{justify-content:center;gap:1.5rem;margin-bottom:.75rem;display:flex}.footer-links a{color:var(--text-secondary);font-size:.75rem}.footer-links a:hover{color:var(--text-primary)}.footer-credits{text-align:center;color:var(--text-muted);font-size:.7rem}.footer-credits a{color:var(--text-secondary)}@media (width<=1024px){.container{max-width:100%}.game-row-specs .spec-pill:nth-child(3){display:none}}@media (width<=768px){.hero{padding:1.5rem 0 .75rem}.hero h1{font-size:1.6rem}.nav a{padding:.4rem .5rem;font-size:.8rem}.game-row-specs,.game-row-price{display:none}.game-row-thumb{width:64px;height:30px}.anticipated-row{gap:.5rem}.antic-card{width:160px}.filter-pill{padding:.35rem .65rem;font-size:.75rem}.grade-pill{padding:.35rem .6rem;font-size:.75rem}.section-title{font-size:.9rem}}@media (width<=480px){.game-row-thumb{display:none}.antic-card{width:140px}.antic-card img{height:65px}.footer-links{flex-wrap:wrap;gap:1rem}.game-row-sub{font-size:.75rem}.spec-pill{font-size:.72rem}.reqs-table th,.reqs-table td{padding:.5rem .4rem;font-size:.75rem}.upgrade-grid{grid-template-columns:1fr}}.upgrade-section{background:linear-gradient(135deg,#6366f114,#a855f70f);border:1px solid #6366f133;border-radius:12px;margin:1.5rem 0;padding:1.25rem}.upgrade-title{color:var(--text-primary);margin:0 0 .25rem;font-size:1rem;font-weight:700}.upgrade-subtitle{color:var(--text-muted);margin:0 0 1rem;font-size:.8rem}.upgrade-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;display:grid}.upgrade-card{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;border-radius:10px;flex-direction:column;padding:1rem;text-decoration:none;transition:all .15s;display:flex}.upgrade-card:hover{border-color:var(--accent,#6366f1);background:var(--bg-card-hover);transform:translateY(-2px);box-shadow:0 4px 16px #6366f126}.upgrade-card-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:4px;width:fit-content;margin-bottom:.5rem;padding:.15rem .5rem;font-size:.65rem;font-weight:700}.gpu-card .upgrade-card-badge{color:#818cf8;background:#6366f133}.ram-card .upgrade-card-badge{color:#4ade80;background:#22c55e33}.upgrade-card-name{color:var(--text-primary);margin-bottom:.25rem;font-size:.85rem;font-weight:600}.upgrade-card-price{color:#4ade80;margin-bottom:.5rem;font-size:1.1rem;font-weight:800}.upgrade-card-cta{color:var(--accent,#6366f1);font-size:.75rem;font-weight:500}.upgrade-disclaimer{color:var(--text-muted);opacity:.7;margin:.75rem 0 0;font-size:.65rem}.reviews-section{margin:2rem 0 0}.reviews-grid{flex-wrap:wrap;gap:1rem;margin-bottom:1rem;display:flex}.review-card{background:var(--bg-card);border:1px solid var(--border);text-align:center;border-radius:10px;min-width:120px;padding:1rem 1.5rem}.review-score{font-family:JetBrains Mono,monospace;font-size:2rem;font-weight:800}.review-label{color:var(--text-muted);margin-top:.25rem;font-size:.8rem}.review-count{color:var(--text-muted);opacity:.7;margin-top:.15rem;font-size:.7rem}.steam-reviews-list{margin-top:.5rem}.steam-review-item{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;margin-bottom:.5rem;padding:.75rem 1rem}.steam-review-header{align-items:center;gap:.5rem;margin-bottom:.4rem;font-size:.8rem;display:flex}.steam-review-hours{color:var(--text-muted);font-size:.7rem}.steam-review-text{color:var(--text-secondary);margin:0;font-size:.8rem;line-height:1.5}.section-subtitle{color:var(--text-secondary);margin:1.5rem 0 .75rem;font-size:.9rem;font-weight:600}.review-thumbs-up{color:#4ade80}.review-thumbs-down{color:#f87171}.trailers-section{margin:2rem 0 0}.trailers-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem;display:grid}.trailer-card{border:1px solid var(--border);border-radius:10px;text-decoration:none;transition:all .15s;display:block;position:relative;overflow:hidden}.trailer-card:hover{border-color:var(--accent,#6366f1);transform:translateY(-2px);box-shadow:0 4px 16px #6366f126}.trailer-thumb{width:100%;height:auto;display:block}.trailer-play{color:#fff;backdrop-filter:blur(4px);background:#000000b3;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.2rem;transition:all .15s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.trailer-card:hover .trailer-play{background:#6366f1cc;transform:translate(-50%,-50%)scale(1.1)}.trailer-name{color:var(--text-secondary);background:var(--bg-card);white-space:nowrap;text-overflow:ellipsis;padding:.5rem .75rem;font-size:.75rem;overflow:hidden}