.inventory-progress{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:center}.inventory-progress h2{font-size:1.3rem;margin:0}.inventory-progress progress{width:100%}.inventory-questions fieldset{border:0;border-block-end:1px solid #ead7df;padding:25px 0;margin:0;min-width:0}.inventory-questions legend{font-weight:800;line-height:1.8;float:inline-start;width:100%}.inventory-questions legend span{display:inline-grid;place-items:center;min-width:1.8em;margin-inline-end:.6em;color:#b52862;background:#fff0f5;border-radius:50%;font-size:.8em}.inventory-choices{clear:both;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding-top:16px}.inventory-choices label{cursor:pointer;display:grid;align-content:start;justify-items:center;gap:10px;padding:12px 6px;border:1px solid #dcc4cd;border-radius:16px;text-align:center;line-height:1.5;font-size:.85rem;overflow-wrap:anywhere}.inventory-choices label:has(input:checked){border:2px solid #b92561;background:#fff0f6;color:#8a2049;padding:11px 5px}.inventory-choices label:focus-within{outline:3px solid #74a5dc;outline-offset:3px}.inventory-choices input{width:22px;height:22px;margin:0;accent-color:#b92561;flex-shrink:0}.inventory-nav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-block:24px}.inventory-nav>*{flex:1;min-width:0;overflow-wrap:anywhere}.inventory-result{position:relative;overflow:hidden;min-height:250px;padding-inline-end:40%!important}.inventory-result-portrait{position:absolute;inset-block-end:0;inset-inline-end:0;width:38%;max-height:100%;overflow:hidden}.inventory-result-portrait .character-group{width:100%;max-height:340px;margin:0}.inventory-result h2{line-height:1.5;font-size:clamp(1.7rem,5vw,2.8rem);overflow-wrap:anywhere}.inventory-result p,.inventory-detail p{line-height:1.95;overflow-wrap:anywhere}.inventory-axis{padding:18px 0;border-block-end:1px solid #ead7df}.inventory-axis:last-child{border:0}.inventory-axis h4{display:flex;justify-content:space-between;gap:16px;margin:0 0 12px}.inventory-axis b{white-space:nowrap;color:#a62757}.inventory-axis small{font-size:.65em;color:#836870}.inventory-axis meter{width:100%;height:18px}.inventory-axis p{font-size:.9rem;color:#705c65;line-height:1.8;margin:9px 0 0}.inventory-detail h3{font-size:1.4rem}.inventory-detail h4{color:#a62757;margin-bottom:8px}.inventory-details{display:grid;gap:8px}.inventory-start p{line-height:1.9}.inventory-start>.primary{width:100%;margin-block:12px}.inventory-axes meter::-webkit-meter-optimum-value{background:#e96699}.inventory-axes meter::-webkit-meter-bar{background:#f1dce5;border:0}
@media(max-width:540px){.inventory-choices{grid-template-columns:1fr;gap:8px}.inventory-choices label{display:flex;text-align:start;padding:12px 14px;align-items:center;gap:12px;font-size:.95rem}.inventory-choices label:has(input:checked){padding:11px 13px}.inventory-questions legend{font-size:1rem}.inventory-result{padding-inline-end:28px!important;padding-top:210px!important}.inventory-result-portrait{inset-block-start:0;inset-block-end:auto;inset-inline-end:calc(50% - 90px);width:180px;height:195px}.inventory-result-portrait .character-group{height:265px;max-height:none;object-fit:contain}.inventory-result h2{text-align:center}.inventory-nav button{padding-inline:12px}.inventory-detail h3{font-size:1.2rem}}

.inventory-character .character{width:100%;transform:none}.inventory-result-portrait .inventory-character{background:transparent;height:340px}.inventory-result-portrait .inventory-character .character{width:100%;height:100%;object-fit:contain;object-position:center top}@media(max-width:540px){.inventory-result-portrait .inventory-character{height:265px}}