: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: #ffd700;--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}*{margin:0;padding:0;box-sizing:border-box}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{position:sticky;top:0;z-index:100;background:#0a0a0fe6;backdrop-filter:blur(16px);border-bottom:1px solid var(--border);padding:.7rem 0}.header .container{display:flex;align-items:center;justify-content:space-between}.logo{font-family:var(--font-mono);font-size:1.15rem;font-weight:700;color:var(--text-primary)}.logo span{color:var(--accent)}.nav{display:flex;gap:1.5rem;align-items:center}.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{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;letter-spacing:-1px;margin-bottom:.4rem}.hero h1 span{background:linear-gradient(135deg,var(--accent),#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{color:var(--text-secondary);font-size:.95rem;max-width:480px;margin:0 auto}.section-title{font-size:1rem;font-weight:700;margin-bottom:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.anticipated-row{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.antic-card{flex-shrink:0;width:200px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:all .15s;text-decoration:none;color:inherit}.antic-card:hover{border-color:var(--border-hover);transform:translateY(-1px)}.antic-img-wrap{position:relative}.antic-card img{width:100%;height:93px;object-fit:cover;display:block}.antic-grade{position:absolute;top:6px;right:6px;width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:800;font-size:.85rem;background:#0009;color:var(--text-muted);backdrop-filter:blur(4px)}.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{font-size:.78rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.antic-date{font-size:.65rem;color:var(--text-muted);margin-top:.15rem}.search-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.search-input{flex:1;padding:.55rem .9rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:.85rem;outline:none;transition:border-color .15s}.search-input:focus{border-color:var(--accent)}.search-input::placeholder{color:var(--text-muted)}.game-count{font-size:.72rem;color:var(--text-muted);font-family:var(--font-mono);white-space:nowrap}.grade-summary{display:flex;gap:.4rem;margin-bottom:.75rem;justify-content:center;flex-wrap:wrap}.grade-pill{padding:.3rem .65rem;border-radius:6px;font-size:.72rem;font-weight:700;font-family:var(--font-mono);cursor:pointer;transition:all .15s;border:1px solid transparent;opacity:.65}.grade-pill:hover,.grade-pill.active{opacity:1}.grade-pill .gc{font-weight:400;opacity:.7}.grade-pill.gp-all{background:var(--bg-card);border-color:var(--border);color:var(--text-secondary)}.grade-pill.gp-s{background:#ffd7001f;color:var(--grade-s);border-color:#ffd70040}.grade-pill.gp-a{background:#22c55e1f;color:var(--grade-a);border-color:#22c55e40}.grade-pill.gp-b{background:#06b6d41f;color:var(--grade-b);border-color:#06b6d440}.grade-pill.gp-c{background:#f59e0b1f;color:var(--grade-c);border-color:#f59e0b40}.grade-pill.gp-d{background:#ef44441f;color:var(--grade-d);border-color:#ef444440}.grade-pill.gp-f{background:#991b1b1f;color:var(--grade-f);border-color:#991b1b40}.filter-bar{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:1rem}.filter-pill{padding:.28rem .7rem;background:var(--bg-card);border:1px solid var(--border);border-radius:20px;color:var(--text-secondary);font-size:.72rem;cursor:pointer;transition:all .15s;white-space:nowrap}.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{display:flex;flex-direction:column;gap:1px}.game-row{display:flex;align-items:center;gap:.75rem;padding:.55rem .85rem;background:var(--bg-card);border:1px solid transparent;border-radius:var(--radius);transition:all .12s;text-decoration:none;color:inherit}.game-row:hover{background:var(--bg-card-hover);border-color:var(--border)}.game-row-grade{width:38px;height:38px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--border);transition:background .3s}.game-row-grade .grade-letter{font-family:var(--font-mono);font-weight:800;font-size:1rem;color:var(--text-muted)}.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{width:96px;height:45px;border-radius:5px;overflow:hidden;flex-shrink:0;background:var(--bg-secondary)}.game-row-thumb img{width:100%;height:100%;object-fit:cover;display:block}.game-row-info{flex:1;min-width:0}.game-row-name{font-weight:600;font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-row-sub{display:flex;gap:.6rem;font-size:.7rem;color:var(--text-muted);margin-top:.1rem}.game-row-players{font-family:var(--font-mono);color:var(--text-secondary)}.game-row-specs{display:flex;gap:.3rem;flex-shrink:0}.spec-pill{padding:.15rem .45rem;background:var(--bg-secondary);border-radius:4px;font-size:.65rem;font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap}.game-row-price{flex-shrink:0;min-width:50px;text-align:right}.price-tag{font-family:var(--font-mono);font-size:.75rem;color:var(--text-secondary)}.price-free{font-family:var(--font-mono);font-size:.72rem;font-weight:600;color:var(--grade-a);background:#22c55e1a;padding:.15rem .45rem;border-radius:4px}.game-detail-header{display:flex;gap:1.5rem;margin-bottom:1.5rem;align-items:flex-start}.game-detail-img{width:400px;max-width:100%;border-radius:var(--radius-lg)}.game-detail-info h1{font-size:1.5rem;margin-bottom:.4rem}.game-detail-desc{color:var(--text-secondary);margin-bottom:.75rem;line-height:1.5;font-size:.88rem}.detail-grade-box{display:flex;align-items:center;gap:1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem 1.25rem;margin-bottom:1.5rem}.detail-grade-badge{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:800;font-size:1.5rem;flex-shrink:0;background:var(--border);color:var(--text-muted)}.detail-grade-badge.gr-s{background:var(--grade-s);color:#000}.detail-grade-badge.gr-a{background:var(--grade-a);color:#000}.detail-grade-badge.gr-b{background:var(--grade-b);color:#000}.detail-grade-badge.gr-c{background:var(--grade-c);color:#000}.detail-grade-badge.gr-d{background:var(--grade-d);color:#fff}.detail-grade-badge.gr-f{background:var(--grade-f);color:#fff}.detail-grade-text h3{font-size:1rem;margin-bottom:.15rem}.detail-grade-text p{font-size:.8rem;color:var(--text-secondary)}.component-bars{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.comp-bar-item label{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-secondary);margin-bottom:.2rem}.comp-bar-track{height:8px;background:var(--bg-secondary);border-radius:4px;overflow:hidden}.comp-bar-fill{height:100%;border-radius:4px;transition:width .5s ease;min-width:4px}.comp-bar-fill.pass{background:var(--grade-a)}.comp-bar-fill.tight{background:var(--grade-c)}.comp-bar-fill.fail{background:var(--grade-d)}.reqs-table{width:100%;border-collapse:collapse;margin:1rem 0}.reqs-table th,.reqs-table td{padding:.55rem .75rem;text-align:left;border-bottom:1px solid var(--border);font-size:.8rem}.reqs-table th{color:var(--text-muted);font-size:.68rem;text-transform:uppercase;letter-spacing:1px;font-weight:600}.reqs-table .pass{color:var(--grade-a);font-weight:600}.reqs-table .fail{color:var(--grade-d);font-weight:600}.reqs-table .tight{color:var(--grade-c);font-weight:600}.footer{border-top:1px solid var(--border);padding:2rem 0;margin-top:3rem;color:var(--text-muted);font-size:.72rem;line-height:1.6}.footer-disclaimer{max-width:700px;margin:0 auto 1rem;text-align:center}.footer-disclaimer p{margin-bottom:.4rem}.footer-links{display:flex;justify-content:center;gap:1.5rem;margin-bottom:.75rem}.footer-links a{color:var(--text-secondary);font-size:.75rem}.footer-links a:hover{color:var(--text-primary)}.footer-credits{text-align:center;font-size:.7rem;color:var(--text-muted)}.footer-credits a{color:var(--text-secondary)}@media(max-width:1024px){.container{max-width:100%}.game-row-specs .spec-pill:nth-child(3){display:none}}@media(max-width:768px){.hero{padding:1.5rem 0 .75rem}.hero h1{font-size:1.6rem}.game-detail-header{flex-direction:column}.game-detail-img{width:100%}.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(max-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}}