.ArchetypeSelector{display:grid;grid-template-columns:repeat(3,minmax(300px,1fr));gap:1em;border:none;margin:0;padding:0;overflow:auto}@media (max-width:600px){.ArchetypeSelector{grid-template-columns:1fr}}.ArchetypeSelector__Input{position:absolute;opacity:0;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.ArchetypeSelector__Card{display:grid;grid-template-rows:subgrid;grid-row:span 5;gap:.5em;position:relative;background-color:var(--ant-color-bg-container);border:2px solid var(--ant-color-border);border-radius:2em;corner-shape:squircle;cursor:pointer;transition:.15s;padding:0 1em 1em}.ArchetypeSelector__Card:hover{background-color:rgb(45 106 79/.04);border-color:#8ab4a0;box-shadow:0 2px 8px rgb(45 106 79/.12)}.ArchetypeSelector__Card:has(input:checked){border-color:#2d6a4f;box-shadow:0 0 0 3px rgb(45 106 79/.12)}.ArchetypeSelector__Card:has(:focus-visible){outline:var(--ant-line-width-focus) solid var(--ant-color-primary-border);outline-offset:1px}.ArchetypeSelector__Card:before{content:"";display:block;background-size:contain;background-position:50%;background-repeat:no-repeat;background-image:var(--archetype-image);aspect-ratio:1456/816;border-top-left-radius:inherit;border-top-right-radius:inherit;corner-shape:inherit;margin-bottom:.5em;margin-inline:-1em}[data-app-theme=dark] .ArchetypeSelector__Image{filter:brightness(.8)}.ArchetypeSelector__Card:has(input:checked):after{content:"✓";position:absolute;top:.75em;right:.75em;width:1.75em;height:1.75em;background-color:#2d6a4f;color:white;border-radius:50%;font-size:1.2em;font-weight:700;line-height:1.75em;text-align:center;border:1px solid}.ArchetypeSelector__Name{font-size:1.25em;font-weight:700}.ArchetypeSelector__Quote{font-size:.9em;font-style:italic;color:var(--prome-muted);line-height:1.5;margin:0 0 1em;padding-left:1em;border-left:2px solid var(--ant-color-border)}.ArchetypeSelector__Stats{display:flex;gap:.75em;margin-bottom:.75em}.ArchetypeSelector__StatPill{flex:1 1;text-align:center;border:1px solid var(--ant-color-border-secondary);border-radius:.5em;padding:.25em .5em;background:rgb(255 255 255/.05)}.ArchetypeSelector__StatLabel{display:block;font-size:.75em;text-transform:uppercase;letter-spacing:.4px;color:#9b8b72;margin-bottom:.25em}.ArchetypeSelector__StatValue{display:block;font-size:1.25em;font-weight:700;line-height:1}.ArchetypeSelector__StatValue--health{color:#b94040}.ArchetypeSelector__StatValue--courage{color:#c07820}.ArchetypeSelector__StatValue--stamina{color:#2d7a50}.ArchetypeSelector__Power{padding-top:1em;font-size:.9em;line-height:1.45;border-top:1px dotted var(--ant-color-border-secondary)}.ArchetypeSelector__PowerLabel{display:block;font-weight:700;font-size:.9em;text-transform:uppercase;letter-spacing:.5px;color:#9b8b72;margin-bottom:.25em}