: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__icon{background:transparent;border:0;color:var(--text);font-size:1.1rem;min-width:40px;height:44px;cursor:pointer;border-radius:var(--radius-sm)}.app-header__back:active,.app-header__action:active,.app-header__icon: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)}.chips{display:flex;flex-wrap:wrap;gap:6px}.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--retired{background:#2f2a3f;color:#b7a8e0;border-color:#4f4670}.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:center;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--added{background:var(--bg);border-color:var(--accent-dim)}.result-card__cover{width:52px;height:74px;object-fit:cover;border-radius:var(--radius-sm);background:var(--bg-elev-2);flex-shrink:0}.result-card--added .result-card__cover{opacity:.6}.result-card__body{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.result-card__title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-card__year,.result-card__platforms{font-size:.8rem;color:var(--text-dim)}.result-card__action{flex-shrink:0;font-size:.8rem;font-weight:600;padding:6px 12px;border-radius:999px;background:var(--accent);color:#fff;white-space:nowrap}.result-card__action--added{background:transparent;color:var(--accent);border:1px solid var(--accent-dim)}.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}.rating{display:flex;gap:4px}.rating__star{background:transparent;border:0;font-size:1.6rem;line-height:1;color:var(--text-faint);cursor:pointer;padding:4px 2px}.rating__star--filled{color:#f5c542}.rating-display{display:inline-flex;gap:1px;font-size:.85rem;line-height:1}.rating-display__star{color:var(--text-faint)}.rating-display__star--filled{color:#f5c542}.stats__overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;padding:12px}.stat-tile{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:12px;text-align:center}.stat-tile__value{font-size:1.5rem;font-weight:700;color:var(--text)}.stat-tile__label{font-size:.8rem;color:var(--text-dim);margin-top:4px}.stats-section{padding:8px 12px 16px}.stats-section__title{font-size:.95rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin:12px 0 8px}.stats-bars{display:flex;flex-direction:column;gap:6px}.stats-bar{display:grid;grid-template-columns:100px 1fr 32px;gap:8px;align-items:center;font-size:.85rem}.stats-bar__label{color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stats-bar__track{background:var(--bg-elev);border-radius:999px;height:12px;overflow:hidden}.stats-bar__fill{background:var(--accent);height:100%;border-radius:999px;min-width:4px;transition:width .2s ease}.stats-bar__count{text-align:right;color:var(--text-dim);font-variant-numeric:tabular-nums}.home-section{padding:8px 12px 16px}.home-section__title{font-size:.85rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin:8px 0}.home-section__empty{color:var(--text-faint);font-size:.9rem;margin:0;padding:8px 0}.active-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:8px;overflow:hidden}.active-card__main{display:flex;align-items:stretch;gap:12px;background:transparent;border:0;color:inherit;font:inherit;text-align:left;width:100%;padding:8px;cursor:pointer}.active-card__main:active{background:var(--bg-elev-2)}.active-card__cover{width:56px;height:80px;object-fit:cover;border-radius:var(--radius-sm);background:var(--bg-elev-2);flex-shrink:0}.active-card__body{flex:1;display:flex;flex-direction:column;justify-content:center;min-width:0}.active-card__title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.active-card__sub{font-size:.85rem;color:var(--text-dim)}.active-card__actions{display:flex;gap:6px;padding:0 8px 8px;justify-content:flex-end}