:root{--bg:#0f0f1a;--bg-card:#1a1a2e;--border:#2a2a4a;--text:#e0e0f0;--text-muted:#88a;--accent:#00d4aa;--accent-dim:#00a080;--works:#22c55e;--partial:#f59e0b;--broken:#ef4444;--untested:#6b7280;--font-mono:"Courier New", Courier, monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.site-header{background:var(--bg-card);border-bottom:1px solid var(--border);z-index:100;padding:0 1.5rem;position:sticky;top:0}.site-header .inner{justify-content:space-between;align-items:center;max-width:1100px;height:52px;margin:0 auto;display:flex}.site-logo{font-family:var(--font-mono);color:var(--accent);letter-spacing:.08em;font-size:1rem;font-weight:700}.site-nav{gap:1.5rem;display:flex}.site-nav a{color:var(--text-muted);font-size:.9rem}.site-nav a:hover{color:var(--text);text-decoration:none}.site-main{max-width:1100px;min-height:calc(100vh - 132px);margin:0 auto;padding:2rem 1.5rem}.site-footer{border-top:1px solid var(--border);text-align:center;color:var(--text-muted);margin-top:4rem;padding:1.5rem;font-size:.8rem}.hero{text-align:center;border-bottom:1px solid var(--border);margin-bottom:2.5rem;padding:3.5rem 1rem 2.5rem}.hero h1{color:var(--accent);font-size:2rem;font-family:var(--font-mono);margin-bottom:.75rem}.hero p{color:var(--text-muted);max-width:600px;margin:0 auto 1.5rem}.btn{border:1px solid var(--accent);color:var(--accent);border-radius:4px;padding:.5rem 1.25rem;font-size:.875rem;transition:background .15s,color .15s;display:inline-block}.btn:hover{background:var(--accent);color:var(--bg);text-decoration:none}.section-heading{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.section-heading h2{font-size:1.1rem;font-family:var(--font-mono)}.tag{font-size:.72rem;font-family:var(--font-mono);border:1px solid var(--border);color:var(--text-muted);border-radius:3px;padding:.15rem .5rem;display:inline-block}.badge{font-size:.72rem;font-family:var(--font-mono);white-space:nowrap;border-radius:3px;align-items:center;gap:.25rem;padding:.15rem .5rem;font-weight:700;display:inline-flex}.badge--works{color:var(--works);background:#22c55e1f;border:1px solid #22c55e59}.badge--partial{color:var(--partial);background:#f59e0b1f;border:1px solid #f59e0b59}.badge--broken{color:var(--broken);background:#ef44441f;border:1px solid #ef444459}.badge--untested{color:var(--untested);background:#6b72801f;border:1px solid #6b728059}.game-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem;display:grid}.game-card{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;flex-direction:column;gap:.75rem;padding:1.25rem;transition:border-color .15s;display:flex}.game-card:hover{border-color:var(--accent-dim)}.game-card__thumbnail{object-fit:cover;border-radius:4px;width:100%;height:140px}.game-card__thumbnail-placeholder{background:var(--border);width:100%;height:140px;color:var(--text-muted);font-size:.75rem;font-family:var(--font-mono);border-radius:4px;justify-content:center;align-items:center;display:flex}.game-card__title{color:var(--text);font-size:1rem;font-weight:700}.game-card__meta{flex-wrap:wrap;gap:.4rem;display:flex}.game-card__envs{flex-wrap:wrap;gap:.4rem;margin-top:auto;padding-top:.25rem;display:flex}.game-card__footer{justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.game-card__date{color:var(--text-muted);font-family:var(--font-mono)}.games-table{border-collapse:collapse;width:100%}.games-table th,.games-table td{text-align:left;border-bottom:1px solid var(--border);padding:.7rem 1rem;font-size:.875rem}.games-table th{font-family:var(--font-mono);color:var(--text-muted);background:var(--bg-card);white-space:nowrap;font-size:.75rem;font-weight:400}.games-table tr:hover td{background:#ffffff05}.filter-bar{flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem;display:flex}.filter-bar select,.filter-bar input{background:var(--bg-card);border:1px solid var(--border);color:var(--text);border-radius:4px;outline:none;padding:.4rem .75rem;font-size:.875rem}.filter-bar input:focus,.filter-bar select:focus{border-color:var(--accent-dim)}.detail-layout{grid-template-columns:240px 1fr;align-items:start;gap:2rem;display:grid}@media (max-width:768px){.detail-layout{grid-template-columns:1fr}}.detail-sidebar{flex-direction:column;gap:1.25rem;display:flex}.info-card{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:1.1rem}.info-card h3{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;margin-bottom:.75rem;font-size:.7rem}.info-table{border-collapse:collapse;width:100%}.info-table tr{border-bottom:1px solid var(--border)}.info-table tr:last-child{border-bottom:none}.info-table th{color:var(--text-muted);text-align:left;width:38%;font-size:.78rem;font-weight:400;font-family:var(--font-mono);padding:.4rem .25rem .4rem 0}.info-table td{padding:.4rem 0;font-size:.85rem}.env-status-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.3rem 0;font-size:.85rem;display:flex}.env-status-row:last-child{border-bottom:none}.compat-table{border-collapse:collapse;width:100%;margin-bottom:1.5rem}.compat-table th,.compat-table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:.6rem .75rem;font-size:.85rem}.compat-table th{font-family:var(--font-mono);color:var(--text-muted);background:var(--bg-card);font-size:.72rem;font-weight:400}.screenshots{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;margin-bottom:1.5rem;display:grid}.screenshots img{border:1px solid var(--border);cursor:zoom-in;border-radius:4px;width:100%;transition:border-color .15s,opacity .15s}.screenshots img:hover{border-color:var(--accent-dim);opacity:.85}.lightbox{z-index:1000;cursor:zoom-out;background:#000000e0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox__img{object-fit:contain;cursor:default;max-width:92vw;max-height:88vh;image-rendering:pixelated;image-rendering:crisp-edges;border-radius:4px}.lightbox__close{color:#fff;cursor:pointer;opacity:.7;background:0 0;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1.1rem;transition:opacity .15s;display:flex;position:fixed;top:1rem;right:1.25rem}.lightbox__close:hover{opacity:1}.lightbox__nav{color:#fff;cursor:pointer;opacity:.6;background:#ffffff1a;border:1px solid #fff3;border-radius:4px;justify-content:center;align-items:center;width:2.5rem;height:4rem;font-size:2rem;transition:opacity .15s,background .15s;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.lightbox__nav:hover{opacity:1;background:#fff3}.lightbox__nav--prev{left:1rem}.lightbox__nav--next{right:1rem}.lightbox__counter{color:#fff9;font-family:var(--font-mono);font-size:.8rem;position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%)}.markdown-content{line-height:1.8}.markdown-content h2{font-size:1.1rem;font-family:var(--font-mono);color:var(--accent);border-bottom:1px solid var(--border);margin:2rem 0 .75rem;padding-bottom:.35rem}.markdown-content h3{font-size:.95rem;font-family:var(--font-mono);color:var(--text);margin:1.5rem 0 .5rem}.markdown-content p{margin-bottom:1rem}.markdown-content ul,.markdown-content ol{margin:.5rem 0 1rem 1.5rem}.markdown-content li{margin-bottom:.25rem}.markdown-content code{font-family:var(--font-mono);background:var(--bg-card);border:1px solid var(--border);border-radius:3px;padding:.1rem .4rem;font-size:.875em}.markdown-content pre{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;margin:.75rem 0 1.25rem;padding:1rem;overflow-x:auto}.markdown-content pre code{background:0 0;border:none;padding:0;font-size:.85rem}.markdown-content blockquote{border-left:3px solid var(--accent);background:var(--bg-card);color:var(--text-muted);margin:1rem 0;padding:.5rem 1rem}.markdown-content table{border-collapse:collapse;width:100%;margin:1rem 0}.markdown-content th,.markdown-content td{border:1px solid var(--border);padding:.5rem .75rem;font-size:.85rem}.markdown-content th{background:var(--bg-card);font-family:var(--font-mono);font-size:.75rem}.breadcrumb{color:var(--text-muted);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.8rem;display:flex}.breadcrumb a{color:var(--text-muted)}.breadcrumb a:hover{color:var(--accent);text-decoration:none}.page-title{font-size:1.7rem;font-family:var(--font-mono);margin-bottom:.25rem}.page-subtitle{color:var(--text-muted);margin-bottom:2rem;font-size:.875rem}.section-label{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;margin-bottom:.75rem;font-size:.7rem}.tip-system-heading{font-family:var(--font-mono);color:var(--accent);text-transform:none;letter-spacing:.04em;border-bottom:1px solid var(--border);margin-bottom:.9rem;padding-bottom:.4rem;font-size:1.4rem}