.randomizer-page.svelte-1454r2l{background:radial-gradient(circle at 50% 0%, #a970ff24, transparent 35rem), linear-gradient(180deg, var(--background-secondary), var(--background));min-height:100svh;padding:3rem 1rem 5rem;position:relative;overflow:hidden}.page-glow.svelte-1454r2l{background:var(--accent);filter:blur(180px);opacity:.05;pointer-events:none;border-radius:50%;width:min(70vw,800px);height:300px;position:absolute;top:4rem;left:50%;transform:translate(-50%)}.page-header.svelte-1454r2l,.randomizer.svelte-1454r2l{z-index:1;width:min(100%,1120px);margin-inline:auto;position:relative}.page-header.svelte-1454r2l{text-align:center;margin-bottom:2.5rem}.back-link.svelte-1454r2l{color:var(--text-muted);margin-bottom:3rem;font-size:.9rem;text-decoration:none;transition:color .15s;display:inline-block}.back-link.svelte-1454r2l:hover{color:var(--text)}.eyebrow.svelte-1454r2l,.step-label.svelte-1454r2l{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;margin:0 0 .65rem;font-size:.75rem;font-weight:800}h1.svelte-1454r2l{letter-spacing:-.055em;margin:0;font-size:clamp(2.8rem,8vw,5.8rem);font-weight:900;line-height:.95}.intro.svelte-1454r2l{max-width:600px;color:var(--text-muted);margin:1.25rem auto 0;font-size:1.05rem;line-height:1.6}.role-switcher.svelte-1454r2l{border:1px solid var(--border);background:#0003;border-radius:1rem;grid-template-columns:repeat(2,1fr);width:min(100%,480px);margin:0 auto 1rem;padding:.35rem;display:grid}.role-switcher.svelte-1454r2l button:where(.svelte-1454r2l){color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:.7rem;padding:.9rem 1rem;font-weight:700;transition:background .15s,color .15s}.role-switcher.svelte-1454r2l button.active:where(.svelte-1454r2l){color:var(--text);background:color-mix(in srgb, var(--accent) 22%, transparent)}.panel.svelte-1454r2l{border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:1.35rem;padding:1.5rem}.panel-heading.svelte-1454r2l,.result-heading.svelte-1454r2l{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.25rem;display:flex}.panel-heading.svelte-1454r2l h2:where(.svelte-1454r2l),.result-heading.svelte-1454r2l h2:where(.svelte-1454r2l){margin:0;font-size:clamp(1.35rem,3vw,1.8rem)}.panel-heading.svelte-1454r2l p:where(.svelte-1454r2l):not(.step-label){color:var(--text-muted);margin:.45rem 0 0;font-size:.9rem}.selection-actions.svelte-1454r2l,.result-actions.svelte-1454r2l{gap:.55rem;display:flex}.selection-actions.svelte-1454r2l button:where(.svelte-1454r2l),.result-actions.svelte-1454r2l button:where(.svelte-1454r2l){border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:#ffffff08;border-radius:.7rem;padding:.65rem .85rem;transition:border-color .15s,color .15s,background .15s}.selection-actions.svelte-1454r2l button:where(.svelte-1454r2l):hover,.result-actions.svelte-1454r2l button:where(.svelte-1454r2l):hover{border-color:color-mix(in srgb, var(--accent) 50%, transparent);color:var(--text);background:var(--surface-hover)}.search.svelte-1454r2l{margin-bottom:1rem;display:block}.search.svelte-1454r2l input:where(.svelte-1454r2l){border:1px solid var(--border);width:100%;color:var(--text);font:inherit;background:#0003;border-radius:.8rem;outline:none;padding:.9rem 1rem}.search.svelte-1454r2l input:where(.svelte-1454r2l):focus{border-color:color-mix(in srgb, var(--accent) 65%, transparent)}.character-grid.svelte-1454r2l{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--accent) 45%, transparent) #ffffff0a;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:.65rem;max-height:430px;padding-top:12px;padding-right:.5rem;display:grid;overflow-y:auto}.character-grid.svelte-1454r2l::-webkit-scrollbar{width:8px}.character-grid.svelte-1454r2l::-webkit-scrollbar-track{background:#ffffff0a;border-radius:999px}.character-grid.svelte-1454r2l::-webkit-scrollbar-thumb{background:linear-gradient(color-mix(in srgb, var(--accent) 55%, transparent), color-mix(in srgb, var(--accent) 35%, transparent)) padding-box;border:2px solid #0000;border-radius:999px}.character-grid.svelte-1454r2l::-webkit-scrollbar-thumb:hover{background:linear-gradient(color-mix(in srgb, var(--accent) 75%, transparent), color-mix(in srgb, var(--accent) 50%, transparent)) padding-box}.character.svelte-1454r2l{border:1px solid var(--border);min-width:0;color:var(--text);cursor:pointer;background:#00000029;border-radius:.9rem;flex-direction:column;align-items:center;gap:.55rem;padding:.75rem .5rem;transition:border-color .15s,background .15s,transform .15s;display:flex}.character.svelte-1454r2l:hover{border-color:color-mix(in srgb, var(--accent) 45%, transparent);background:var(--surface-hover);transform:translateY(-1px)}.character.selected.svelte-1454r2l{border-color:color-mix(in srgb, var(--accent) 75%, transparent);background:color-mix(in srgb, var(--accent) 15%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 25%, transparent)}.character__portrait.svelte-1454r2l{aspect-ratio:1;background:#ffffff0e;border-radius:.7rem;place-items:center;width:64px;display:grid;overflow:hidden}.character__portrait.svelte-1454r2l img:where(.svelte-1454r2l){object-fit:contain;width:100%;height:100%}.character__initials.svelte-1454r2l{color:var(--text-muted);font-size:1rem;font-weight:800}.character__name.svelte-1454r2l{text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:.78rem;font-weight:700;overflow:hidden}.empty-message.svelte-1454r2l{color:var(--text-muted);text-align:center;margin:2rem 0}.settings-row.svelte-1454r2l{align-items:stretch;gap:.8rem;margin-top:.8rem;display:flex}.universal-toggle.svelte-1454r2l,.pool-count.svelte-1454r2l{border:1px solid var(--border);background:var(--surface);border-radius:1rem}.universal-toggle.svelte-1454r2l{color:var(--text);text-align:left;cursor:pointer;flex:1;align-items:center;gap:.8rem;padding:1rem 1.1rem;display:flex}.toggle-indicator.svelte-1454r2l{background:#fff3;border-radius:50%;width:13px;height:13px;transition:background .15s}.universal-toggle.active.svelte-1454r2l .toggle-indicator:where(.svelte-1454r2l){background:var(--accent);box-shadow:0 0 12px color-mix(in srgb, var(--accent) 65%, transparent)}.universal-toggle.svelte-1454r2l span:where(.svelte-1454r2l):last-child{flex-direction:column;display:flex}.universal-toggle.svelte-1454r2l small:where(.svelte-1454r2l){color:var(--text-muted);margin-top:.15rem}.pool-count.svelte-1454r2l{text-align:center;flex-direction:column;justify-content:center;min-width:150px;padding:.8rem 1.1rem;display:flex}.pool-count.svelte-1454r2l strong:where(.svelte-1454r2l){font-size:1.4rem}.pool-count.svelte-1454r2l span:where(.svelte-1454r2l){color:var(--text-muted);font-size:.75rem}.generate-area.svelte-1454r2l{flex-direction:column;align-items:center;margin:2rem 0 0;display:flex}.generate-button.svelte-1454r2l{border:1px solid color-mix(in srgb, var(--accent) 65%, transparent);color:#fff;background:color-mix(in srgb, var(--accent) 28%, #17121f);cursor:pointer;border-radius:.9rem;min-width:min(100%,320px);padding:1rem 1.5rem;font-size:1rem;font-weight:800;transition:transform .15s,background .15s}.generate-button.svelte-1454r2l:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 38%, #17121f);transform:translateY(-2px)}.generate-button.svelte-1454r2l:disabled{cursor:not-allowed;opacity:.4}.generate-area.svelte-1454r2l p:where(.svelte-1454r2l){color:var(--text-muted);text-align:center;margin:.8rem 0 0;font-size:.8rem}.result.svelte-1454r2l{margin-top:3rem}.perk-grid.svelte-1454r2l{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;display:grid}.perk-card.svelte-1454r2l{border:1px solid var(--border);background:var(--surface);border-radius:1.1rem;min-width:0;padding:1.1rem;position:relative}.reroll-button.svelte-1454r2l{z-index:2;border:1px solid var(--border);width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:#00000073;border-radius:50%;place-items:center;display:grid;position:absolute;top:.65rem;right:.65rem}.reroll-button.svelte-1454r2l:hover{color:var(--text);border-color:var(--accent)}.perk-icon.svelte-1454r2l{aspect-ratio:1;place-items:center;width:min(100%,150px);margin:0 auto 1rem;display:grid}.perk-icon.svelte-1454r2l img:where(.svelte-1454r2l){object-fit:contain;width:100%;height:100%}.perk-info.svelte-1454r2l h3:where(.svelte-1454r2l){text-align:center;margin:0;font-size:1rem}.perk-character.svelte-1454r2l{color:var(--text-muted);text-align:center;margin:.35rem 0 .9rem;font-size:.75rem}.perk-description.svelte-1454r2l{border-top:1px solid var(--border);color:var(--text-muted);white-space:pre-line;margin:.75rem 0 0;padding-top:.75rem;font-size:.78rem;line-height:1.55}.sr-only.svelte-1454r2l{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.perk-count-setting.svelte-1454r2l{border:1px solid var(--border);background:var(--surface);border-radius:1rem;flex-direction:column;justify-content:center;gap:.45rem;padding:.8rem 1rem;display:flex}.perk-count-setting__label.svelte-1454r2l{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:700}.perk-count-options.svelte-1454r2l{gap:.35rem;display:flex}.perk-count-options.svelte-1454r2l button:where(.svelte-1454r2l){border:1px solid var(--border);width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:#ffffff08;border-radius:.55rem;place-items:center;padding:0;font-weight:700;transition:border-color .15s,background .15s,color .15s;display:grid}.perk-count-options.svelte-1454r2l button:where(.svelte-1454r2l):hover{border-color:color-mix(in srgb, var(--accent) 50%, transparent);color:var(--text)}.perk-count-options.svelte-1454r2l button.active:where(.svelte-1454r2l){border-color:color-mix(in srgb, var(--accent) 70%, transparent);color:var(--text);background:color-mix(in srgb, var(--accent) 20%, transparent)}@media (width<=850px){.perk-grid.svelte-1454r2l{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.randomizer-page.svelte-1454r2l{padding-top:1.5rem}.back-link.svelte-1454r2l{margin-bottom:2rem}.panel.svelte-1454r2l{padding:1rem}.panel-heading.svelte-1454r2l,.result-heading.svelte-1454r2l{flex-direction:column;align-items:stretch}.selection-actions.svelte-1454r2l,.result-actions.svelte-1454r2l{width:100%}.selection-actions.svelte-1454r2l button:where(.svelte-1454r2l),.result-actions.svelte-1454r2l button:where(.svelte-1454r2l){flex:1}.character-grid.svelte-1454r2l{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));max-height:390px}.character__portrait.svelte-1454r2l{width:56px}.settings-row.svelte-1454r2l{flex-direction:column}.perk-count-options.svelte-1454r2l{justify-content:center}.pool-count.svelte-1454r2l{min-width:0}.perk-grid.svelte-1454r2l{grid-template-columns:1fr}.perk-card.svelte-1454r2l{grid-template-columns:90px minmax(0,1fr);align-items:center;gap:1rem;display:grid}.perk-icon.svelte-1454r2l{width:90px;margin:0}.perk-info.svelte-1454r2l h3:where(.svelte-1454r2l),.perk-character.svelte-1454r2l{text-align:left}}@media (prefers-reduced-motion:reduce){.character.svelte-1454r2l,.generate-button.svelte-1454r2l,.back-link.svelte-1454r2l{transition:none}}