#bg-preload[data-astro-cid-ex5qb7lt]{z-index:-10;pointer-events:none;width:100vw;height:100svh;position:fixed;top:0;left:0;overflow:hidden}#bg-preload[data-astro-cid-ex5qb7lt] img{object-fit:cover;object-position:center;opacity:0;width:100%;height:100vh;transition:opacity .2s ease-in-out;position:fixed;inset:0}#bg-preload[data-astro-cid-ex5qb7lt] img.is-default{opacity:1;z-index:-2}.toggle-wrapper[data-astro-cid-xz7ke7fd]{display:contents}input[data-astro-cid-xz7ke7fd]{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.toggle[data-astro-cid-xz7ke7fd]{margin-inline:var(--space-xs);color:#ffffffe6;cursor:pointer;filter:grayscale();transition:filter var(--transition);flex-direction:column;align-items:center;display:flex;position:relative}.toggle[data-astro-cid-xz7ke7fd]:hover{filter:grayscale(.4)}input[data-astro-cid-xz7ke7fd]:checked+.toggle[data-astro-cid-xz7ke7fd]{filter:grayscale(0)}.toggle[data-astro-cid-xz7ke7fd] img{aspect-ratio:1;border:3px solid var(--color-primary);width:45px;height:45px;transition:border-width var(--transition), border-color .2s ease, box-shadow var(--transition)}input[data-astro-cid-xz7ke7fd]:checked+.toggle[data-astro-cid-xz7ke7fd] img{box-shadow:0 0 0 2px #0000008c, 0 0 12px color-mix(in srgb, var(--color-primary) 70%, transparent)}input[data-astro-cid-xz7ke7fd]:focus-visible+.toggle[data-astro-cid-xz7ke7fd] img{outline-offset:3px;outline:3px solid #fff}.item[data-astro-cid-xz7ke7fd] img{border-radius:50%}.caption[data-astro-cid-xz7ke7fd]{margin-top:var(--space-xs);text-align:center;justify-items:center;gap:1px;line-height:1.2;display:grid}.caption-name[data-astro-cid-xz7ke7fd]{color:#ffffffd9;font-size:.7rem;font-weight:600}.caption-effect[data-astro-cid-xz7ke7fd]{color:#f0c57a;font-variant-numeric:tabular-nums;font-size:.7rem;font-weight:700}.rank[data-astro-cid-xz7ke7fd] img{border-radius:var(--border-radius);position:relative}.badge[data-astro-cid-xz7ke7fd]{z-index:1;color:#fff;text-shadow:0 2px 4px #000000e6,0 0 8px #0009;pointer-events:none;font-size:clamp(1.25rem,4vw,1.75rem);font-weight:900;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media screen and (width>=768px){.toggle[data-astro-cid-xz7ke7fd] img{border-width:4px;width:65px;height:65px}}.skin-circle[data-astro-cid-bqtqiu2d]{cursor:pointer;opacity:.65;transition:var(--transition);border:2px solid #0000;border-radius:50%}.skin-circle[data-astro-cid-bqtqiu2d]:hover{border-color:var(--color-primary);opacity:1;transform:scale(1.1)}.skin-circle[data-astro-cid-bqtqiu2d]:active{transform:scale(.95)}.skin-circle[data-astro-cid-bqtqiu2d]:focus-visible{outline-offset:2px;opacity:1;outline:3px solid #fff}.skin-circle[data-astro-cid-bqtqiu2d].is-active{opacity:1;border-color:var(--color-primary);box-shadow:0 0 10px color-mix(in srgb, var(--color-primary) 75%, transparent)}:root{--color-primary:#667eea;--color-background:#f8f9fa;--color-text:#1a1a2e;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:2rem;--space-xl:4rem;--font-family:system-ui, sans-serif;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--max-width:1200px;--border-radius:.25rem;--transition:.2s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}*{transition:color .2s,border-color .2s,background-color .2s}body{min-block-size:100svh;font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);place-items:center;display:grid;position:relative}main[data-astro-cid-lcdefpme],#background-change[data-astro-cid-lcdefpme]{width:min(90%, var(--max-width));-webkit-backdrop-filter:blur(4px);background:#00000059;border-radius:1rem;margin-inline:auto;padding:clamp(1rem,3vw,1.5rem)}main[data-astro-cid-lcdefpme]{align-items:start;gap:clamp(1rem,3vw,2rem);margin-block:clamp(.5rem,2vw,1rem);display:grid}#background-change[data-astro-cid-lcdefpme]{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(.5rem,2vw,1rem);margin-block:clamp(.5rem,2vw,1rem) clamp(1rem,3vw,2rem);padding:clamp(.75rem,2vw,1rem);display:flex}.inputs[data-astro-cid-lcdefpme]{gap:clamp(1.25rem,3vw,1.75rem);display:grid}.step[data-astro-cid-lcdefpme]{gap:var(--space-sm);display:grid}.step[data-astro-cid-lcdefpme]+.step[data-astro-cid-lcdefpme]{border-top:1px solid #ffffff1a;padding-top:clamp(1.25rem,3vw,1.75rem)}.step[data-astro-cid-lcdefpme] h2[data-astro-cid-lcdefpme]{align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.08em;color:#ffffffd9;font-weight:700;display:flex}.num[data-astro-cid-lcdefpme]{background:var(--color-primary);color:#fff;letter-spacing:normal;font-variant-numeric:tabular-nums;border-radius:50%;flex:none;place-items:center;width:1.5rem;height:1.5rem;font-size:.8rem;font-weight:800;line-height:1;display:grid}.row[data-astro-cid-lcdefpme]{align-items:flex-start;gap:var(--space-sm);flex-wrap:wrap;padding-inline-start:calc(1.5rem + var(--space-sm));display:flex}#readout[data-astro-cid-lcdefpme]{justify-items:center;gap:var(--space-xs);background:#00000073;border:1px solid #ffffff1f;border-radius:.75rem;padding:clamp(1rem,3vw,1.5rem);display:grid}.readout-label[data-astro-cid-lcdefpme]{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.1em;color:#ffffffb3;font-weight:700}.readout-value[data-astro-cid-lcdefpme]{font-size:clamp(2rem,7vw,3rem);line-height:1.1}#result[data-astro-cid-lcdefpme]{color:#f44;white-space:nowrap;font-weight:900}#previously[data-astro-cid-lcdefpme]{font-size:var(--font-size-sm);color:#fff9}#result-previous[data-astro-cid-lcdefpme]{color:#ffffffd9;white-space:nowrap;font-weight:700}.scale[data-astro-cid-lcdefpme]{font-variant-numeric:tabular-nums;color:#ffffff8c;justify-content:space-between;width:min(100%,10rem);margin-top:2px;font-size:.7rem;display:flex}input[data-astro-cid-lcdefpme][type=number]{width:min(22ch,90vw);max-width:100%;color:var(--color-primary);border-radius:var(--space-sm);background:var(--color-background);text-align:center;-moz-appearance:textfield;border:2px solid #0000;padding:.75rem 1rem;font-size:clamp(1.25rem,4vw,1.5rem);font-weight:700;transition:border-color .2s,box-shadow .2s,color .2s}input[data-astro-cid-lcdefpme][type=number]:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #667eea33}input[data-astro-cid-lcdefpme][type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[data-astro-cid-lcdefpme][type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.hp-bar[data-astro-cid-lcdefpme]{width:min(100%,10rem);height:13px;margin-top:var(--space-sm);background:linear-gradient(#202227,#0d0e11);border:1px solid #05060a;border-radius:2px;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #000000e6,0 0 0 1px #bec8d740}.hp-fill[data-astro-cid-lcdefpme]{width:0;height:100%;transition:width var(--transition);background:linear-gradient(#e8635a 0%,#d1332a 38%,#a11d16 62%,#5f130f 100%);box-shadow:inset 0 1px #ffffff59}.hp-bar[data-astro-cid-lcdefpme]:after{content:"";pointer-events:none;background-image:repeating-linear-gradient(to right, transparent 0, transparent calc(var(--tick-major,100%) - 2px), #000000d9 calc(var(--tick-major,100%) - 2px), #000000d9 var(--tick-major,100%)), repeating-linear-gradient(to right, transparent 0, transparent calc(var(--tick-minor,100%) - 1px), #0000008c calc(var(--tick-minor,100%) - 1px), #0000008c var(--tick-minor,100%));background-position:0 0,0 0;background-repeat:no-repeat,no-repeat;background-size:100% 100%,100% 50%;position:absolute;inset:0}@media (width>=768px){main[data-astro-cid-lcdefpme]{grid-template-columns:1fr minmax(240px,20rem)}#readout[data-astro-cid-lcdefpme]{top:var(--space-md);position:sticky}}@media (width>=1024px){main[data-astro-cid-lcdefpme],#background-change[data-astro-cid-lcdefpme]{width:min(85%, var(--max-width))}}@media (width<=767px){#readout[data-astro-cid-lcdefpme]{bottom:var(--space-sm);background:#0f0f12;position:sticky;box-shadow:0 8px 24px #00000080}}@media (width<=480px){.items[data-astro-cid-lcdefpme]{justify-items:center;gap:var(--space-md) var(--space-sm);grid-template-columns:repeat(3,1fr);padding-inline-start:0;display:grid}}