:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;color-scheme:dark;color:#e6e6e6;background-color:#0f1115}*{box-sizing:border-box}body{margin:0;min-height:100vh}a{color:#7aa2ff}button{font:inherit;cursor:pointer;border:1px solid #2a2f3a;background:#1a1d24;color:#e6e6e6;padding:.5rem 1rem;border-radius:6px}button:hover:not(:disabled){background:#232732}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{font:inherit;background:#14171d;color:#e6e6e6;border:1px solid #2a2f3a;border-radius:6px;padding:.5rem .75rem}pre{background:#0a0c10;border:1px solid #1f232c;border-radius:6px;padding:1rem;overflow:auto;max-height:500px;font-size:.85rem}.app{max-width:1100px;margin:0 auto;padding:2rem 1.5rem 4rem}.hero{text-align:center;padding:4rem 1rem}.hero h1{font-size:clamp(2rem,5vw,3rem);margin:0 0 .75rem}.hero p{font-size:1.15rem;color:#b3b9c5;margin:0 0 2rem}.cta{display:inline-block;background:#4f7cff;color:#fff;border:none;padding:.85rem 1.5rem;border-radius:8px;font-weight:600;text-decoration:none}.cta:hover{background:#3f6ae8}nav.topnav{display:flex;justify-content:space-between;align-items:center;padding-bottom:1.5rem;border-bottom:1px solid #1f232c;margin-bottom:2rem}nav.topnav .brand{font-weight:700;font-size:1.1rem}nav.topnav a{margin-left:1rem;text-decoration:none}.lab-controls{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.lab-controls input[type=search]{flex:1 1 240px;min-width:200px}.panels{display:grid;grid-template-columns:1fr;gap:1.25rem}@media (min-width: 900px){.panels{grid-template-columns:1fr 1fr}}.panel h3{margin:0 0 .5rem;font-size:1rem;color:#b3b9c5;text-transform:uppercase;letter-spacing:.05em}.status-error{background:#3a1a1f;border:1px solid #6b2730;color:#ffb3bd;padding:.75rem 1rem;border-radius:6px;margin:1rem 0}.status-loading{color:#b3b9c5;margin:1rem 0;font-style:italic}.notes{background:#131720;border:1px solid #1f232c;border-radius:6px;padding:1rem 1.25rem;margin-top:1.5rem}.notes h3{margin-top:0}.notes ul{margin:.5rem 0 0;padding-left:1.25rem}.notes .tag{display:inline-block;font-size:.75rem;padding:.1rem .5rem;border-radius:999px;margin-right:.5rem;text-transform:uppercase;font-weight:600}.tag.ok{background:#11331c;color:#69e08c}.tag.warn{background:#3a2d10;color:#f6c062}.tag.bad{background:#3a1a1f;color:#ffb3bd}.hero-cta{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.cta-secondary{background:transparent;border:1px solid #2a2f3a;color:#cdd3df}.cta-secondary:hover{background:#1a1d24}.filters{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.5rem}.filters input[type=search]{flex:1 1 220px;min-width:180px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.game-card{display:block;padding:0;text-align:left;overflow:hidden;border-radius:10px;border:1px solid #1f232c;background:#14171d}.game-card:hover:not(:disabled){border-color:#4f7cff;background:#14171d}.game-card-img{aspect-ratio:16 / 9;background:#0a0c10;overflow:hidden}.game-card-img img{width:100%;height:100%;object-fit:cover;display:block}.game-card-noimg{display:flex;align-items:center;justify-content:center;height:100%;color:#555c6b;font-size:.85rem}.game-card-body{padding:.6rem .75rem .75rem}.game-card-title{font-weight:600;line-height:1.25}.game-card-meta{color:#8a92a3;font-size:.8rem;margin-top:.25rem}.back{background:transparent;border:none;color:#7aa2ff;padding:0;margin-bottom:1.25rem}.detail-head{display:flex;gap:1.5rem;flex-wrap:wrap;align-items:flex-start}.detail-cover{width:280px;max-width:100%;border-radius:10px;border:1px solid #1f232c}.detail-head h2{margin:0 0 .35rem}.detail-sub{color:#9098a8}.chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.6rem}.chip{font-size:.78rem;padding:.2rem .55rem;background:#1a1d24;border:1px solid #2a2f3a;border-radius:999px;color:#cdd3df}.playtogether{margin:1.75rem 0;background:#131720;border:1px solid #1f232c;border-radius:10px;padding:1.25rem 1.5rem}.playtogether h3{margin-top:0}.badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.badge{font-size:.82rem;padding:.25rem .6rem;border-radius:6px;font-weight:600;display:inline-block}.badge.ok{background:#11331c;color:#69e08c}.badge.bad{background:#3a1a1f;color:#ffb3bd}.badge.muted{background:#20242d;color:#8a92a3}.kv{display:flex;flex-wrap:wrap;gap:1.5rem}.kv>div{display:flex;flex-direction:column;gap:.3rem}.kv .k{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#8a92a3}.kv .v{font-weight:600}.source-note{color:#6c7385;font-size:.8rem;margin:1rem 0 0}.desc{color:#cdd3df;line-height:1.6;max-width:70ch}.trailer{width:100%;max-width:640px;border-radius:10px;border:1px solid #1f232c}.shots{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem}.shots img{width:100%;border-radius:8px;border:1px solid #1f232c;display:block}.detail-head-body{flex:1 1 320px;min-width:0}.info-list{margin:.75rem 0 0;padding:0;display:grid;gap:.4rem}.info-row{display:grid;grid-template-columns:180px 1fr;gap:.75rem;padding:.4rem 0;border-bottom:1px solid #1a1e26}.info-row dt{color:#8a92a3;font-size:.85rem;margin:0}.info-row dd{margin:0;color:#e6e6e6}.rec-intro{max-width:640px;margin:0 auto}.rec-form{display:grid;gap:1rem;margin:1.5rem 0 1rem}.rec-q{border:1px solid #1f232c;background:#131720;border-radius:12px;padding:1.1rem 1.25rem 1.25rem}.rec-q-title{color:#e6e6e6;font-weight:600;font-size:1.02rem;margin-bottom:.85rem}.rec-form select{width:100%}.pills{display:flex;flex-wrap:wrap;gap:.5rem}.pill{background:#1a1d24;border:1px solid #2a2f3a;color:#cdd3df;padding:.45rem .9rem;border-radius:999px;font-size:.9rem}.pill:hover{border-color:#3a4254}.pill-active{background:#4f7cff;border-color:#4f7cff;color:#fff}.pill-active:hover{background:#4f7cff}.rec-actions{display:flex;gap:.75rem;flex-wrap:wrap}.rec-actions .cta{border:none}