.xp-calculator{border:1px solid var(--line);background:var(--coal-soft);margin-block:2rem}.xp-controls{background:var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}.xp-wide{grid-column:1/-1}.xp-field{background:var(--coal-soft);min-width:0;padding:1.3rem}.xp-field label{color:#c4c8bb;margin-bottom:.6rem;font-size:.85rem;display:block}.xp-field :is(input,select){width:100%;min-width:0;min-height:2.9rem;color:var(--bone);font:inherit;background:#171815;border:1px solid #60645a;border-radius:0;padding:.6rem}.xp-field select{font-size:.9rem}.xp-field small{color:#b3b8aa;margin-top:.7rem;font-size:.8rem;line-height:1.6;display:block}.xp-calculator .xp-text-button{color:#d4ddc6;font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #939986;margin-top:.8rem;padding:.3rem 0;font-size:.8rem}.xp-actions{background:var(--coal-soft);flex-wrap:wrap;gap:1rem;padding:1.3rem;display:flex}.xp-actions button{border:1px solid var(--orange);background:var(--orange);color:#11120f;min-height:2.8rem;font:inherit;cursor:pointer;padding:.7rem 1.2rem;font-size:.85rem}.xp-actions button[type=reset]{color:var(--bone);background:0 0;border-color:#7c8471}.xp-status{color:#efc9a5;padding-inline:1.3rem;font-size:.85rem}.xp-results{padding:1.3rem}.xp-results>p:first-child{color:var(--green);font-size:.85rem}.xp-results>h3{margin-top:.3rem}.xp-result-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.xp-result-grid>div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0;padding:1rem}.xp-result-grid>div:first-child{background:#d26b3114}.xp-result-grid dt{color:#b3b8aa;font-size:.8rem}.xp-result-grid dd{color:var(--bone);font-family:var(--display);overflow-wrap:anywhere;margin:.5rem 0 0;font-size:clamp(1.5rem,4vw,2.3rem);line-height:1.2}.xp-calculator progress{width:100%;height:.7rem;accent-color:var(--green);display:block}.xp-unlocks{border-top:1px solid var(--line);margin-top:2rem}.xp-unlocks h4{font-family:var(--display);font-size:1.4rem}.xp-unlocks ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-left:0;padding-left:0;list-style:none;display:grid}.xp-unlocks li{border:1px solid var(--line);padding:1rem}.xp-unlocks li span,.xp-unlocks li strong{display:block}.xp-unlocks li span{color:#efad7e;font-size:.8rem}.xp-unlocks li strong{margin-top:.4rem;font-size:.95rem}.xp-calculator .xp-item-names,.xp-calculator .xp-adjustment{color:#bec4b4;font-size:.8rem;line-height:1.6}.xp-calculator :is(input,select,button):focus-visible{outline:3px solid var(--orange);outline-offset:3px}.xp-field input[aria-invalid=true]{border-color:#f3b280}@media (max-width:700px){.xp-controls,.xp-result-grid,.xp-unlocks ol{grid-template-columns:1fr}}