@import "https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Outfit:wght@300;400;500;600&display=swap";:root{--bg:#0c0c0f;--bg2:#13131a;--bg3:#1c1c26;--border:#2a2a38;--amber:#f59e0b;--amber-dim:#b37a09;--amber-glow:#f59e0b33;--green:#10b981;--red:#ef4444;--muted:#6b7280;--text:#e5e7eb;--text-dim:#9ca3af;--radius:8px;--shadow:0 4px 24px #0006;--font-mono:"Space Mono", monospace;--font-body:"Outfit", sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body);min-height:100vh;font-size:15px;line-height:1.5}.splash{height:100vh;color:var(--amber);place-items:center;font-size:3rem;animation:1s ease-in-out infinite alternate pulse;display:grid}@keyframes pulse{to{opacity:.3}}.auth-page{background:radial-gradient(ellipse 60% 50% at 50% -10%, #f59e0b18, transparent), var(--bg);place-items:center;min-height:100vh;padding:1.5rem;display:grid}.auth-card{background:var(--bg2);border:1px solid var(--border);width:100%;max-width:420px;box-shadow:var(--shadow);border-radius:12px;padding:2.5rem 2rem;animation:.3s slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.auth-brand{text-align:center;margin-bottom:2rem}.auth-brand .brand-icon{color:var(--amber);font-size:2.5rem}.auth-brand h1{font-family:var(--font-mono);letter-spacing:-.5px;margin:.25rem 0 .5rem;font-size:1.75rem}.auth-brand p{color:var(--text-dim);font-size:.9rem}.auth-tabs{border-bottom:1px solid var(--border);margin-bottom:1.75rem;display:flex}.auth-tabs .tab{color:var(--muted);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:.6rem;font-size:.9rem;transition:all .15s}.auth-tabs .tab.active{color:var(--amber);border-bottom-color:var(--amber)}.auth-form{flex-direction:column;gap:1rem;display:flex}.auth-error{color:var(--red);font-size:.85rem}.auth-switch{text-align:center;color:var(--text-dim);margin-top:1.25rem;font-size:.85rem}.link-btn{color:var(--amber);cursor:pointer;font-size:inherit;background:0 0;border:none}.dashboard{max-width:1280px;margin:0 auto;padding:0 1.5rem 4rem}.dash-header{border-bottom:1px solid var(--border);background:var(--bg);z-index:10;justify-content:space-between;align-items:center;margin-bottom:1.75rem;padding:1.25rem 0;display:flex;position:sticky;top:0}.dash-brand{font-family:var(--font-mono);color:var(--amber);align-items:center;gap:.5rem;font-size:1.1rem;font-weight:700;display:flex}.dash-brand .brand-icon{font-size:1.3rem}.dash-user{align-items:center;gap:1rem;display:flex}.dash-user>span{color:var(--text-dim);font-size:.875rem;font-family:var(--font-mono)}.stats-bar{flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem;display:flex}.stat-pill{background:var(--bg2);border:1px solid var(--border);cursor:pointer;font-family:var(--font-body);color:var(--text-dim);border-radius:999px;align-items:center;gap:.5rem;padding:.45rem 1rem;font-size:.875rem;transition:all .15s;display:flex}.stat-pill:hover{border-color:var(--amber-dim);color:var(--text)}.stat-pill.active{background:var(--amber-glow);border-color:var(--amber);color:var(--amber)}.pill-count{background:var(--bg3);font-family:var(--font-mono);border-radius:999px;padding:0 .45rem;font-size:.75rem}.toolbar{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.search-wrap{flex:1;align-items:center;display:flex;position:relative}.search-icon{color:var(--muted);font-size:1.1rem;position:absolute;left:.75rem}.search-input{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);font-family:var(--font-body);outline:none;padding:.6rem 2.5rem .6rem 2.2rem;font-size:.9rem;transition:border-color .15s}.search-input:focus{border-color:var(--amber)}.search-clear{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:.8rem;position:absolute;right:.75rem}.search-clear:hover{color:var(--text)}.dash-error{border:1px solid var(--red);border-radius:var(--radius);color:var(--red);background:#ef444422;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.dash-error button{color:var(--red);cursor:pointer;background:0 0;border:none}.game-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.25rem;display:grid}.game-card{background:var(--bg2);border:1px solid var(--border);border-radius:10px;transition:transform .15s,border-color .15s,box-shadow .15s;position:relative;overflow:hidden}.game-card:hover{border-color:var(--amber-dim);transform:translateY(-3px);box-shadow:0 8px 32px #0005}.card-cover{aspect-ratio:3/4;background:var(--bg3);position:relative;overflow:hidden}.card-cover img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.game-card:hover .card-cover img{transform:scale(1.04)}.cover-placeholder{width:100%;height:100%;color:var(--border);place-items:center;font-size:3rem;display:grid}.status-badge{letter-spacing:.5px;text-transform:uppercase;color:#fff;border-radius:4px;padding:.2rem .55rem;font-size:.7rem;font-weight:600;position:absolute;top:.5rem;left:.5rem}.card-body{flex-direction:column;gap:.3rem;padding:.85rem;display:flex}.card-title{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.stars{color:var(--amber);letter-spacing:1px;font-size:.85rem}.stars-empty{color:var(--border)}.no-rating{color:var(--muted);font-size:.8rem}.card-date{color:var(--muted);font-size:.75rem}.card-actions{opacity:0;gap:.3rem;transition:opacity .15s;display:flex;position:absolute;top:.5rem;right:.5rem}.game-card:hover .card-actions{opacity:1}.btn-icon{cursor:pointer;border:none;border-radius:6px;place-items:center;width:28px;height:28px;font-size:.9rem;transition:background .1s;display:grid}.btn-icon.edit{color:var(--text);background:#000}.btn-icon.delete{color:var(--red);background:#000}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:5rem 2rem;display:flex}.empty-icon{color:var(--border);font-size:3rem}.empty-state p{color:var(--text-dim)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0008;place-items:center;padding:1rem;animation:.15s fadeIn;display:grid;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}}.modal{background:var(--bg2);border:1px solid var(--border);width:100%;max-width:480px;box-shadow:var(--shadow);border-radius:12px;animation:.2s slideUp}.modal-sm{max-width:360px;padding:2rem}.modal-sm h2{margin-bottom:.75rem;font-size:1.1rem}.modal-sm p{color:var(--text-dim);margin-bottom:1.5rem;font-size:.9rem}.modal-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:1.25rem 1.5rem 0;display:flex}.modal-header h2{font-size:1.1rem}.game-form{flex-direction:column;gap:1rem;padding:1rem 1.5rem 1.5rem;display:flex}.cover-preview{object-fit:cover;border:1px solid var(--border);border-radius:6px;width:80px;height:107px;margin-top:.5rem}.field-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-actions{justify-content:flex-end;gap:.75rem;margin-top:.5rem;display:flex}.field{flex-direction:column;gap:.4rem;display:flex}.field label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:500}input,select,textarea{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:var(--font-body);outline:none;width:100%;padding:.6rem .75rem;font-size:.9rem;transition:border-color .15s}input:focus,select:focus{border-color:var(--amber)}select{cursor:pointer}.btn-primary{background:var(--amber);color:#000;border-radius:var(--radius);font-family:var(--font-body);cursor:pointer;white-space:nowrap;border:none;padding:.6rem 1.25rem;font-size:.9rem;font-weight:600;transition:background .15s,opacity .15s}.btn-primary:hover:not(:disabled){background:#fbbf24}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{color:var(--text-dim);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-body);cursor:pointer;background:0 0;padding:.6rem 1.25rem;font-size:.9rem;transition:all .15s}.btn-ghost:hover{color:var(--text);border-color:var(--text-dim)}.btn-ghost.small{padding:.4rem .85rem;font-size:.8rem}.btn-danger{background:var(--red);color:#fff;border-radius:var(--radius);font-family:var(--font-body);cursor:pointer;border:none;padding:.6rem 1.25rem;font-size:.9rem;font-weight:600;transition:background .15s}.btn-danger:hover{background:#dc2626}.icon-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1rem;transition:color .15s}.icon-btn:hover{color:var(--text)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}@media (width<=600px){.toolbar{flex-direction:column}.toolbar .btn-primary{width:100%}.game-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:1rem}.field-row{grid-template-columns:1fr}.stats-bar{gap:.5rem}}.search-results{z-index:10;background:#2a2a2a;border:1px solid #444;border-radius:4px;max-height:200px;margin:4px 0 0;padding:0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000080}.search-results li{cursor:pointer;border-bottom:1px solid #333;padding:10px}.search-results li:hover{background:#3a3a3a}.cover-preview{object-fit:cover;border-radius:4px;width:100px;height:140px;margin-top:10px}