:root{--bg: #101418;--bg-elev: #181d23;--bg-elev-2: #232a32;--border: #2a313a;--text: #e7ecf3;--text-dim: #9aa4b2;--text-faint: #6c7682;--accent: #4ea1ff;--accent-dim: #2c5a8c;--danger: #e25e5e;--radius: 10px;--radius-sm: 6px;--gap: 12px;--header-h: 56px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:16px;line-height:1.4;-webkit-font-smoothing:antialiased}#app{max-width:720px;margin:0 auto;min-height:100vh}.view{padding-bottom:env(safe-area-inset-bottom,16px)}.app-header{display:flex;align-items:center;gap:8px;height:var(--header-h);padding:0 12px;background:var(--bg);position:sticky;top:0;z-index:10;border-bottom:1px solid var(--border)}.app-header h1{flex:1;margin:0;font-size:1.1rem;font-weight:600;text-align:center}.app-header__back,.app-header__action{background:transparent;border:0;color:var(--text);font-size:1.4rem;min-width:44px;height:44px;cursor:pointer;border-radius:var(--radius-sm)}.app-header__action{font-size:.95rem;font-weight:600;color:var(--accent)}.app-header__back:active,.app-header__action:active{background:var(--bg-elev)}.category-list{list-style:none;margin:0;padding:8px 12px;display:flex;flex-direction:column;gap:8px}.category{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:16px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:1.05rem}.category:active{background:var(--bg-elev-2)}.category--disabled{color:var(--text-faint);cursor:not-allowed;opacity:.55}.category__chevron{color:var(--text-dim);font-size:1.4rem}.toolbar{padding:8px 12px 4px;display:flex;flex-direction:column;gap:8px}.toolbar__sort-wrap{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--text-dim)}.toolbar__sort{background:var(--bg-elev);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 10px;font-size:.9rem}.toolbar__filters{display:flex;flex-wrap:wrap;gap:6px}.chip{background:var(--bg-elev);color:var(--text-dim);border:1px solid var(--border);border-radius:999px;padding:4px 10px;font-size:.8rem;cursor:pointer}.chip--active{background:var(--accent-dim);color:var(--text);border-color:var(--accent)}.games-list{display:flex;flex-direction:column;gap:6px;padding:6px 12px 24px}.game-row{display:flex;align-items:stretch;gap:12px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:8px;width:100%;text-align:left;cursor:pointer;color:inherit;font:inherit}.game-row:active{background:var(--bg-elev-2)}.game-row__cover{width:56px;height:80px;object-fit:cover;border-radius:var(--radius-sm);background:var(--bg-elev-2);flex-shrink:0}.game-row__body{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.game-row__title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-row__year{font-size:.85rem;color:var(--text-dim)}.game-row__meta{display:flex;align-items:center;gap:6px;margin-top:auto}.game-row__plays{font-size:.8rem;color:var(--text-dim)}.badge{display:inline-block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;border-radius:999px;background:var(--bg-elev-2);color:var(--text-dim);border:1px solid var(--border)}.badge--active{background:#1f3a52;color:#9ec9f0;border-color:#2c5a8c}.badge--finished{background:#1f3f2e;color:#8ee3a8;border-color:#2c6b46}.badge--backlog{background:#312d1f;color:#e0c98a;border-color:#5a4f30}.badge--wishlist{background:#312236;color:#d3a5e6;border-color:#5a3a6a}.badge--abandoned{background:#3a2424;color:#e89c9c;border-color:#6a3535}.badge--shelved{background:#252b35;color:#aab4c0;border-color:#3a4250}.badge--ongoing{background:#1f3a3a;color:#8edada;border-color:#2c6363}.empty{padding:36px 16px;text-align:center;color:var(--text-dim)}.search-area{padding:12px;display:flex;flex-direction:column;gap:8px}.search-bar__input{width:100%;background:var(--bg-elev);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;font-size:1rem}.search-bar__input:focus{outline:2px solid var(--accent);outline-offset:0;border-color:var(--accent)}.search-status{font-size:.85rem;color:var(--text-dim);min-height:1.1em}.search-results{display:flex;flex-direction:column;gap:6px;padding:0 12px 24px}.result-card{display:flex;gap:12px;align-items:stretch;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:8px;width:100%;text-align:left;cursor:pointer;color:inherit;font:inherit}.result-card:active{background:var(--bg-elev-2)}.result-card__cover{width:52px;height:74px;object-fit:cover;border-radius:var(--radius-sm);background:var(--bg-elev-2)}.result-card__body{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.result-card__title{font-weight:600}.result-card__year,.result-card__platforms{font-size:.8rem;color:var(--text-dim)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:flex-end;justify-content:center;z-index:100;padding:0}@media (min-width: 600px){.modal{align-items:center;padding:24px}}.modal__card{background:var(--bg-elev);border-top-left-radius:16px;border-top-right-radius:16px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px}@media (min-width: 600px){.modal__card{border-radius:var(--radius)}}.modal__cover{width:90px;height:130px;object-fit:cover;border-radius:var(--radius-sm);align-self:center;background:var(--bg-elev-2)}.modal__title{font-size:1.1rem;font-weight:600;text-align:center}.modal__year{font-size:.85rem;color:var(--text-dim);text-align:center}.modal__label{font-size:.85rem;color:var(--text-dim);margin-top:4px}.modal__error{color:var(--danger);font-size:.85rem;min-height:1.1em}.modal__actions{display:flex;gap:8px;justify-content:flex-end;margin-top:6px}.segmented{display:flex;flex-wrap:wrap;gap:4px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:4px}.segmented__item{flex:1 0 auto;background:transparent;color:var(--text-dim);border:0;padding:6px 10px;font-size:.85rem;border-radius:var(--radius-sm);cursor:pointer}.segmented__item--active{background:var(--accent);color:#fff;font-weight:600}.btn{background:var(--bg-elev-2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 14px;font-size:.9rem;cursor:pointer}.btn:active{background:var(--bg-elev)}.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.btn--danger{background:transparent;color:var(--danger);border-color:var(--danger)}.btn--small{padding:4px 10px;font-size:.8rem}.detail__cover{display:block;max-width:200px;width:50%;margin:16px auto 8px;border-radius:var(--radius);background:var(--bg-elev-2)}.detail__meta{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;font-size:.85rem;color:var(--text-dim);padding:0 12px}.detail__summary{padding:8px 16px 16px;color:var(--text-dim);font-size:.95rem}.field{display:flex;flex-direction:column;gap:6px;padding:8px 16px}.field__label{font-size:.85rem;color:var(--text-dim)}.field__select{background:var(--bg-elev);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 10px;font-size:.95rem}.detail__row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 16px}.detail__dates{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;padding:8px 16px 16px;font-size:.9rem;margin:0}.detail__dates dt{color:var(--text-dim)}.detail__dates dd{margin:0}.detail__footer{padding:16px;display:flex;justify-content:center}