:root{--color-bg:#f3ead9;--color-bg-elevated:#fbf6ea;--color-text:#2a2118;--color-text-muted:#6b5f4d;--color-border:#d8c9a8;--color-accent:#9c6b1e;--color-accent-strong:#7a5316;--color-danger:#8b2e3d;--color-success:#3f6b3a;--color-overlay:#14100a8c;--color-tile-missing-overlay:#1e18108c;--faction-northern_realms:#4a6fa5;--faction-nilfgaard:#b08d2b;--faction-scoiatael:#4f7942;--faction-monsters:#8b2e3d;--faction-skellige:#2f6f6f;--faction-neutral:#8a8577;--font-heading:"Cinzel", "Georgia", serif;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--shadow-md:0 4px 14px #14100a2e;--touch-target:44px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg:#151119;--color-bg-elevated:#1e1826;--color-text:#ece4d3;--color-text-muted:#a89c85;--color-border:#3a3040;--color-accent:#d4a437;--color-accent-strong:#eabf5c;--color-danger:#d05a6b;--color-success:#6ba566;--color-overlay:#0009;--color-tile-missing-overlay:#0a080ea6}}:root[data-theme=dark]{--color-bg:#151119;--color-bg-elevated:#1e1826;--color-text:#ece4d3;--color-text-muted:#a89c85;--color-border:#3a3040;--color-accent:#d4a437;--color-accent-strong:#eabf5c;--color-danger:#d05a6b;--color-success:#6ba566;--color-overlay:#0009;--color-tile-missing-overlay:#0a080ea6}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;-webkit-font-smoothing:antialiased;overflow-x:hidden}@media (prefers-color-scheme:dark){body{--lightningcss-light: ;--lightningcss-dark:initial}}#root{flex-direction:column;min-height:100svh;display:flex}h1,h2,h3{font-family:var(--font-heading);color:var(--color-text);margin:0 0 .5em;line-height:1.2}h1{font-size:clamp(1.8rem,4vw,2.6rem)}h2{font-size:clamp(1.3rem,2.5vw,1.6rem)}p{color:var(--color-text);line-height:1.6}a{color:var(--color-accent-strong);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 16px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.lang-switcher{border:1px solid var(--color-border);border-radius:var(--radius-sm);display:flex;overflow:hidden}.lang-switcher__option{min-width:38px;min-height:var(--touch-target);color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:6px 8px;font-size:.8rem;font-weight:700}.lang-switcher__option.is-active{background:var(--color-accent);color:var(--color-bg-elevated)}.theme-toggle{width:var(--touch-target);height:var(--touch-target);border-radius:var(--radius-sm);border:1px solid var(--color-border);cursor:pointer;background:0 0;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.theme-toggle:hover{background:var(--color-border)}.site-header{z-index:50;background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border);position:sticky;top:0}.site-header__inner{align-items:center;gap:16px;height:64px;display:flex}.site-header__brand{color:var(--color-text);white-space:nowrap;align-items:baseline;gap:8px;display:flex}.site-header__brand:hover{text-decoration:none}.site-header__title{font-family:var(--font-heading);color:var(--color-accent-strong);font-size:1.3rem;font-weight:700}.site-header__subtitle{color:var(--color-text-muted);font-size:.85rem}.site-header__nav{flex:1;gap:4px;display:flex}.site-header__link{border-radius:var(--radius-sm);color:var(--color-text-muted);padding:10px 14px;font-size:.95rem;font-weight:600}.site-header__link:hover{color:var(--color-text);background:var(--color-border);text-decoration:none}.site-header__link.active{color:var(--color-accent-strong)}.site-header__controls{align-items:center;gap:8px;display:flex}@media (width<=720px){.site-header__inner{height:56px}.site-header__subtitle{display:none}.site-header__nav{z-index:50;background:var(--color-bg-elevated);border-top:1px solid var(--color-border);padding:4px 4px calc(4px + env(safe-area-inset-bottom));grid-template-columns:repeat(4,1fr);gap:0;display:grid;position:fixed;bottom:0;left:0;right:0}.site-header__link{text-align:center;min-height:var(--touch-target);border-radius:var(--radius-sm);padding:8px 4px;font-size:.78rem}body{padding-bottom:64px}}.site-footer{border-top:1px solid var(--color-border);background:var(--color-bg-elevated);margin-top:auto;padding:20px 0 24px}.site-footer__inner{flex-direction:column;gap:8px;display:flex}.site-footer p{color:var(--color-text-muted);margin:0;font-size:.8rem}@media (width<=720px){.site-footer{padding-bottom:76px}}.home-page{max-width:720px;padding:48px 16px 64px}.home-page h1{font-size:clamp(2rem,5vw,3rem)}.home-page__lead{color:var(--color-text-muted);margin-bottom:24px;font-size:1.1rem}.home-page__ctas{flex-wrap:wrap;gap:12px;display:flex}.home-page__cta{min-height:var(--touch-target);border-radius:var(--radius-md);border:1px solid var(--color-border);color:var(--color-text);align-items:center;padding:0 20px;font-weight:600;display:inline-flex}.home-page__cta:hover{background:var(--color-border);text-decoration:none}.home-page__cta--primary{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.rules-page{max-width:860px;padding:32px 16px 48px}.rules-page__toc{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-wrap:wrap;gap:6px 14px;margin:16px 0 32px;padding:12px 16px;display:flex}.rules-page__toc a{color:var(--color-text-muted);font-size:.85rem}.rules-page__section{margin-bottom:32px;scroll-margin-top:80px}.rules-page__section h2{color:var(--color-accent-strong)}.rules-page__section ul{color:var(--color-text);padding-left:20px}.rules-page__section li{margin-bottom:6px;line-height:1.5}.search-bar{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);align-items:center;gap:8px;height:44px;padding:0 12px;display:flex}.search-bar__icon{opacity:.7;font-size:.9rem}.search-bar__input{height:100%;color:var(--color-text);background:0 0;border:none;outline:none;flex:1;font-size:1rem}.search-bar__input::placeholder{color:var(--color-text-muted)}.faction-chips{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;padding:4px 2px 8px;display:flex;overflow-x:auto}.faction-chips::-webkit-scrollbar{display:none}.faction-chip{min-height:var(--touch-target);border:1px solid var(--color-border);background:var(--color-bg-elevated);color:var(--color-text-muted);cursor:pointer;white-space:nowrap;border-radius:999px;flex:none;padding:0 16px;font-size:.85rem;font-weight:600}.faction-chip.is-active{background:var(--chip-color,var(--color-accent));border-color:var(--chip-color,var(--color-accent));color:#fff}@media (width>=1024px){.faction-chips{display:none}}.filter-panel{flex-direction:column;gap:16px;display:flex}.filter-panel__header{justify-content:space-between;align-items:center;display:flex}.filter-panel__header h2{margin:0;font-size:1.05rem}.filter-panel__reset{color:var(--color-accent-strong);cursor:pointer;background:0 0;border:none;padding:8px;font-size:.85rem}.filter-panel__field{color:var(--color-text-muted);flex-direction:column;gap:6px;font-size:.85rem;display:flex}.filter-panel__field select{height:var(--touch-target);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-elevated);color:var(--color-text);padding:0 10px;font-size:.95rem}.filter-panel__segmented{border:1px solid var(--color-border);border-radius:var(--radius-sm);display:flex;overflow:hidden}.filter-panel__segmented button{min-height:var(--touch-target);background:var(--color-bg-elevated);color:var(--color-text-muted);cursor:pointer;border:none;flex:1;font-size:.85rem}.filter-panel__segmented button.is-active{background:var(--color-accent);color:#fff}.filter-panel__progress-list{border-top:1px solid var(--color-border);flex-direction:column;gap:8px;padding-top:8px;display:flex}.filter-panel__progress-item{color:var(--color-text-muted);align-items:center;gap:8px;font-size:.8rem;display:flex}.filter-panel__progress-dot{border-radius:50%;flex:none;width:10px;height:10px}.filter-panel__progress-name{flex:1}@media (width<=1023px){.filter-panel__field--faction-only-desktop{display:none}}.filter-fab,.filter-drawer__overlay{display:none}@media (width<=1023px){.filter-fab{right:16px;bottom:calc(72px + env(safe-area-inset-bottom));z-index:40;background:var(--color-accent);color:#fff;height:48px;box-shadow:var(--shadow-md);cursor:pointer;border:none;border-radius:999px;align-items:center;gap:8px;padding:0 18px;font-size:.9rem;font-weight:700;display:flex;position:fixed}.filter-fab__badge{background:var(--color-bg-elevated);color:var(--color-accent-strong);border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:.75rem;display:inline-flex}.filter-drawer{z-index:60;position:fixed;inset:0}.filter-drawer__overlay{background:var(--color-overlay);display:block;position:absolute;inset:0}.filter-drawer__sheet{background:var(--color-bg-elevated);max-height:82vh;padding:8px 20px calc(24px + env(safe-area-inset-bottom));box-shadow:var(--shadow-md);border-radius:18px 18px 0 0;animation:.2s ease-out filter-drawer-slide-up;position:absolute;bottom:0;left:0;right:0;overflow-y:auto}.filter-drawer__handle{background:var(--color-border);border-radius:999px;width:40px;height:4px;margin:8px auto 12px}.filter-drawer__close{width:var(--touch-target);height:var(--touch-target);color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;font-size:1.1rem;position:absolute;top:12px;right:16px}}@keyframes filter-drawer-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.progress-bar{flex-direction:column;gap:4px;display:flex}.progress-bar__labels{color:var(--color-text-muted);justify-content:space-between;font-size:.85rem;display:flex}.progress-bar--compact .progress-bar__labels{font-size:.75rem}.progress-bar__track{background:var(--color-border);border-radius:999px;height:8px;overflow:hidden}.progress-bar--compact .progress-bar__track{height:5px}.progress-bar__fill{border-radius:999px;height:100%;transition:width .25s}.card-tile{text-align:left;border:2px solid var(--faction-color);border-radius:var(--radius-md);background:var(--color-bg-elevated);cursor:pointer;-webkit-tap-highlight-color:transparent;flex-direction:column;width:100%;padding:0;transition:transform .12s,box-shadow .12s,filter .15s;display:flex;position:relative;overflow:hidden}.card-tile:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-tile:focus-visible{outline:3px solid var(--color-accent-strong);outline-offset:2px}.card-tile.is-missing{filter:grayscale(55%);opacity:.72}.card-tile__status-badge{z-index:2;color:#fff;background:var(--color-success);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.95rem;font-weight:700;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 1px 4px #00000059}.card-tile.is-missing .card-tile__status-badge{background:var(--color-text-muted)}.card-tile__art{aspect-ratio:53/100;background:linear-gradient(160deg, var(--faction-color), var(--color-bg));flex:none;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.card-tile__img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.card-tile__placeholder{font-family:var(--font-heading);color:#ffffffd9;font-size:2.4rem;font-weight:700}.card-tile__body{flex-direction:column;flex:1;gap:4px;padding:10px 12px 12px;display:flex}.card-tile__name{color:var(--color-text);font-size:.95rem;font-weight:700;line-height:1.25}.card-tile__meta{color:var(--color-text-muted);flex-wrap:wrap;gap:6px;font-size:.72rem;display:flex}.card-tile__strength{background:var(--faction-color);color:#fff;border-radius:5px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 4px;font-weight:700;display:inline-flex}.card-tile__row,.card-tile__unique{background:var(--color-border);border-radius:5px;padding:2px 6px}.card-tile__source{color:var(--color-text-muted);align-items:baseline;gap:4px;margin-top:auto;font-size:.72rem;display:flex}.card-tile__source-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.card-tile__source-extra{opacity:.8;flex:none}.card-tile__review{text-transform:uppercase;letter-spacing:.04em;color:var(--color-danger);border:1px solid var(--color-danger);border-radius:4px;align-self:flex-start;padding:1px 5px;font-size:.65rem}@media (width<=480px){.card-tile__name{font-size:.85rem}}.card-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.card-grid__empty{text-align:center;color:var(--color-text-muted);padding:40px 0}@media (width>=480px){.card-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=720px){.card-grid{grid-template-columns:repeat(4,1fr);gap:16px}}@media (width>=1024px){.card-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media (width>=1400px){.card-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}}.cards-page{flex-direction:column;gap:16px;padding:24px 16px 40px;display:flex}.cards-page__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.cards-page__header h1{margin:0}.cards-page__header .progress-bar{flex:1;min-width:240px;max-width:360px}.cards-page__banner{background:var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);margin:0;padding:10px 14px;font-size:.85rem}.cards-page__layout{grid-template-columns:1fr;gap:20px;display:grid}.cards-page__sidebar{display:none}@media (width>=1024px){.cards-page__layout{grid-template-columns:280px 1fr;align-items:start}.cards-page__sidebar{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px;display:block;position:sticky;top:80px}}.about-page{max-width:720px;padding:32px 16px 48px}.about-page p{color:var(--color-text-muted);margin-bottom:16px}