.cq [hidden],.cq[hidden]{display:none!important}.cq-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.cq{position:relative;margin:4px 0 26px;padding:20px 22px 18px;border:1px solid var(--line-panel);border-radius:6px;background:radial-gradient(120% 90% at 50% 0%,rgba(216,185,120,.09),transparent 60%),var(--surface);box-shadow:0 18px 40px #00000059}.cq-progress{display:flex;align-items:center;gap:14px;margin-bottom:18px}.cq-progress__bar{flex:1 1 auto;height:6px;border-radius:999px;background:var(--surface-sunken);box-shadow:inset 0 0 0 1px var(--line-strong);overflow:hidden}.cq-progress__bar i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#a8803f,var(--gold-bright));box-shadow:0 0 10px #eed7a480;transition:width .3s ease}.cq-progress__dots{display:flex;gap:6px;margin:0;padding:0;list-style:none}.cq-dot{display:block;width:12px;height:12px;padding:0;border:1px solid var(--muted-5);border-radius:2px;background:var(--surface-sunken);transform:rotate(45deg);cursor:pointer;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.cq-dot[data-state=done]{border-color:var(--gold);background:var(--gold)}.cq-dot[data-state=current]{border-color:var(--gold-bright);box-shadow:0 0 0 3px #eed7a42e,0 0 10px #eed7a480}.cq-dot:disabled{cursor:default;opacity:.55}.cq-dot:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.cq-q.is-entering{animation:cq-enter .26s ease both}@keyframes cq-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.cq-q__count{margin:0 0 4px;font-family:var(--font-display);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}.cq .cq-q__title{margin:0;font-family:var(--font-display);font-size:25px;line-height:1.25;color:var(--text-title)}.cq .cq-q__title:focus{outline:none}.cq-q__hint{margin:6px 0 18px;font-size:15px;color:var(--muted-1)}.cq-options{display:grid;grid-template-columns:repeat(var(--cq-cols, 4),minmax(0,1fr));gap:12px}.cq-options--3{--cq-cols: 3}.cq-option{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0;min-height:100%;padding:16px 16px 14px;border:1px solid var(--line-strong);border-radius:6px;background:linear-gradient(180deg,var(--surface-raised),var(--surface-sunken));font:inherit;color:var(--text);text-align:left;cursor:pointer;transition:border-color .14s ease,transform .14s ease,box-shadow .14s ease,background .14s ease}.cq-option:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:0 8px 22px #00000059,0 0 0 1px #d8b97840}.cq-option:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px}.cq-option[aria-pressed=true]{border-color:var(--gold-bright);background:linear-gradient(180deg,#d8b97833,#d8b9780d),var(--surface-sunken);box-shadow:0 0 0 1px var(--gold-bright),0 0 18px #eed7a440}.cq-option[aria-pressed=true]:after{content:"✓";position:absolute;top:10px;right:12px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--gold-bright);font-size:13px;font-weight:700;color:#1b1610}.cq-option.is-picked{animation:cq-pick .24s ease}@keyframes cq-pick{50%{transform:scale(1.025)}}.cq-option__key{position:absolute;top:10px;right:12px;display:grid;place-items:center;width:22px;height:22px;border:1px solid var(--line-strong);border-radius:4px;font-family:var(--font-display);font-size:11px;color:var(--muted-3)}.cq-option[aria-pressed=true] .cq-option__key{visibility:hidden}.cq-option__icon{flex:none;border:1px solid #6b5634;border-radius:5px;box-shadow:0 0 0 2px #0d0a07,0 3px 10px #00000080}.cq-option:hover .cq-option__icon,.cq-option[aria-pressed=true] .cq-option__icon{border-color:var(--gold-bright)}.cq-option__body{display:flex;flex-direction:column;gap:3px;min-width:0}.cq-option__body b{font-family:var(--font-display);font-size:17px;line-height:1.25;color:var(--gold-pale)}.cq-option__body small{font-size:14px;line-height:1.4;color:var(--muted-1)}.cq-option__fits{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-top:auto;padding-top:4px}.cq-option__fits img,.cq-option__fits .race-icon{display:block;border-radius:3px;opacity:.9}.cq-option__more{font-size:12px;color:var(--muted-3)}.cq-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}.cq-nav__keys{font-size:13px;color:var(--muted-4)}.cq-button{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:6px 16px;border:1px solid var(--gold);border-radius:4px;background:linear-gradient(180deg,#4a3a22,#2c2216);font-family:var(--font-display);font-size:13px;letter-spacing:.06em;color:var(--gold-pale);cursor:pointer;transition:border-color .12s ease,color .12s ease,background .12s ease}.cq-button:hover{border-color:var(--gold-bright);color:var(--text-bright)}.cq-button--ghost{border-color:var(--line-strong);background:transparent;color:var(--muted-1)}.cq-button:disabled{opacity:.4;cursor:default}.cq-button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}@media (max-width: 1000px){.cq-options{--cq-cols: 2}.cq-options--3{--cq-cols: 3}}@media (max-width: 760px){.cq{padding:14px 12px}.cq-progress{flex-wrap:wrap;gap:10px}.cq-progress__bar{flex-basis:100%}.cq .cq-q__title{font-size:21px}.cq-options,.cq-options--3{--cq-cols: 1;gap:8px}.cq-option{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 12px;padding:12px 40px 12px 12px}.cq-option__icon{grid-row:span 2;width:44px;height:44px}.cq-option__fits{margin:0;padding:0}.cq-nav__keys{display:none}}.cq-group+.cq-group{margin-top:26px}.page-section .cq-group__title{display:flex;align-items:center;gap:10px;margin:18px 0 12px}.cq-group__title span{display:grid;place-items:center;min-width:24px;height:22px;padding:0 6px;border:1px solid var(--line-strong);border-radius:999px;font-family:var(--font-body);font-size:12px;color:var(--muted-2)}.cq-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.cq-card{position:relative;display:flex;flex-direction:column;gap:12px;min-width:0;padding:16px 16px 14px;border:1px solid var(--line);border-top:3px solid var(--class-color);border-radius:5px;background:linear-gradient(180deg,color-mix(in srgb,var(--class-color) 7%,var(--surface-raised)),var(--surface) 55%);overflow:hidden}.cq-card__art{position:absolute;top:0;right:0;width:58%;height:170px;background-position:center top;background-size:cover;opacity:.22;-webkit-mask-image:linear-gradient(to left,#000 20%,transparent),linear-gradient(to bottom,#000 40%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to left,#000 20%,transparent),linear-gradient(to bottom,#000 40%,transparent);mask-composite:intersect;pointer-events:none}.cq-card__head{position:relative;display:flex;align-items:center;gap:12px;min-width:0}.cq-card__icon{flex:none;border:1px solid var(--class-color);border-radius:5px;box-shadow:0 0 0 2px #0d0a07,0 0 14px color-mix(in srgb,var(--class-color) 35%,transparent)}.cq-card__names{min-width:0}.page-section .cq-card__title,.cq-card__title{margin:0;font-family:var(--font-display);font-size:18px;font-weight:700;line-height:1.2}.cq-card__title a{color:var(--class-color);text-decoration:none}.cq-card__title a:hover{text-decoration:underline}.cq-card__tag{margin:3px 0 0;font-size:14px;font-style:italic;color:var(--muted-1)}.cq-card__chips{position:relative;display:flex;flex-wrap:wrap;gap:5px;margin:0;padding:0;list-style:none}.cq-chip{padding:1px 9px;border:1px solid var(--line-strong);border-radius:999px;background:#00000040;font-size:12.5px;color:var(--text-soft)}.cq-chip--tank,.cq-chip--heal,.cq-chip--dps{border-color:color-mix(in srgb,var(--class-color) 55%,var(--line-strong));color:var(--text-bright)}.cq-card__row{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}.cq-card__label{font-family:var(--font-display);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-3)}.cq-card__talents{display:flex;flex-wrap:wrap;gap:6px}.cq-talent{position:relative;display:inline-flex}.cq-talent img{display:block;border:1px solid #5a4a30;border-radius:4px}.cq-talent.is-new img{border-color:var(--change-new);box-shadow:0 0 6px var(--change-new-glow)}.cq-talent.is-new:after{content:"★";position:absolute;right:-4px;top:-6px;font-size:11px;color:var(--change-new);text-shadow:0 0 3px #000;pointer-events:none}.cq-card__stats{position:relative;display:flex;flex-wrap:wrap;gap:6px;margin:0}.cq-stat{padding:2px 9px;border:1px solid var(--line-strong);border-radius:4px;font-size:13px;color:var(--text-soft)}.cq-stat--new{border-color:#4fd2ff66;color:#9fe3ff}.cq-card__races{display:flex;flex-wrap:wrap;gap:6px 12px;margin:0;padding:0;list-style:none}.cq-race{display:inline-flex;align-items:center;gap:6px;font-size:14px}.cq-race .race-icon{border-radius:50%;border:1px solid var(--line-strong)}.cq-race.is-new .race-icon{border-color:var(--change-new)}.cq-race__new{margin-left:-3px;font-size:12px;color:var(--change-new)}.cq-card__links{position:relative;display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:10px;border-top:1px solid var(--line)}.cq-card__link{padding:3px 10px;border:1px solid var(--line-strong);border-radius:4px;font-size:13px;text-decoration:none;transition:border-color .12s ease}.cq-card__link:hover{border-color:var(--gold)}.cq-card__link--path{border-color:color-mix(in srgb,var(--class-color) 50%,var(--line-strong));color:var(--text-bright)}@media (max-width: 760px){.cq-grid{grid-template-columns:minmax(0,1fr)}}.cq-results{animation:cq-enter .3s ease both}.cq-results__eyebrow{margin:0;font-family:var(--font-display);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}.cq .cq-results__title{margin:2px 0 4px;font-family:var(--font-display);font-size:26px;color:var(--text-title)}.cq .cq-results__title:focus{outline:none}.cq-results__intro{margin:0 0 16px;color:var(--muted-1)}.cq-results__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none}.cq-result{display:flex;min-width:0}.cq-result>.cq-card{flex:1 1 auto}.cq-result--top{grid-column:1 / -1}.cq-result--top .cq-card{border-width:1px;border-color:color-mix(in srgb,var(--class-color) 45%,var(--line-strong));box-shadow:0 0 0 1px color-mix(in srgb,var(--class-color) 25%,transparent),0 14px 36px #0006}.cq-result .cq-card__chips{display:none}@media (min-width: 900px){.cq-result--top .cq-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"head talents" "score stats" "why races" "why race" "why others" "links links";grid-auto-rows:min-content;gap:12px 32px;padding:20px 22px 16px}.cq-result--top .cq-card__head{grid-area:head}.cq-result--top .cq-score{grid-area:score}.cq-result--top .cq-why{grid-area:why;align-self:start}.cq-result--top .cq-card__row--talents{grid-area:talents}.cq-result--top .cq-card__stats{grid-area:stats}.cq-result--top .cq-card__row--races{grid-area:races}.cq-result--top .cq-race-line{grid-area:race;margin:0}.cq-result--top .cq-others{grid-area:others}.cq-result--top .cq-card__links{grid-area:links}}.cq-result--top .cq-card__art{width:46%;height:100%;opacity:.3}.cq-result--top .cq-card__title{font-size:24px}.cq-result--top .cq-card__icon{width:56px;height:56px}.cq-score{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}.cq-score__rank{display:grid;place-items:center;min-width:34px;height:26px;padding:0 8px;border-radius:4px;background:var(--class-color);font-family:var(--font-display);font-size:13px;font-weight:700;color:#120e09}.cq-score__match{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--text-bright)}.cq-score__meter{flex:1 1 140px;height:8px;border-radius:999px;background:var(--surface-sunken);box-shadow:inset 0 0 0 1px var(--line-strong);overflow:hidden}.cq-score__meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--class-color) 55%,#000),var(--class-color));animation:cq-grow .7s ease both;transform-origin:left}@keyframes cq-grow{0%{transform:scaleX(0)}}.cq-why{position:relative;display:flex;flex-direction:column;gap:6px}.cq-why__row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0}.cq-why__chip{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:999px;font-size:13px}.cq-why__chip.is-fits{border:1px solid rgba(70,224,74,.45);background:#46e04a1a;color:#a8f0a0}.cq-why__chip.is-fits:before{content:"✓"}.cq-why__chip.is-misses{border:1px solid rgba(224,120,100,.45);background:#e0786414;color:#eab0a2}.cq-why__chip.is-misses:before{content:"✕";font-size:11px}.cq-race-line{position:relative;margin:-4px 0 0;padding:8px 12px;border-left:2px solid var(--class-color);border-radius:0 4px 4px 0;background:#00000038;font-size:14px;line-height:1.45;color:var(--text-soft)}.cq-race-line b{margin-right:8px;color:var(--gold-pale)}.cq-others{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0}.cq-others__link{font-size:14px}.cq-results__answers{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}.cq-results__answers .cq-card__label{margin:0 0 8px}.cq-answers{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.cq-answer{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:3px 12px 3px 4px;border:1px solid var(--line-strong);border-radius:999px;background:var(--surface-sunken);font:inherit;font-size:14px;color:var(--text);cursor:pointer}.cq-answer img{border-radius:50%}.cq-answer:hover,.cq-answer:focus-visible{border-color:var(--gold);outline:none}.cq-results__actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:16px}.cq-results__copied{font-size:14px;color:#a8f0a0;overflow-wrap:anywhere}.cq-results__all{margin-left:auto;font-size:14px}@media (max-width: 760px){.cq-results__list{grid-template-columns:minmax(0,1fr)}.cq-result--top .cq-card__title{font-size:20px}.cq-results__all{margin-left:0}}