.cmp-types{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:14px;display:grid}.cmp-type{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg, #ffffff06, transparent 60%), var(--bg-elevated);padding:14px 15px 15px;position:relative;overflow:hidden}.cmp-type:before{content:"";background:var(--border-strong);width:3px;height:100%;position:absolute;inset-block-start:0;inset-inline-start:0}.cmp-type.is-beast:before{background:linear-gradient(#d4b04a,#6fbf8f)}.cmp-type.is-robot:before{background:linear-gradient(180deg, var(--wf-cyan,#4fd1e8), #7fa8c9)}.cmp-type.is-infested:before{background:linear-gradient(#b06fd4,#6fbf8f)}.cmp-type-head{align-items:center;gap:11px;margin-bottom:9px;display:flex}.cmp-type-fig{border:1px solid var(--border);background:radial-gradient(circle at 50% 40%,#4fd1e817,#0000 70%),#00000038;border-radius:12px;flex:none;place-items:center;width:74px;height:74px;display:grid;overflow:hidden}.cmp-type-fig img{object-fit:contain;width:100%;height:100%}.cmp-type-head h3{flex-direction:column;gap:2px;margin:0;font-size:16px;display:flex}.cmp-type-head h3 .ar{color:var(--text-muted);font-size:12.5px;font-weight:500}.cmp-type p{color:var(--text-muted);margin:0 0 8px;font-size:13px;line-height:1.85}.cmp-type p:last-child{margin-bottom:0}.cmp-tags{flex-wrap:wrap;gap:6px;margin:0 0 9px;padding:0;list-style:none;display:flex}.cmp-tag{border:1px solid var(--border);background:var(--bg-hover);color:var(--text-muted);white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:11.5px}.cmp-tag.how{border-color:var(--border-strong);color:var(--wf-gold-bright,#e8c66a)}.cmp-where{border-top:1px dashed var(--border);color:var(--text-dim);margin-top:9px;padding-top:9px;font-size:12.4px}.cmp-where b{color:var(--text-muted);font-weight:600}.cmp-big-table table{min-width:900px}.cmp-big-table thead th:first-child{width:168px}.cmp-big-table tbody td:first-child{font-weight:600}.cmp-yes,.cmp-no,.cmp-maybe{white-space:nowrap;align-items:center;gap:5px;font-size:12.6px;font-weight:600;display:inline-flex}.cmp-yes{color:#6fbf8f}.cmp-no{color:var(--danger)}.cmp-maybe{color:var(--wf-gold-bright,#e8c66a)}.cmp-yes:before{content:"✔"}.cmp-no:before{content:"✕"}.cmp-maybe:before{content:"◐"}.cmp-source-note{border:1px dashed var(--border-strong);border-radius:var(--radius);color:var(--text-muted);background:#d4af5a0d;padding:11px 14px;font-size:13px;line-height:1.9}.cmp-source-note strong{color:var(--wf-gold-bright,#e8c66a)}.cmp-picker{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);padding:15px}.cmp-picker-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.cmp-picker-head h3{margin:0;font-size:15px}.cmp-picker-note{color:var(--text-dim);margin:0 0 12px;font-size:12.6px}.cmp-goals{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:8px;margin-bottom:14px;display:grid}.cmp-goal{border:1px solid var(--border);cursor:pointer;color:var(--text-muted);background:#00000029;border-radius:10px;align-items:center;gap:9px;padding:9px 11px;font-size:13px;transition:border-color .15s,background .15s,color .15s;display:flex}.cmp-goal:hover{border-color:var(--border-strong);color:var(--text)}.cmp-goal.is-on{border-color:var(--border-strong);color:var(--text);background:#4fd1e814}.cmp-goal input{accent-color:#4fd1e8;flex:none;width:15px;height:15px}.cmp-goal-ico{font-size:15px}.cmp-result{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:10px;display:grid}.cmp-result-card{border:1px solid var(--border);background:#0000002e;border-radius:10px;padding:11px 12px}.cmp-result-card.is-top{border-color:var(--border-strong);background:linear-gradient(#d4af5a1a,#0000 70%),#0000002e}.cmp-result-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:5px;display:flex}.cmp-result-name{font-size:14px;font-weight:700}.cmp-result-score{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:11.5px}.cmp-result-why{color:var(--text-muted);margin:0;font-size:12.4px;line-height:1.8}.cmp-result-empty{color:var(--text-dim);border:1px dashed var(--border);border-radius:10px;margin:0;padding:12px;font-size:13px}.cmp-steps{counter-reset:cmp-step;gap:10px;margin:0;padding:0;list-style:none;display:grid}.cmp-step{counter-increment:cmp-step;padding:11px 15px;border:1px solid var(--border);background:var(--bg-elevated);border-radius:10px;padding-inline-start:48px;position:relative}.cmp-step:before{content:counter(cmp-step);border:1px solid var(--border-strong);width:24px;height:24px;color:var(--wf-gold-bright,#e8c66a);background:#d4af5a1a;border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid;position:absolute;inset-block-start:11px;inset-inline-start:12px}.cmp-step h4,.cmp-step h3{margin:0 0 4px;font-size:13.6px}.cmp-step p{color:var(--text-muted);margin:0;font-size:12.8px;line-height:1.85}.cmp-inline-ico{vertical-align:middle;border:1px solid var(--border);object-fit:contain;background:#00000038;border-radius:8px;width:34px;height:34px;margin-inline-end:9px;padding:2px;display:inline-block}@media (max-width:560px){.cmp-type-fig{width:60px;height:60px}.cmp-step{padding-inline-start:44px}}.cmp-type-text{color:var(--text-dim);overflow-wrap:break-word;font-size:13.6px;line-height:1.95}