*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;min-height:100vh;font-family:system-ui,sans-serif;background:#0f1117;color:#e5e7eb}a{color:#93c5fd}.nav-bar{padding:.75rem 1.5rem;background:#1a1a2e;color:#eee}.nav-bar,.nav-bar__account,.nav-bar__main{display:flex;align-items:center;gap:1rem}.nav-bar__account{margin-left:auto}.nav-bar__avatar-wrap{position:relative}.nav-bar__avatar-btn{display:flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:0;background:transparent;cursor:pointer;overflow:visible}.nav-bar__avatar{display:block;width:32px;height:32px;border-radius:50%;object-fit:cover}.nav-bar__avatar-fallback{width:32px;height:32px;border-radius:50%;background:#3d3d5c;color:#eee;font-size:1rem;font-weight:600;display:flex;align-items:center;justify-content:center}.nav-bar__avatar-btn:hover .nav-bar__avatar,.nav-bar__avatar-btn:hover .nav-bar__avatar-fallback{opacity:.9}.nav-bar__menu{position:absolute;top:100%;right:0;margin:.25rem 0 0;padding:.25rem 0;min-width:10rem;list-style:none;background:#1a1a2e;border:1px solid #3d3d5c;border-radius:.25rem;box-shadow:0 4px 12px rgba(0,0,0,.5);z-index:100}.nav-bar__menu-item{display:block;width:100%;padding:.5rem 1rem;border:none;background:none;color:#eee;font:inherit;text-align:left;cursor:pointer;text-decoration:none}.nav-bar__menu-item:hover{background:#3d3d5c}.nav-bar__link{color:#eee;text-decoration:none}.nav-bar__link:hover{text-decoration:underline}.nav-bar__logo-nav{display:flex;align-items:center;text-decoration:none;line-height:0}.nav-bar__logo-nav:hover{opacity:.9}.nav-bar button.nav-bar__link{background:none;border:none;font:inherit;cursor:pointer;padding:0}.main{padding:1.5rem;width:100%;max-width:100%;margin:0}.page-title{font-size:1.5rem;margin-bottom:1rem;color:#f9fafb}.user-profile{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem}.user-profile__avatar{flex-shrink:0}.user-profile__avatar-fallback,.user-profile__avatar-img{width:80px;height:80px;border-radius:50%;object-fit:cover;background:#3d3d5c;color:#eee;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:600}.user-profile__meta{display:flex;flex-direction:column;gap:.5rem}.user-profile__name{font-size:1.75rem;color:#f9fafb}.user-profile__bio{max-width:40rem;color:#9ca3af}.user-profile__section-title{font-size:1.25rem;margin-bottom:1rem;color:#f9fafb}.user-profile__empty{color:#6b7280}.deck-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:1rem;gap:1rem}@media (max-width:640px){.deck-grid{display:flex;flex-wrap:nowrap;overflow-x:auto;padding-bottom:.5rem;-webkit-overflow-scrolling:touch}.deck-grid>*{flex:0 0 auto}}.deck-detail-main{display:grid;grid-template-columns:3fr 1fr 1fr;grid-gap:1.5rem;gap:1.5rem;align-items:flex-start}.deck-charts{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}.deck-builder-main{display:grid;grid-template-columns:2fr 1fr;grid-gap:1rem;gap:1rem;align-items:flex-start;width:100%}@media (max-width:640px){.deck-builder-main,.deck-charts,.deck-detail-main{grid-template-columns:1fr}}.deck-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:.75rem;gap:.75rem}@media (max-width:640px){.deck-list-grid{grid-template-columns:repeat(auto-fill,minmax(36px,1fr))}}.deck-card{padding:1rem;border-radius:.5rem;border:1px solid #374151;background:#1f2937}.deck-card__title{font-size:1.1rem;margin-bottom:.25rem;color:#f9fafb}.deck-card__meta{font-size:.9rem;color:#9ca3af}.deck-card__invalid{margin-top:.5rem;font-size:.85rem;color:#f87171}.deck-card__votes{margin-top:.75rem;display:flex;align-items:center;gap:.5rem}.deck-card__vote-btn{border:1px solid #4b5563;background:#1f2937;border-radius:999px;padding:.15rem .6rem;cursor:pointer;font-size:.95rem;color:#e5e7eb}.deck-card__vote-btn:hover{background:#374151}.deck-card__vote-btn--down.deck-card__vote-btn--active,.deck-card__vote-btn--up.deck-card__vote-btn--active{background:#2563eb;border-color:#2563eb;color:#fff}.deck-card__vote-btn--disabled{opacity:.5;cursor:not-allowed}.deck-card__votes-hint{font-size:.8rem;color:#6b7280}.community-tabs{display:inline-flex;border-radius:999px;border:1px solid #374151;overflow:hidden;margin-bottom:1rem}.community-tabs__tab{padding:.4rem 1rem;border:none;background:transparent;cursor:pointer;font:inherit;color:#9ca3af}.community-tabs__tab:hover{color:#e5e7eb}.community-tabs__tab--active{background:#2563eb;color:#fff}.community-filters{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem}.community-filter{display:flex;align-items:center;gap:.5rem}.community-filter__label{font-weight:600;color:#d1d5db}.community-filter__placeholder{font-size:.9rem;color:#6b7280}.community-filter__chips{display:flex;flex-wrap:wrap;gap:.5rem}.community-chip{padding:.25rem .75rem;border-radius:999px;border:1px solid #4b5563;background:#1f2937;cursor:pointer;font-size:.85rem;color:#d1d5db}.community-chip:hover{background:#374151}.community-chip--active{background:#2563eb;border-color:#2563eb;color:#fff}.community-empty{color:#6b7280;margin-bottom:1rem}.deck-card--community{position:relative}.deck-card__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-width:0}.deck-card__header h3{min-width:0;flex:1 1 auto;overflow:hidden;max-width:calc(100% - 3.5rem)}.deck-card__badge{min-width:2.25rem;padding:.25rem .5rem;border-radius:999px;background:#2563eb;color:#fff;font-size:.85rem;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:.2rem;flex-shrink:0}.deck-card__badge--voted{background:#16a34a}.deck-card__badge--clickable{border:none;cursor:pointer;font:inherit}.deck-card__badge--clickable:hover{opacity:.9}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-bottom:1rem}.toolbar__label{font-size:.875rem;font-weight:600;color:#d1d5db}.toolbar__search{flex:1 1;min-width:180px;max-width:320px;padding:.5rem .75rem;font-size:.9375rem;font-family:inherit;border:1px solid #4b5563;border-radius:6px;background:#111827;color:#f9fafb}.toolbar__search::placeholder{color:#6b7280}.toolbar__search:focus{outline:2px solid #2563eb;outline-offset:2px}.toolbar__sort{padding:.5rem .75rem;font-size:.875rem;font-weight:600;font-family:inherit;background:#1f2937;border:1px solid #4b5563;border-radius:6px;cursor:pointer;color:#d1d5db}.toolbar__sort:hover{background:#374151}.toolbar__sort:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.toolbar__sort[aria-pressed=true]{background:#2563eb;border-color:#2563eb;color:#fff}.tabs{display:flex;gap:0;margin-bottom:1rem;border-bottom:2px solid #374151}.tabs__tab{padding:.6rem 1rem;font-size:.9375rem;font-weight:600;background:none;border:none;border-bottom:3px solid transparent;margin-bottom:-2px;color:#6b7280;cursor:pointer;font-family:inherit}.tabs__tab:hover{color:#e5e7eb}.tabs__tab:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.tabs__tab--active{color:#f9fafb;border-bottom-color:#2563eb}.faction-filter{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.faction-filter__chip{padding:.4rem .75rem;font-size:.875rem;font-family:inherit;background:#1f2937;border:1px solid #4b5563;border-radius:999px;cursor:pointer;color:#d1d5db}.faction-filter__chip:hover{background:#374151}.faction-filter__chip:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.faction-filter__chip--active{background:#2563eb;border-color:#2563eb;color:#fff}.loading,.loading-state{color:#9ca3af;padding:1rem 0}.empty-state{padding:2rem 1rem;text-align:center;background:#1f2937;border-radius:8px;border:1px dashed #4b5563}.empty-state__message{margin:0;color:#9ca3af;font-size:1rem}.error{color:#fca5a5;background:#450a0a;border:1px solid #7f1d1d}.error,.json-block{padding:1rem;border-radius:4px}.json-block{overflow-x:auto;font-family:ui-monospace,monospace;font-size:.875rem;white-space:pre-wrap;word-break:break-all;color:#e5e7eb}.json-block,.warlord-card{background:#1f2937;border:1px solid #374151}.warlord-card{border-radius:8px;padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.5rem;min-width:0}.warlord-card__name{font-size:1.375rem;font-weight:700;margin:0;color:#f9fafb;line-height:1.3}.warlord-card__faction{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#9ca3af}.warlord-card__score{font-size:2rem;font-weight:800;color:#93c5fd;line-height:1;margin:.25rem 0}.warlord-card__description{font-size:.9375rem;color:#d1d5db;line-height:1.45;margin:0}.warlord-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:1.25rem;gap:1.25rem}@media (max-width:640px){.warlord-grid{grid-template-columns:1fr;gap:1rem}}.draft-form{max-width:420px;display:flex;flex-direction:column;gap:1rem}.draft-form--new-deck{max-width:100%}.draft-form__field--full-width{width:100%;max-width:100%}.draft-form__field{display:flex;flex-direction:column;gap:.25rem}.draft-form__field label{font-size:.875rem;font-weight:600;color:#d1d5db}.draft-form__field input,.draft-form__field select,.draft-form__field textarea{padding:.5rem .75rem;font-size:.9375rem;font-family:inherit;border:1px solid #4b5563;border-radius:6px;background:#111827;color:#f9fafb}.draft-form__field input::placeholder,.draft-form__field textarea::placeholder{color:#6b7280}.draft-form__field input:focus,.draft-form__field select:focus,.draft-form__field textarea:focus{outline:2px solid #2563eb;outline-offset:2px}.draft-form__input--error{border-color:#ef4444}.draft-form__error{font-size:.8125rem;color:#f87171}.draft-form__actions{margin-top:.5rem}.draft-form__submit{padding:.6rem 1.25rem;font-size:.9375rem;font-weight:600;font-family:inherit;background:#2563eb;color:#fff;border:none;border-radius:6px;cursor:pointer}.draft-form__submit:hover:not(:disabled){background:#1d4ed8}.draft-form__submit:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.draft-form__submit:disabled{opacity:.5;cursor:not-allowed}.draft-saved{max-width:400px}.draft-saved__status{font-size:.9375rem;margin-bottom:1rem;padding:.5rem 0;color:#9ca3af}.draft-saved__status strong{color:#f9fafb}.draft-saved__card{margin-bottom:1.25rem}.draft-saved__actions{display:flex;gap:.75rem}.error-boundary{padding:2rem;margin:1rem 0;background:#450a0a;border:1px solid #7f1d1d;border-radius:8px;color:#fca5a5}.error-boundary__title{font-size:1.25rem;margin:0 0 .5rem;color:#f87171}.error-boundary__message{margin:0 0 .5rem}.error-boundary__code{margin:0;font-size:.875rem;opacity:.8}.error-boundary__code code{background:rgba(255,255,255,.1);padding:.2em .4em;border-radius:4px}.my-decks__card-link{text-decoration:none;color:inherit}.my-decks__card-link:hover>div{border-color:#2563eb}