:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page-background:#282c34;--surface:#222;--surface-raised:#2b2b2b;--surface-highlight:#333;--border:#444;--text:#fff;--muted-text:#aaa;--accent:#2090c0;--success:#4ec04e;--warning:#ffc84a;--danger:#ac1f39}*{box-sizing:border-box}body{background-color:var(--page-background);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-width:320px;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}button,input,select{font:inherit}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App-header{background-color:var(--surface);border-bottom:1px solid var(--border);padding:20px 24px}.appHeaderContent{align-items:center;gap:12px;max-width:1900px;margin:0 auto;display:flex}.appHeaderAccent{background-color:var(--accent);border-radius:3px;width:4px;height:44px;display:block}.appHeaderContent h1{margin:0;font-size:1.6rem;line-height:1.1}.appHeaderContent p{color:var(--muted-text);margin:5px 0 0;font-size:.82rem}.appMain{max-width:1900px;margin:0 auto;padding:16px 20px 32px}.ratingSection{margin-top:16px;padding-bottom:8px;overflow-x:auto}.loadingPanel{background-color:var(--surface);border:1px solid var(--border);color:var(--muted-text);border-radius:8px;padding:16px}.panelHeading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.panelEyebrow{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;font-size:.68rem;font-weight:700;display:block}.panelHeading h2{margin:3px 0 0;font-size:1rem;line-height:1.2}.App-link{color:#61dafb}.death_knight,.death_knight>a{color:#c41e3a}.demon_hunter,.demon_hunter>a{color:#a330c9}.druid,.druid>a{color:#ff7c0a}.evoker,.evoker>a{color:#33937f}.hunter,.hunter>a{color:#aad372}.mage,.mage>a{color:#3fc7eb}.monk,.monk>a{color:#00ff98}.paladin,.paladin>a{color:#f48cba}.priest,.priest>a{color:#fff}.rogue,.rogue>a{color:#fff468}.shaman,.shaman>a{color:#0070dd}.warlock,.warlock>a{color:#8788ee}.warrior,.warrior>a{color:#c69b6d}.characterWorkspace{grid-template-columns:minmax(0,1fr) minmax(270px,340px);align-items:start;gap:16px;margin-top:16px;display:grid}.characterLookup{min-width:0}.selectorPanel{background-color:var(--surface);border:1px solid var(--border);border-radius:8px;padding:16px}.panelHint{color:var(--muted-text);text-align:right;white-space:nowrap;padding-top:3px;font-size:.75rem}.inputPanel{grid-template-columns:minmax(84px,.45fr) minmax(150px,.9fr) minmax(160px,1fr) auto;align-items:end;gap:12px;margin-top:16px;display:grid}.inputField{flex-direction:column;gap:6px;min-width:0;display:flex}.inputField label{color:var(--muted-text);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:700}.inputField input,.inputField select{background-color:var(--surface-raised);color:var(--text);border:1px solid #555;border-radius:5px;width:100%;min-height:38px;padding:7px 10px}.inputField input:focus,.inputField select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #2090c040}.primaryButton{background-color:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:1px solid #2aa9dc;border-radius:5px;min-height:38px;padding:7px 14px;font-weight:700}.primaryButton:hover,.primaryButton:focus-visible{background-color:#2aa9dc;outline:none}.primaryButton:disabled{cursor:wait;background-color:#45616d;border-color:#557580}.loading_message{color:var(--muted-text);margin:12px 0 0;font-size:.8rem}.error_message{border:1px solid var(--danger);color:#f99;background-color:#ac1f3929;border-radius:5px;margin-top:12px;padding:9px 11px}.error_message .retryButton{align-self:flex-start;margin-top:10px}.retryButton{background-color:var(--accent);color:var(--text);cursor:pointer;border:1px solid #2aa9dc;border-radius:5px;padding:7px 11px;font-size:.75rem;font-weight:700}@media (width<=900px){.characterWorkspace{grid-template-columns:1fr}}@media (width<=600px){.selectorPanel{padding:12px}.panelHint{display:none}.inputPanel{grid-template-columns:1fr 1fr}.inputField--character,.inputField--submit{grid-column:1/-1}.primaryButton{width:100%}}.characterPanel{background-color:var(--surface-raised);border:1px solid var(--border);border-radius:8px;align-items:center;gap:12px;margin-top:12px;padding:12px 14px;display:flex}.characterThumbnail{flex:none}.characterThumbnail img{border:1px solid var(--border);object-fit:cover;border-radius:8px;width:56px;height:56px;display:block}.characterIdentity{min-width:0}.characterEyebrow{color:var(--muted-text);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:700;display:block}.characterName{margin-top:2px;font-size:1.2rem;font-weight:700;line-height:1.2}.characterRatingRow{align-items:baseline;gap:7px;margin-top:4px;display:flex}.characterRatingLabel{color:var(--muted-text);font-size:.75rem}.characterRating{font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:700}.profileLink{border:1px solid var(--border);color:var(--text);white-space:nowrap;border-radius:5px;align-items:center;gap:6px;margin-left:auto;padding:6px 9px;font-size:.75rem;text-decoration:none;display:inline-flex}.profileLink:hover,.profileLink:focus-visible{background-color:var(--surface-highlight);border-color:var(--accent);outline:none}.profileLink img{display:block}@media (width<=600px){.characterPanel{padding:10px}.profileLink{padding:7px;font-size:0}}.recentCharactersPanel{background-color:var(--surface);border:1px solid var(--border);border-radius:8px;min-width:0;padding:16px}.recentCharactersPanel h2{margin:3px 0 0;font-size:1rem;line-height:1.2}.recentCount{color:var(--muted-text);white-space:nowrap;font-size:.75rem}.recentCharacterList{flex-direction:column;gap:6px;margin:14px 0 0;padding:0;list-style:none;display:flex}.recentCharacterLink{color:inherit;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;min-height:40px;padding:7px 9px;text-decoration:none;transition:background-color .12s,border-color .12s;display:flex}.recentCharacterLink:hover,.recentCharacterLink:focus-visible{background-color:var(--surface-highlight);border-color:var(--border);outline:none}.recentCharacterItem.isSelected .recentCharacterLink{border-color:var(--accent);background-color:#2090c01f}.recentCharacterName{font-size:.85rem;font-weight:700}.recentCharacterLocation{color:var(--muted-text);white-space:nowrap;margin-left:auto;font-size:.72rem}.recentCharacterArrow{color:var(--muted-text);font-size:1rem;line-height:1}.emptyRecentCharacters{color:var(--muted-text);margin:14px 0 0;font-size:.82rem}@media (width<=600px){.recentCharactersPanel{padding:12px}}.affixBox{background-color:var(--surface);border:1px solid var(--border);border-radius:8px;padding:16px}.affixItem{min-width:0}.affixBox--status p{color:var(--muted-text);margin:10px 0 0}.retryButton{background-color:var(--accent);color:var(--text);cursor:pointer;border:1px solid #2aa9dc;border-radius:5px;margin-top:12px;padding:7px 11px;font-size:.75rem;font-weight:700}.retryButton:hover,.retryButton:focus-visible{background-color:#2aa9dc;outline:none}.affixBox h2{margin:3px 0 0;font-size:1rem;line-height:1.2}.affixCount{color:var(--muted-text);white-space:nowrap;font-size:.75rem}.affixList{flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0;list-style:none;display:flex}.affixLink{background-color:var(--surface-raised);border:1px solid var(--border);color:var(--text);border-radius:6px;align-items:center;gap:8px;min-height:52px;padding:5px 10px 5px 5px;text-decoration:none;transition:background-color .12s,border-color .12s;display:flex}.affixLink:hover,.affixLink:focus-visible{background-color:var(--surface-highlight);border-color:var(--accent);outline:none}.affixIcon{border:1px solid #111;border-radius:5px;display:block}.affixName{font-size:.85rem;font-weight:600}.affixDetails{background-color:var(--surface-highlight);border:1px solid var(--border);border-radius:6px;max-width:280px;margin-top:6px;padding:10px}.affixDetails p{color:var(--muted-text);margin:0 0 9px;font-size:.78rem;line-height:1.4}.affixDetailsLink{background-color:var(--accent);color:#fff;border:1px solid #2aa9dc;border-radius:5px;padding:6px 9px;font-size:.75rem;font-weight:700;text-decoration:none;display:inline-block}.affixDetailsLink:hover,.affixDetailsLink:focus-visible{background-color:#2aa9dc;outline:none}@media (width<=600px){.affixBox{padding:12px}.affixLink{min-height:48px}}.errorBoundary{background-color:var(--surface);border:1px solid var(--danger);border-radius:8px;max-width:560px;margin:16px auto;padding:20px}.errorBoundary h1{margin:5px 0 0;font-size:1.2rem;line-height:1.2}.errorBoundary p{color:var(--muted-text);margin:10px 0 16px;line-height:1.5}.errorBoundary button{background-color:var(--accent);color:var(--text);cursor:pointer;border:1px solid #2aa9dc;border-radius:5px;padding:8px 12px;font-weight:700}.errorBoundary button:hover,.errorBoundary button:focus-visible{background-color:#2aa9dc;outline:none}