:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--color-background:#f6f5f1;--color-surface:#fff;--color-surface-raised:#f0eee8;--color-text:#1f2320;--color-text-muted:#5f665f;--color-border:#dcd9cf;--color-accent:#4f7a28;--color-accent-text:#fff;--color-accent-soft:#e5efd9;--color-link:#3b6b1c;--color-danger:#b3261e;--color-danger-soft:#fbe9e7;--color-success-soft:#e6f2e0;--color-discord:#5865f2;--color-mention:#4752c4;--color-mention-background:#5865f226;--color-mention-hover:#fff;--color-mention-hover-background:#5865f2;--game-era:#8a5a00;--game-anniversary:#6d3fb5;--game-forever:#0f6f78;--game-retail:#1d5fbf;--radius:10px;--radius-small:6px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--shadow:0 1px 2px #0000000f, 0 2px 8px #0000000a;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--color-background:#141714;--color-surface:#1d211d;--color-surface-raised:#262b26;--color-text:#e8ebe6;--color-text-muted:#a2aa9f;--color-border:#343a33;--color-accent:#7fb24a;--color-accent-text:#10140e;--color-accent-soft:#2a3a1e;--color-link:#9fcf6a;--color-danger:#f2786f;--color-danger-soft:#3a1f1d;--color-success-soft:#22331b;--color-mention:#c9cdfb;--color-mention-background:#5865f24d;--game-era:#e0a84a;--game-anniversary:#b994f2;--game-forever:#5cc8d1;--game-retail:#7fb0f5;--shadow:none}}*,:before,:after{box-sizing:border-box}body{background:var(--color-background);color:var(--color-text);font-family:var(--font);margin:0;font-size:1rem;line-height:1.5}h1,h2,h3{margin:0 0 var(--space-3);line-height:1.25}h1{font-size:1.75rem}h2{font-size:1.2rem}h3{font-size:1.05rem}p{margin:0 0 var(--space-3)}a{color:var(--color-link)}ul{margin:0;padding:0;list-style:none}input,select,button{font:inherit;color:inherit}input:not([type=checkbox]),select{min-height:2.5rem;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);max-width:100%}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (width<=40rem){h1{font-size:1.5rem}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--color-text-muted)}.page{max-width:64rem;padding:var(--space-6);margin:0 auto}.page-narrow{max-width:36rem}@media (width<=40rem){.page{padding:var(--space-4)}}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--space-4);margin-bottom:var(--space-4)}.button{justify-content:center;align-items:center;gap:var(--space-2);min-height:2.5rem;padding:var(--space-2) var(--space-4);border-radius:var(--radius-small);background:var(--color-accent);color:var(--color-accent-text);cursor:pointer;border:1px solid #0000;font-weight:600;text-decoration:none;display:inline-flex}.button:disabled{opacity:.6;cursor:progress}.button-quiet{color:var(--color-link);border-color:var(--color-border);background:0 0;font-weight:500}.button-discord{background:var(--color-discord);color:#fff}.button-danger{background:var(--color-danger);color:var(--color-surface)}.button-danger-outline{color:var(--color-danger);border-color:var(--color-danger);background:0 0}.button-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.form{align-items:flex-start;gap:var(--space-3);flex-direction:column;display:flex}.field{gap:var(--space-1);flex-direction:column;width:100%;display:flex}.field>span{color:var(--color-text-muted);font-size:.9rem}.field-small{width:6rem}.inline-form{align-items:flex-end;gap:var(--space-3);margin:var(--space-3) 0;flex-wrap:wrap;display:flex}.inline-form .field{flex:10rem;width:auto}.inline-form .field-small{flex:0 0 6rem}.checkbox{align-items:center;gap:var(--space-2);cursor:pointer;display:inline-flex}.filters{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.filters input[type=search]{flex:14rem}.choice-list{gap:var(--space-1);margin-top:var(--space-2);flex-direction:column;display:flex}.avatar{object-fit:cover;border-radius:50%;flex:none}.avatar-initial{background:var(--color-accent-soft);color:var(--color-accent);place-items:center;font-weight:700;display:inline-grid}.site-header{align-items:center;gap:var(--space-3) var(--space-6);padding:var(--space-3) var(--space-6);background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.site-name{color:var(--color-accent);font-size:1.2rem;font-weight:700;text-decoration:none}.site-navigation{gap:var(--space-4);display:flex}.site-navigation a{color:var(--color-text-muted);padding:var(--space-1) 0;border-bottom:2px solid #0000;text-decoration:none}.site-navigation a.active{color:var(--color-text);border-bottom-color:var(--color-accent)}.site-user{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}@media (width<=40rem){.site-header{padding:var(--space-3) var(--space-4)}.site-username{display:none}}.inline-error{color:var(--color-danger);background:var(--color-danger-soft);border-radius:var(--radius-small);padding:var(--space-2) var(--space-3);margin:var(--space-2) 0;width:100%}.loading-message{color:var(--color-text-muted);padding:var(--space-4)}.class-icon{vertical-align:middle;border:1px solid var(--color-border);border-radius:4px}.class-icons{gap:var(--space-1);display:inline-flex}.notice{background:var(--color-success-soft);border-radius:var(--radius-small);padding:var(--space-2) var(--space-3)}.class-editor-prompt{border:2px solid var(--color-accent)}.class-from-blizzard{align-items:center;gap:var(--space-2);margin:0;display:flex}.profession-label{white-space:nowrap}.profession-choices{gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.danger-zone{border-color:var(--color-danger)}.emoji{vertical-align:middle;border-radius:4px}.recipe-name{align-items:center;gap:var(--space-2);display:inline-flex}.recipe-icon{vertical-align:middle;border-radius:4px}.quality-0{color:var(--color-text-muted)}.quality-2{color:#1a8a00}.quality-3{color:#0062c4}.quality-4{color:#8a2fc9}@media (prefers-color-scheme:dark){.quality-2{color:#1eff00}.quality-3{color:#3d9bff}.quality-4{color:#c26bff}}.known-recipe{align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-1) 0;flex-wrap:wrap;display:flex}.known-recipe .button{min-height:2rem;padding:var(--space-1) var(--space-3);margin-left:auto}.crafter-card{margin:0}.crafter-facts{gap:var(--space-1) var(--space-3);grid-template-columns:max-content 1fr;margin:0;display:grid}.crafter-facts dt{color:var(--color-text-muted)}.crafter-facts dd{margin:0}.known-recipes summary{cursor:pointer;color:var(--color-link);margin:var(--space-2) 0}.crafter-grid{gap:var(--space-4);margin-bottom:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));display:grid}.unlisted-crafters{margin:var(--space-4) 0}.unlisted-crafters summary{cursor:pointer;color:var(--color-link);margin:var(--space-2) 0}.recipe-choice{align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-1) 0;flex-wrap:wrap;display:flex}.recipe-choice .button{min-height:2rem;padding:var(--space-1) var(--space-3);margin-left:auto}.context-menu{z-index:20;min-width:10rem;padding:var(--space-1);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-small);box-shadow:var(--shadow);flex-direction:column;font-size:.95rem;font-weight:400;display:flex;position:fixed}.context-menu-item{padding:var(--space-2) var(--space-3);border-radius:var(--radius-small);text-align:left;cursor:pointer;background:0 0;border:0}.context-menu-item:hover,.context-menu-item:focus{background:var(--color-surface-raised)}.copy-status{color:var(--color-text-muted);font-size:.8rem;font-weight:400}.copy-status-failed{color:var(--color-danger)}.discord-mention-holder{align-items:baseline;gap:var(--space-2);display:inline-flex}.discord-mention{background:var(--color-mention-background);color:var(--color-mention);font:inherit;cursor:pointer;border:0;border-radius:3px;padding:0 .15em;font-weight:500;text-decoration:none;display:inline}.discord-mention:hover{background:var(--color-mention-hover-background);color:var(--color-mention-hover)}.game-badge{padding:0 var(--space-2);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;border:1px solid;border-radius:999px;font-size:.75rem;font-weight:600;display:inline-block}.game-badge-era{color:var(--game-era)}.game-badge-anniversary{color:var(--game-anniversary)}.game-badge-forever{color:var(--game-forever)}.game-badge-retail{color:var(--game-retail)}.character-heading{align-items:baseline;gap:var(--space-2) var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.character-heading h1{margin:0}.character-row{align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-2) 0;border-top:1px solid var(--color-border);flex-wrap:wrap;display:flex}.character-list>.character-row:first-child{border-top:0}.character-name{font-weight:600}.character-professions{gap:var(--space-1);margin-left:auto;display:inline-flex}@media (width<=40rem){.character-professions{margin-left:0}}.page-heading{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.page-heading h1{margin:0}.player-group h2{color:var(--color-text-muted);font-size:1rem}.realm-picker{border:1px solid var(--color-border);border-radius:var(--radius-small);width:100%;padding:var(--space-3)}.realm-picker input{width:100%}.choice{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2);border-radius:var(--radius-small);text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.choice:hover{background:var(--color-surface-raised)}.picked-realm{align-items:center;gap:var(--space-2);flex-wrap:wrap;margin:0;display:flex}.combobox{gap:var(--space-1);flex-direction:column;flex:12rem;display:flex;position:relative}.combobox-label{color:var(--color-text-muted);font-size:.9rem}.combobox input{width:100%}.combobox-list{z-index:10;max-height:15rem;margin-top:var(--space-1);padding:var(--space-1);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-small);box-shadow:var(--shadow);position:absolute;top:100%;left:0;right:0;overflow-y:auto}.combobox-list[hidden]{display:none}.combobox-option{padding:var(--space-2);border-radius:var(--radius-small);cursor:pointer}.combobox-option:hover,.combobox-option[aria-selected=true]{background:var(--color-surface-raised)}.combobox-option.picked{font-weight:600}.combobox-empty{margin:0;font-size:.9rem}.learn-recipe-control{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.learn-recipe-control h3{font-size:1rem}.learn-recipe-control .inline-form{margin:0}.recipe-crafters{top:var(--space-4);position:sticky}.owner{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.owner>ul{flex:auto}@media (width<=40rem){.recipe-crafters{order:-1;position:static}}.wide-search{width:100%;margin-bottom:var(--space-4)}.recipes-layout{gap:var(--space-4);grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start;display:grid}.recipe-results{flex-direction:column;display:flex}.recipe-result{align-items:center;gap:var(--space-2) var(--space-3);width:100%;padding:var(--space-2);border:0;border-top:1px solid var(--color-border);text-align:left;cursor:pointer;background:0 0;flex-wrap:wrap;display:flex}.recipe-result:hover{background:var(--color-surface-raised)}.recipe-result[aria-pressed=true]{background:var(--color-accent-soft);border-radius:var(--radius-small)}@media (width<=40rem){.recipes-layout{grid-template-columns:1fr}}.player-heading{align-items:center;gap:var(--space-2) var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.player-heading h1{margin:0}.server-list{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));display:grid}.server-choice{align-items:center;gap:var(--space-3);text-align:left;cursor:pointer;width:100%;margin:0;font-weight:600;display:flex}.server-choice:hover{border-color:var(--color-accent)}.centered-page{min-height:100vh;padding:var(--space-4);place-items:center;display:grid}.landing-card{text-align:center;max-width:26rem;padding:var(--space-8)}.landing-card h1{color:var(--color-accent);font-size:2.25rem}