:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#0a0a0a;color:#fafafa}.app{max-width:80rem;margin:0 auto;padding:2rem 1.5rem 4rem}.header{text-align:center;margin-bottom:2rem}.header h1{font-size:2.25rem;font-weight:700;letter-spacing:-.03em;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{color:#ffffff80;font-size:.95rem;margin-top:.5rem}.controls{margin-bottom:1.5rem}.tabs{display:flex;gap:.5rem;margin-bottom:1.5rem}.tab-btn{padding:.6rem 1.5rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.1);background:transparent;color:#fff9;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.tab-btn:hover{border-color:#fff3;color:#fffc}.tab-btn.active{background:linear-gradient(135deg,#60a5fa,#a78bfa);border-color:transparent;color:#0a0a0a;font-weight:600}.search-input{width:100%;padding:.75rem 1rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#fafafa;font-size:.95rem;outline:none;transition:border-color .2s}.search-input:focus{border-color:#60a5fa}.search-input::placeholder{color:#ffffff4d}.categories{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.75rem}.cat-btn{padding:.35rem .7rem;border-radius:1rem;border:1px solid rgba(255,255,255,.1);background:transparent;color:#ffffff8c;font-size:.75rem;cursor:pointer;transition:all .2s}.cat-btn:hover{border-color:#ffffff40;color:#fffc}.cat-btn.active{background:#60a5fa;border-color:#60a5fa;color:#0a0a0a;font-weight:600}.stats{font-size:.8rem;color:#ffffff59;margin-bottom:1rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:.75rem}.game-card{text-align:left;padding:1.25rem;border-radius:.6rem;border:1px solid rgba(255,255,255,.08);background:#ffffff05;cursor:pointer;transition:all .2s;color:inherit;font-family:inherit;font-size:inherit}.game-card:hover{border-color:#60a5fa4d;background:#60a5fa0a;transform:translateY(-1px)}.game-number{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.65rem;color:#fff3;margin-bottom:.35rem}.game-card h3{font-size:1rem;font-weight:600;letter-spacing:-.01em;margin-bottom:.25rem}.game-cat{display:inline-block;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:#60a5fa;margin-bottom:.5rem}.game-desc{font-size:.8rem;color:#ffffff73;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.empty{text-align:center;padding:4rem 1rem;color:#ffffff4d}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:100;padding:1rem}.modal{max-width:32rem;width:100%;padding:2rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.12);background:#141414;position:relative}.modal-close{position:absolute;top:.75rem;right:.75rem;width:2rem;height:2rem;border-radius:.35rem;border:none;background:#ffffff0f;color:#ffffff80;font-size:1.25rem;cursor:pointer;display:grid;place-items:center}.modal-close:hover{background:#ffffff1a;color:#fafafa}.modal-tag{display:inline-block;font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:#a78bfa;border:1px solid rgba(167,139,250,.25);padding:.2rem .55rem;border-radius:.25rem;margin-bottom:.75rem}.modal h2{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.75rem}.modal p{font-size:.95rem;color:#ffffffa6;line-height:1.7}.modal-id{margin-top:1.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;color:#fff3}