*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#0f0e0c;--color-surface:#1a1814;--color-surface-hover:#242018;--color-border:#3a3228;--color-text:#e8e0d4;--color-text-muted:#9a9080;--color-accent:#c9a227;--color-accent-dim:#8a7020;--color-state-complete:#6e7d22;--color-state-stopped:#d6ad1e;--color-state-incomplete:#b5351b;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--radius:8px;--gap:1.25rem}html{-webkit-font-smoothing:antialiased;font-size:16px}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);flex-direction:column;min-height:100vh;line-height:1.5;display:flex}.site-header{border-bottom:1px solid var(--color-border);width:100%;padding:2rem 1.5rem 1.5rem}.site-header__content{justify-content:space-between;align-items:flex-start;gap:1.5rem;width:100%;max-width:1400px;margin:0 auto;display:flex}.site-header__titles{min-width:0}.site-header__meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.75rem;display:flex}.lang-switch{flex-shrink:0}.steam-profile{max-width:220px;color:inherit;align-items:center;gap:.65rem;text-decoration:none;display:flex}.steam-profile:hover .steam-profile__name{color:var(--color-accent)}.steam-profile__avatar{border:1px solid var(--color-border);background-color:var(--color-surface);object-fit:cover;border-radius:4px;flex-shrink:0;width:40px;height:40px}.steam-profile__info{text-align:right;flex-direction:column;min-width:0;line-height:1.25;display:flex}.steam-profile__name{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:600;overflow:hidden}.steam-profile__id{color:var(--color-text-muted);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-header h1{letter-spacing:-.02em;font-size:1.75rem;font-weight:600}.site-header p{color:var(--color-text-muted);margin-top:.35rem;font-size:.95rem}.site-main{flex:1 0 auto;width:100%;max-width:1400px;margin:0 auto;padding:1.5rem}.site-footer{border-top:1px solid var(--color-border);width:100%;max-width:1400px;margin-top:auto;margin-left:auto;margin-right:auto;padding:1rem 1.5rem 1.5rem}.site-footer__version{color:var(--color-text-muted);font-variant-numeric:tabular-nums;font-size:.75rem}.dashboard-controls{border-bottom:1px solid var(--color-border);flex-direction:column;gap:1.25rem;margin-bottom:1.5rem;padding-bottom:1.5rem;display:flex}.progress-section{max-width:480px}.status-message{color:var(--color-text-muted);margin-top:.5rem;font-size:.85rem}.progress-bar{align-items:center;gap:.75rem;display:flex}.progress-bar__track{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;flex:1;height:8px;overflow:hidden}.progress-bar__fill{background:linear-gradient(90deg, var(--color-accent-dim), var(--color-accent));border-radius:3px;width:0%;height:100%;transition:width .4s}.progress-bar__label{color:var(--color-accent);white-space:nowrap;text-align:right;min-width:4rem;font-size:.875rem;font-weight:600}.filter-bar{flex-direction:column;gap:1rem;display:flex}.filter-group{flex-direction:column;gap:.5rem;display:flex}.filter-label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);font-size:.75rem;font-weight:600}.filter-buttons{flex-wrap:wrap;gap:.4rem;display:flex}.filter-btn{color:var(--color-text-muted);background-color:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;border-radius:6px;padding:.35rem .75rem;font-family:inherit;font-size:.8rem;transition:color .15s,border-color .15s,background-color .15s}.filter-btn:hover{color:var(--color-text);border-color:var(--color-accent-dim)}.filter-btn.is-active{color:var(--color-text);border-color:var(--color-accent);background-color:#c9a22726}.filter-group--energy .filter-btn:not(.is-active){min-width:2.25rem;min-height:2.25rem;padding:.35rem .5rem}.filter-btn--energy-low.is-active{background-color:#4caf502e;border-color:#4caf50}.filter-btn--energy-medium.is-active{background-color:#ffc1072e;border-color:#ffc107}.filter-btn--energy-high.is-active{background-color:#f443362e;border-color:#f44336}.meta-icon{font-size:1.1rem;line-height:1}.casual-toggle{cursor:pointer;user-select:none;align-items:center;gap:.5rem;display:flex}.casual-toggle input{width:1rem;height:1rem;accent-color:var(--color-accent);cursor:pointer}.casual-toggle__label{font-size:.875rem;font-weight:500}.casual-toggle__hint{color:var(--color-text-muted);font-size:.75rem}.is-lang-hidden{display:none}html[data-ui-lang=en] [data-lang=de],html[data-ui-lang=de] [data-lang=en]{display:none!important}.achievement-count{color:var(--color-text-muted);margin-bottom:1.25rem;font-size:.875rem}.achievement-count strong{color:var(--color-accent);font-weight:600}.achievement-grid{gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.achievement-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);border-left-width:3px;flex-direction:column;transition:border-color .15s,background-color .15s;display:flex;overflow:hidden}.achievement-card--energy-low{border-left-color:#4caf50}.achievement-card--energy-medium{border-left-color:#ffc107}.achievement-card--energy-high{border-left-color:#f44336}.achievement-card:hover{border-color:var(--color-accent-dim);background-color:var(--color-surface-hover)}.achievement-card--hidden{opacity:.75}.achievement-card--filtered-out{display:none}.achievement-card__icon{object-fit:cover;border-radius:6px;flex-shrink:0;width:64px;height:64px}.achievement-card__body{flex:1;gap:1rem;padding:1rem;display:flex}.achievement-card__content{flex-direction:column;gap:.35rem;min-width:0;display:flex}.achievement-card__header{align-items:flex-start;gap:.45rem;display:flex}.achievement-card__energy{cursor:help;flex-shrink:0;font-size:1.15rem;line-height:1.2}.achievement-card__titles{min-width:0}.achievement-card__name{font-size:.95rem;font-weight:600;line-height:1.3}.achievement-card__description{color:var(--color-text-muted);font-size:.825rem;line-height:1.45}.achievement-card__unlock-time{color:var(--color-text-muted);margin-top:.25rem;font-size:.75rem;display:block}.achievement-card__tags{flex-wrap:wrap;gap:.3rem;margin-top:.25rem;display:flex}.achievement-card__tag{color:var(--color-text-muted);border:1px solid var(--color-border);background-color:#ffffff0a;border-radius:4px;padding:.1rem .4rem;font-size:.65rem;font-weight:500}.achievement-card__tag--icon{cursor:help;padding:.15rem .35rem;font-size:.85rem;line-height:1}.achievement-card__tag--legendary{color:#c97a27;background-color:#c97a271a;border-color:#c97a2766}.achievement-card__tag--recommended{color:#7eb87a;background-color:#7eb87a1a;border-color:#7eb87a66}.achievement-card__badge{text-transform:uppercase;letter-spacing:.04em;color:var(--color-accent);background-color:#c9a2271f;border-radius:4px;padding:.1rem .4rem;font-size:.65rem;font-weight:500;display:inline-block}.site-nav{flex-wrap:wrap;gap:.4rem;margin-top:.85rem;display:flex}.site-nav__link{color:var(--color-text-muted);background-color:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;border-radius:6px;padding:.3rem .7rem;font-family:inherit;font-size:.8rem;text-decoration:none;transition:color .15s,border-color .15s,background-color .15s}.site-nav__link:hover{color:var(--color-text);border-color:var(--color-accent-dim)}.site-nav__link.is-active{color:var(--color-text);border-color:var(--color-accent);background-color:#c9a22726}.site-nav__link--button{appearance:none}.settings{flex-direction:column;gap:1.75rem;max-width:36rem;display:flex}.settings-section{border-bottom:1px solid var(--color-border);flex-direction:column;gap:.85rem;padding-bottom:1.75rem;display:flex}.settings-section:last-child{border-bottom:none;padding-bottom:0}.settings-section__title{font-size:1.15rem;font-weight:600}.settings-section__lead{color:var(--color-text-muted);font-size:.9rem;line-height:1.5}.settings-form{flex-direction:column;gap:.65rem;display:flex}.settings-form__subtitle{margin-top:.5rem;font-size:.95rem;font-weight:600}.settings-form__label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);font-size:.75rem;font-weight:600}.settings-form__input--password{font-family:inherit}.settings-form__check{color:var(--color-text-muted);cursor:pointer;align-items:flex-start;gap:.55rem;font-size:.85rem;line-height:1.45;display:flex}.settings-form__check input{flex-shrink:0;margin-top:.2rem}.settings-form__input{width:100%;color:var(--color-text);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;padding:.65rem .75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1rem}.settings-form__input:focus{outline:2px solid var(--color-accent);outline-offset:1px}.settings-form__input[aria-invalid=true]{border-color:#f44336}.settings-form__error{color:#f44336;font-size:.85rem}.settings-form__success{color:#7cb342;font-size:.85rem}.settings-form__actions{flex-wrap:wrap;gap:.5rem;margin-top:.25rem;display:flex}.settings-form__btn{cursor:pointer;border:1px solid var(--color-border);border-radius:6px;padding:.45rem .9rem;font-family:inherit;font-size:.875rem}.settings-form__btn:disabled{opacity:.45;cursor:not-allowed}.settings-form__btn--primary{color:var(--color-bg);background:var(--color-accent);border-color:var(--color-accent);font-weight:600}.settings-form__btn--primary:hover:not(:disabled){background:#d4ae3a}.settings-form__btn--danger{color:#f44336;background:0 0;border-color:#f4433673}.settings-form__btn--danger:hover:not(:disabled){background:#f443361f;border-color:#f44336}.settings-help summary{cursor:pointer;color:var(--color-accent);margin-bottom:.5rem;font-size:.875rem;font-weight:500}.settings-help__steps{color:var(--color-text-muted);flex-direction:column;gap:.45rem;padding-left:1.2rem;font-size:.9rem;line-height:1.5;display:flex}.settings-help__steps code{color:var(--color-text);font-size:.8em}.settings-help a{color:var(--color-accent)}.steam-setup{border:1px solid var(--color-border);width:min(440px,100vw - 2rem);max-width:min(440px,100vw - 2rem);height:fit-content;max-height:calc(100dvh - 2rem);color:var(--color-text);background:0 0;border-radius:12px;margin:auto;padding:0;position:fixed;inset:0}.steam-setup::backdrop{backdrop-filter:blur(2px);background:#080706b8}.steam-setup__panel{background-color:var(--color-surface);border-radius:12px;flex-direction:column;gap:.85rem;padding:1.5rem;display:flex}.steam-setup__title{font-size:1.25rem;font-weight:600}.steam-setup__lead,.steam-setup__hint,.steam-setup__steps{color:var(--color-text-muted);font-size:.9rem;line-height:1.5}.steam-setup__help summary{cursor:pointer;color:var(--color-accent);margin-bottom:.5rem;font-size:.875rem;font-weight:500}.steam-setup__steps{flex-direction:column;gap:.45rem;padding-left:1.2rem;display:flex}.steam-setup__steps code{color:var(--color-text);font-size:.8em}.steam-setup__help a{color:var(--color-accent)}.steam-setup__label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);font-size:.75rem;font-weight:600}.steam-setup__input{width:100%;color:var(--color-text);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;padding:.65rem .75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1rem}.steam-setup__input:focus{outline:2px solid var(--color-accent);outline-offset:1px}.steam-setup__input[aria-invalid=true]{border-color:#f44336}.steam-setup__error{color:#f44336;font-size:.85rem}.steam-setup__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;margin-top:.35rem;display:flex}.steam-setup__btn--ghost:hover{color:var(--color-text);border-color:var(--color-accent-dim)}.steam-setup__btn{cursor:pointer;border:1px solid var(--color-border);border-radius:6px;padding:.45rem .9rem;font-family:inherit;font-size:.875rem}.steam-setup__btn--ghost{color:var(--color-text-muted);background:0 0}.steam-setup__btn--primary{color:var(--color-bg);background:var(--color-accent);border-color:var(--color-accent);font-weight:600}.steam-setup__btn--primary:hover{background:#d4ae3a}.tracker-toolbar{border-bottom:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;display:flex}.tracker-search{flex-direction:column;flex:1;gap:.4rem;min-width:min(100%,240px);max-width:420px;display:flex}.tracker-search__input{width:100%;color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;padding:.55rem .75rem;font-family:inherit;font-size:.9rem}.tracker-search__input:focus{outline:2px solid var(--color-accent);outline-offset:1px}.tracker-stats{color:var(--color-text-muted);font-size:.9rem}.tracker-stats strong{color:var(--color-accent)}.tracker-grid{grid-template-columns:repeat(auto-fill,minmax(min(350px,100%),1fr));gap:1rem;list-style:none;display:grid}.tracker-race{flex-direction:column;gap:0;min-width:0;list-style:none;display:flex}.tracker-race.is-filtered-out{display:none}.tracker-race__stage{border:1px solid var(--color-border);border-radius:var(--radius) var(--radius) 0 0;height:100px;transition:border-color .15s,box-shadow .15s;position:relative;overflow:hidden}.tracker-race.is-expanded .tracker-race__stage{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent);z-index:2}.tracker-race__banner{background-color:var(--color-surface);cursor:pointer;text-align:left;color:#fff;background-position:100%;background-repeat:no-repeat;background-size:cover;border:none;border-radius:0;width:100%;height:100%;padding:0;transition:filter .15s;display:block;overflow:hidden}.tracker-race__banner:hover{filter:brightness(1.15)saturate(1.1)}.tracker-race__banner:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.tracker-race__banner.is-active{filter:brightness(.85)saturate(.9)}.tracker-race__title{background:linear-gradient(90deg,#000000bf 0%,#0000008c 55%,#0000 100%);margin:0;padding:.35rem .6rem;font-size:.95rem;font-weight:600;transition:opacity .15s;display:inline-block}.tracker-race.is-expanded .tracker-race__title{opacity:0;pointer-events:none}.tracker-race__bar{border:1px solid var(--color-border);border-radius:0 0 var(--radius) var(--radius);background:var(--color-surface);border-top:none;gap:3px;height:.4rem;padding:0;display:flex;overflow:hidden}.tracker-race__seg{background:linear-gradient(#d44825 0%,#ca4122 16%,#c03b1e 33%,#b5351b 50%,#aa3018 66%,#a02a16 83%,#952513 100%);flex:1;min-width:0}.tracker-race__seg.is-complete{background:linear-gradient(#7b8c26 0%,#6e7d22 16%,#606e1e 33%,#535e1a 50%,#464f15 66%,#3a4112 83%,#2e340e 100%)}.tracker-race__seg.is-stopped{background:linear-gradient(#f7d65f 0%,#eec73d 16%,#e4ba21 33%,#d6ad1e 50%,#c6a21e 66%,#b7951f 83%,#a88a1f 100%)}.tracker-lords{z-index:1;backdrop-filter:blur();background-color:#0000;justify-content:space-around;align-items:flex-end;gap:.25rem;padding:.35rem .25rem;list-style:none;transition:background-color .12s,backdrop-filter .12s;display:none;position:absolute;inset:0}.tracker-race.is-expanded .tracker-lords{backdrop-filter:blur(5px);background-color:#000000b3;display:flex}@media (prefers-reduced-motion:reduce){.tracker-lords,.tracker-race__title,.tracker-lord__portrait{transition:none}}.tracker-lord{flex:1 1 0;justify-content:center;min-width:0;max-width:56px;list-style:none;display:flex}.tracker-lord__btn{cursor:pointer;opacity:0;background:0 0;border:2px solid #ffffff40;border-radius:4px;max-width:100%;padding:0}.tracker-race.is-expanded .tracker-lord__btn{animation:.2s .15s forwards tracker-portrait-in}@keyframes tracker-portrait-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.tracker-lord__btn,.tracker-race.is-expanded .tracker-lord__btn{opacity:1;animation:none}}.tracker-lord__btn:hover .tracker-lord__portrait,.tracker-lord__btn:focus-visible .tracker-lord__portrait{filter:brightness(1.25)saturate(1.2)}.tracker-lord__btn:focus-visible{border-color:var(--race-colour,#fff);box-shadow:0 0 0 2px var(--race-colour,#fff);outline:none}.tracker-lord__btn.is-complete{border-color:var(--color-state-complete)}.tracker-lord__btn.is-stopped{border-color:var(--color-state-stopped)}.tracker-lord__portrait{aspect-ratio:56/72;object-fit:cover;border-radius:2px;width:100%;max-width:55px;height:auto;transition:filter .12s;display:block;box-shadow:0 2px 8px #00000073}.tracker-lord__portrait.is-placeholder{opacity:.72;filter:grayscale(.35)}.tracker-preview{z-index:40;border:1px solid var(--color-border);background:var(--color-surface);max-width:min(280px,100vw - 1.5rem);color:var(--color-text);pointer-events:none;border-radius:8px;padding:.65rem .8rem;position:fixed;box-shadow:0 10px 28px #0000008c}.tracker-preview[hidden]{display:none}.tracker-preview__name{color:var(--color-accent);margin:0 0 .35rem;font-size:.95rem;font-weight:600}.tracker-preview__empty{color:var(--color-text-muted);margin:0;font-size:.8rem}.tracker-preview__list{color:var(--color-text-muted);flex-direction:column;gap:.25rem;margin:0;padding:0;font-size:.8rem;list-style:none;display:flex}.tracker-preview__list strong{color:var(--color-text);font-weight:600}@media (width<=520px){.tracker-race__stage{height:88px}.tracker-lord__portrait{max-width:44px}.tracker-lords{gap:.15rem;padding-inline:.15rem}}.tracker-disclaimer{border-top:1px solid var(--color-border);color:var(--color-text-muted);margin-top:2.5rem;padding-top:1rem;font-size:.75rem;line-height:1.45}.tracker-progress{width:min(480px,100vw - 2rem);max-width:min(480px,100vw - 2rem);height:fit-content;max-height:calc(100dvh - 2rem);color:var(--color-text);background:0 0;border:none;border-radius:0;margin:auto;padding:2.75rem 0 0;position:fixed;inset:0;overflow:visible}.tracker-progress::backdrop{background:#080706b8}.tracker-progress__panel{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;flex-direction:column;gap:1rem;max-height:calc(100dvh - 4.75rem);padding:3.25rem 1.5rem 1.5rem;display:flex;position:relative;overflow-y:auto}.tracker-progress__portrait{object-fit:cover;border:2px solid var(--color-border);background:var(--color-bg);border-radius:6px;width:72px;height:92px;position:absolute;top:-40px;left:50%;transform:translate(-50%)}.tracker-progress__portrait.is-placeholder{opacity:.72;filter:grayscale(.35)}.tracker-progress__title{text-align:center;font-size:1.15rem}.tracker-progress__faction{text-align:center;color:var(--color-text-muted);margin-top:-.5rem;font-size:.85rem}.tracker-progress__fields{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;display:grid}.tracker-progress__field{border:none;flex-direction:column;gap:.4rem;min-width:0;display:flex}.tracker-progress__legend,.tracker-progress__label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);font-size:.75rem;font-weight:600}.tracker-progress__radios{flex-wrap:wrap;gap:.35rem;display:flex}.tracker-progress__radio{border:1px solid var(--color-border);background:var(--color-bg);cursor:pointer;border-radius:6px;align-items:center;gap:.3rem;padding:.35rem .6rem;font-size:.8rem;display:inline-flex}.tracker-progress__radio:has(input:checked){border-color:var(--color-accent);background:#c9a22726}.tracker-progress__radio input{accent-color:var(--color-accent)}.tracker-progress__select,.tracker-progress__date{color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;padding:.45rem .55rem;font-family:inherit;font-size:.875rem}.tracker-progress__actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.tracker-progress__btn{cursor:pointer;border:1px solid var(--color-border);border-radius:6px;padding:.45rem .9rem;font-family:inherit;font-size:.875rem}.tracker-progress__btn--ghost{color:var(--color-text-muted);background:0 0}.tracker-progress__btn--danger{color:#f44336;background:0 0;border-color:#f4433666;margin-right:auto}.tracker-progress__btn--primary{color:var(--color-bg);background:var(--color-accent);border-color:var(--color-accent);font-weight:600}