.zq-page{max-width:1180px;margin:0 auto;padding:36px 20px 60px}.zq-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.zq-heading h1{font-size:clamp(27px,4vw,42px);letter-spacing:-.04em;margin:8px 0}.zq-heading p,.zq-help p{color:var(--muted);line-height:1.65}.zq-page button,.zq-page select,.zq-page input[type=number]{background:var(--surface-2);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:10px 14px;min-height:44px}.zq-page button{cursor:pointer;font-weight:650}.zq-page button:hover{border-color:var(--accent)}.zq-page :focus-visible{outline:2px solid var(--accent);outline-offset:3px}.zq-page :disabled{opacity:.45;cursor:default}.zq-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:22px;align-items:start}.zq-controls{display:grid;gap:22px}.zq-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:25px;min-width:0}.zq-card h2{display:flex;align-items:center;gap:12px;font-size:19px;margin:0 0 22px}.zq-card h2 b{display:grid;place-items:center;width:29px;height:29px;font-size:14px;border-radius:9px;background:var(--accent-soft);color:var(--accent)}.zq-presets,.zq-th,.zq-tabs{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.zq-presets{margin-bottom:22px}.zq-presets>span{font-size:13px;color:var(--muted);margin-right:auto}.zq-page .selected{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.zq-th{justify-content:space-between}.zq-page label{font-size:13px;font-weight:600}.zq-th>label:last-child{display:flex;align-items:center;gap:10px}.zq-check{display:flex;gap:9px;align-items:center;line-height:1.5}.zq-check input{width:17px;height:17px;accent-color:var(--accent);flex-shrink:0}.zq-hint{color:var(--muted);font-size:12px;line-height:1.6}.zq-spells{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.zq-spells>div{display:flex;align-items:center;gap:10px;background:var(--surface-2);border-radius:12px;padding:12px;flex-wrap:wrap}.zq-spells select{margin-left:auto}.zq-page small{display:block;color:var(--muted);font-size:11px;font-weight:400;margin-top:4px}.zq-page .unit-art{width:45px;height:50px;min-width:45px;flex-shrink:0;margin:0}.zq-page .unit-art img{width:100%;height:100%;object-fit:contain}.zq-page summary{cursor:pointer;font-size:14px;padding:16px 0;line-height:1.5}.zq-page details{border-top:1px solid var(--line);margin-top:16px}.zq-detail-body{display:grid;gap:14px;padding:0 0 10px}.zq-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.zq-two select{display:block;margin-top:7px;width:100%}.zq-two>div>label:last-child{display:block;margin-top:12px}.zq-tabs{margin-bottom:20px}.zq-tabs button{flex:1}.zq-target-select{display:block}.zq-target-select select,.zq-card>label>select{display:block;width:100%;margin-top:8px;max-width:100%}.zq-target{display:flex;align-items:center;gap:14px;margin:22px 0}.zq-target>span{margin-left:auto;color:var(--accent);white-space:nowrap}.zq-building-art{height:70px;width:70px;display:grid;place-items:center;background:var(--surface-2);border-radius:12px}.zq-building-art img{max-width:100%;max-height:100%;object-fit:contain}.zq-stepper{display:flex;gap:10px;margin-top:8px}.zq-stepper input{flex:1;width:60px;text-align:center}.zq-stepper button{width:45px;font-size:20px}.zq-range{width:100%;accent-color:var(--accent);margin-top:15px}.zq-equip{display:flex;align-items:center;gap:12px;padding:10px 0}.zq-equip>div:nth-child(2){flex:1;min-width:0}.zq-equip select{width:72px}.zq-results{position:sticky;top:95px}.zq-best{padding:25px 20px;border:0;border-radius:12px;background:var(--accent-soft);margin:20px 0}.zq-best>span{color:var(--accent);font-size:11px;font-weight:750;letter-spacing:.1em}.zq-best h3{font-size:28px;margin:14px 0;line-height:1.25}.zq-best>strong{color:var(--muted);font-size:14px}.zq-metrics{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0}.zq-metrics dt{color:var(--muted);font-size:12px}.zq-metrics dd{margin:7px 0 0;font-size:20px;font-weight:750}.zq-metrics>div:first-child dd{color:var(--good)}.zq-alternatives,.zq-contributions{list-style:none;padding:0;margin:0}.zq-alternatives li,.zq-contributions li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid var(--line);font-size:13px}.zq-alternatives li>span{color:var(--accent);white-space:nowrap}.zq-contributions li{font-size:12px;color:var(--muted)}.zq-note,.zq-impossible{padding:15px;background:var(--accent-soft);border-radius:12px;color:var(--ink);font-size:13px;line-height:1.6}.zq-help{margin-top:24px}.zq-help h2{margin-bottom:10px}.zq-source{font-size:12px}.zq-source a{color:var(--accent)}@media(max-width:800px){.zq-layout{grid-template-columns:1fr}.zq-results{position:static}.zq-page{padding:24px 12px 40px}.zq-card{padding:20px}.zq-heading{align-items:flex-start}.zq-heading p{font-size:13px}.zq-best h3{font-size:27px}}@media(max-width:420px){.zq-spells{gap:8px}.zq-spells>div{padding:10px;gap:6px}.zq-spells select{width:100%}.zq-presets>span{width:100%}.zq-two{grid-template-columns:1fr}.zq-heading>button{padding:8px;font-size:12px}}

.zq-building-art{position:relative;flex-shrink:0}.zq-building-art>span{position:absolute;color:var(--muted);font-size:13px}.zq-building-art img{position:relative;background:var(--surface-2)}
.zq-spells .zq-check{font-size:12px}.zq-card h2>small{margin:0 0 0 auto;font-size:12px}.zq-equipment-list[hidden]{display:none}.zq-equip .unit-art{flex-shrink:0}.zq-target-select{scroll-margin-top:100px}#zq-target-settings{scroll-margin-top:100px}.zq-source{margin-top:28px;color:var(--muted);line-height:1.6}
.zq-overview{margin-top:24px}.zq-overview-heading{display:flex;gap:24px;align-items:start;justify-content:space-between;margin-bottom:24px}.zq-overview-heading h2{margin-bottom:8px}.zq-overview-heading p{margin:0;max-width:580px}.zq-overview-heading>label{display:grid;gap:8px;min-width:220px}.zq-overview-heading input{width:100%;min-height:44px;border:1px solid var(--line);border-radius:10px;padding:10px 14px;background:var(--surface-2);color:var(--ink)}
.zq-comparison-group{padding:20px 0;border-top:1px solid var(--line)}.zq-comparison-group h3{font-size:16px;margin:0 0 16px;color:var(--accent)}.zq-target-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.zq-target-grid button{display:flex;align-items:center;gap:10px;padding:10px;text-align:start;font-size:12px;border:0;background:var(--surface-2);min-width:0}.zq-target-grid .zq-building-art{width:50px;height:50px}.zq-comparison-art{display:grid;place-items:center;width:50px;flex-shrink:0}.zq-target-grid .unit-art{width:50px;height:50px}.zq-target-grid button>span:last-child{min-width:0;overflow-wrap:anywhere}.zq-target-grid small{font-size:10px}.zq-profile-loader input{color:var(--ink);background:var(--surface-2);border:1px solid var(--line)}
@media(max-width:900px){.zq-target-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.zq-overview-heading{display:block}.zq-overview-heading>label{margin-top:16px;min-width:0}.zq-target-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.zq-equip{gap:8px}.zq-equip select{padding-inline:7px;width:65px}.zq-card h2{font-size:17px}.zq-spells>div{min-width:0}.zq-spells .unit-art{width:36px;min-width:36px}.zq-spells .zq-check{font-size:11px}.zq-spells select{width:100%}}