.raid-calculator-layout{width:100%}.raid-calculator-hero{background:linear-gradient(145deg,#fff 0%,#f4f9fd 48%,#eef6fc 100%);border:1px solid #1488d524;border-radius:4.444vw;padding:8vw 6vw 9vw;position:relative;overflow:hidden;box-shadow:0 8px 32px #3749640f}@media (min-width:768px){.raid-calculator-hero{border-radius:1.042vw;padding:2.4vw 2.6vw 2.8vw}}@media (min-width:1680px){.raid-calculator-hero{border-radius:.833vw;padding:1.9vw 2.1vw 2.2vw}}.raid-calculator-hero__glow{pointer-events:none;background:radial-gradient(#47bae933 0%,#0000 70%);width:50%;height:80%;position:absolute;top:-20%;right:-8%}.raid-calculator-hero__eyebrow,.raid-calculator-hero__title,.raid-calculator-hero__lead,.raid-favorite{z-index:1;position:relative}.raid-calculator-hero__title{letter-spacing:-.03em;margin-top:.35em}.raid-calculator-hero__lead{max-width:36em;margin-top:.75em}.raid-favorite{flex-direction:column;align-items:flex-start;gap:.5em;margin-top:1.25em;display:flex}.raid-favorite__button{color:#1488d5;cursor:pointer;background:#fff;border:1px solid #1488d540;border-radius:.65em;align-items:center;gap:.4em;padding:.5em .9em;transition:background-color .2s,border-color .2s,color .2s;display:inline-flex}.raid-favorite__button:hover,.raid-favorite__button[aria-pressed=true]{color:#fff;background:#1488d5;border-color:#1488d5}.raid-favorite__button:focus-visible{outline:none;box-shadow:0 0 0 3px #1488d526}.raid-favorite__hint:empty{display:none}@media (prefers-reduced-motion:reduce){.raid-favorite__button{transition:none}}.raid-form{background:#fff;border:1px solid #1488d51f;border-radius:4.444vw;grid-template-columns:1fr;gap:1.25rem;min-width:0;padding:6.667vw 5.556vw 7.222vw;display:grid;box-shadow:0 6px 24px #3749640f}@media (min-width:768px){.raid-form{border-radius:1.042vw;padding:2.083vw 2.083vw 2.344vw}}@media (min-width:1680px){.raid-form{border-radius:.833vw;padding:1.667vw 1.667vw 1.875vw}}.raid-form__row{flex-direction:column;gap:.5em;display:flex}.raid-form__label{align-items:center;gap:.4em;font-weight:600;display:inline-flex}.raid-form__select,.raid-form__input{width:100%;color:inherit;font-size:inherit;background:#fff;border:1px solid #1488d540;border-radius:.65em;padding:.65em .9em;transition:border-color .2s,box-shadow .2s}.raid-form__select:focus-visible,.raid-form__input:focus-visible{border-color:#1488d5;outline:none;box-shadow:0 0 0 3px #1488d526}.raid-form__unit-toggle{gap:.5em;display:flex}.raid-form__unit-button{color:#686f88;font-size:inherit;background:#fff;border:1px solid #1488d540;border-radius:.65em;flex:1;padding:.5em .75em;transition:background-color .2s,border-color .2s,color .2s}.raid-form__unit-button--active{color:#fff;background:#1488d5;border-color:#1488d5}.raid-form__unit-button:disabled{opacity:.45;cursor:not-allowed}.raid-result{background:#fff;border:1px solid #1488d51f;border-radius:4.444vw;padding:6.667vw 5.556vw 7.222vw;position:relative;box-shadow:0 6px 24px #3749640f}@media (min-width:768px){.raid-result{border-radius:1.042vw;padding:2.083vw 2.083vw 2.344vw}}@media (min-width:1680px){.raid-result{border-radius:.833vw;padding:1.667vw 1.667vw 1.875vw}}.raid-result__warning{color:#92400e;background:#d9770614;border:1px solid #d9770659;border-radius:.65em;padding:1em 1.25em}.raid-result__grid{grid-template-columns:1fr;gap:1rem 1.5rem;display:grid}@media (min-width:768px){.raid-result__grid{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr))}}.raid-result__item{flex-direction:column;gap:.25em;min-width:0;display:flex}.raid-result__item-label{color:#686f88;overflow-wrap:anywhere}.raid-result__item-value{font-weight:600}.raid-result__description{border-top:1px solid #1488d514;margin-top:1.5em;padding-top:1.5em}@media (prefers-reduced-motion:reduce){.raid-form__select,.raid-form__input,.raid-form__unit-button,.raid-level-picker__button{transition:none}}.raid-donut{flex-direction:column;align-items:center;gap:.75em;margin:0 auto 1.5em;display:flex}.raid-donut__legend{color:#686f88;gap:1.25em;font-size:.8rem;display:flex}.raid-donut__legend-item{align-items:center;gap:.4em;display:inline-flex}.raid-donut__legend-dot{border-radius:50%;width:.6em;height:.6em;display:inline-block}.raid-donut__legend-dot--usable{background:#1488d5}.raid-donut__legend-dot--reserve{background:#f0b429}.raid-layout{flex-direction:column;gap:1.25rem;display:flex}@media (min-width:1024px){.raid-layout{grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-template-areas:"form result""reference result";align-items:start;gap:1.5rem;display:grid}.raid-layout .raid-form{grid-area:form;grid-template-columns:1fr}.raid-layout .raid-reference{grid-area:reference}.raid-layout .raid-result{grid-area:result;min-width:0;position:sticky;top:1.5rem}.raid-layout .raid-result__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.raid-layout .raid-result__proscons{grid-template-columns:1fr}.raid-layout .raid-level-picker{flex-wrap:nowrap;overflow-x:auto}}.raid-form__row{min-width:0}.raid-level-picker{flex-wrap:wrap;gap:.5em;min-width:0;display:flex}.raid-level-picker__button{color:#686f88;font-size:inherit;background:#fff;border:1px solid #1488d540;border-radius:.65em;padding:.5em .85em;transition:background-color .2s,border-color .2s,color .2s}.raid-level-picker__button--active{color:#fff;background:#1488d5;border-color:#1488d5}.raid-form__range-row{align-items:center;gap:.75em;display:flex}.raid-form__range-row .raid-form__input{flex-shrink:0;width:5em}.raid-form__range{accent-color:#1488d5;flex:1}.raid-form__range-ticks{white-space:nowrap;min-width:0;height:1.2em;margin-top:.25em;font-size:.65rem;line-height:1.2;position:relative}.raid-form__range-ticks>span{position:absolute;top:0;transform:translate(-50%)}.raid-form__range-ticks>span:first-child{transform:translate(0)}.raid-form__range-ticks>span:last-child{transform:translate(-100%)}.raid-result__proscons{border-top:1px solid #1488d514;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1em;margin-top:1em;padding-top:1em;display:grid}.raid-result__proscons-title{margin-bottom:.35em;font-weight:600}.raid-result__proscons-title--pros{color:#15803d}.raid-result__proscons-title--cons{color:#b91c1c}.raid-result__proscons-list{color:#374151;margin:0;padding-left:1.1em}.raid-result__proscons-list li{margin-bottom:.25em}.raid-reference{flex-direction:column;gap:1rem;display:flex}.raid-reference__list{flex-direction:column;gap:.5rem;display:flex}.raid-reference__item{background:#fff;border:1px solid #1488d524;border-radius:.75rem;overflow:hidden}.raid-reference__header{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:.75em;width:100%;padding:.9em 1.1em;display:flex}.raid-reference__header[aria-expanded=true]{background:#f4f9fd}.raid-reference__title{font-weight:600}.raid-reference__subtitle{font-weight:400}.raid-reference__chevron{color:#1488d5;transition:transform .2s}.raid-reference__chevron--open{transform:rotate(180deg)}.raid-reference__body{flex-direction:column;gap:.85em;padding:0 1.1em 1.1em;display:flex}.raid-reference__label{font-weight:600}.raid-reference__proscons{grid-template-columns:1fr 1fr;gap:1em;display:grid}.raid-reference__perf{flex-wrap:wrap;gap:1.25em;display:flex}@media (prefers-reduced-motion:reduce){.raid-reference__chevron{transition:none}}.raid-form__sublabel{margin-top:.5em;font-weight:600}.raid-reference__subheading{margin-top:.5rem;font-weight:600}
