.story-trigger.svelte-ev652n{color:#f6e6c8;text-align:left;cursor:pointer;background:#101b26ed;border:1px solid #a487565e;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;width:100%;margin:0 0 13px;padding:11px 14px;display:flex}.story-trigger.svelte-ev652n:hover{background:#23303b;border-color:#e0bd7b}.story-trigger.svelte-ev652n>span:where(.svelte-ev652n):first-child{gap:5px;min-width:0;display:grid}.story-trigger.svelte-ev652n small:where(.svelte-ev652n){color:#c8bda6;font-size:11px}.story-trigger.svelte-ev652n strong:where(.svelte-ev652n){word-break:keep-all;font-size:14px;line-height:1.4}.read-label.svelte-ev652n{color:#f0cf8b;flex-shrink:0;font-size:12px}.story-trigger.svelte-ev652n:focus-visible,.character-story.svelte-ev652n button:where(.svelte-ev652n):focus-visible{outline-offset:3px;outline:3px solid #f3d18c}.character-story.svelte-ev652n{color:#edeae1;overscroll-behavior:contain;background:linear-gradient(135deg,#24313a,#101921 65%);border:1px solid #b7986599;border-radius:16px;width:min(900px,100vw - 32px);max-width:none;max-height:calc(100dvh - 40px);padding:0;overflow-y:auto;box-shadow:0 28px 100px #000b}.character-story.svelte-ev652n::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#030910d9}.story-toolbar.svelte-ev652n{z-index:2;color:#cfb57f;letter-spacing:.04em;background:#18232d;border-bottom:1px solid #c3a36c33;justify-content:space-between;align-items:center;padding:14px 24px;font-size:12px;display:flex;position:sticky;top:0}.story-close.svelte-ev652n{color:#e9d9bb;min-height:44px;font:inherit;cursor:pointer;background:#101921;border:1px solid #bca47655;border-radius:6px;align-items:center;gap:12px;padding:0 10px;display:flex}.story-close.svelte-ev652n span:where(.svelte-ev652n){font-size:23px}.story-layout.svelte-ev652n{grid-template-columns:230px minmax(0,1fr);gap:32px;padding:32px;display:grid}.story-portrait.svelte-ev652n{background:radial-gradient(at 50% 25%,#726044,#14202a 80%);border:1px solid #c1a06a55;border-radius:10px;align-self:start;position:sticky;top:20px;overflow:hidden}.story-portrait.svelte-ev652n img:where(.svelte-ev652n){object-fit:contain;object-position:center bottom;width:100%;height:300px;display:block}.story-portrait.svelte-ev652n p:where(.svelte-ev652n){text-align:center;color:#f0d29b;background:#0b141bdd;margin:0;padding:16px 8px;font-size:18px;font-weight:800}.story-prose.svelte-ev652n{min-width:0}.story-prose.svelte-ev652n h2:where(.svelte-ev652n){letter-spacing:-.04em;color:#f5dda9;word-break:keep-all;margin:0 0 22px;font-size:clamp(24px,3vw,32px);line-height:1.35}.story-prose.svelte-ev652n p:where(.svelte-ev652n){word-break:keep-all;overflow-wrap:anywhere;color:#d9dfe0;margin:0 0 22px;font-size:18px;line-height:1.85}.story-prose.svelte-ev652n .story-subtitle:where(.svelte-ev652n){color:#b8a78a;margin-bottom:8px;font-size:14px;line-height:1.6}.story-prose.svelte-ev652n p:where(.svelte-ev652n):last-child{margin-bottom:0}.story-footer.svelte-ev652n{background:#0e1821;border-top:1px solid #c3a36c33;justify-content:space-between;align-items:center;gap:20px;padding:20px 32px;display:flex}.story-footer.svelte-ev652n>span:where(.svelte-ev652n){color:#c5b89d;word-break:keep-all;font-size:12px;line-height:1.6}.story-play.svelte-ev652n{color:#15202a;min-height:48px;font:inherit;cursor:pointer;background:linear-gradient(100deg,#c99c50,#e0c17f);border:1px solid #edd39e;border-radius:6px;flex-shrink:0;padding:10px 18px;font-size:13px;font-weight:800}.character-story.web-story.svelte-ev652n .story-prose:where(.svelte-ev652n) p:where(.svelte-ev652n){font-size:18px;line-height:1.9}.character-story.web-story.svelte-ev652n .story-toolbar:where(.svelte-ev652n){position:sticky;top:0}.character-story.web-story.svelte-ev652n .story-close:where(.svelte-ev652n){justify-content:center;min-width:74px}.character-story.web-story.svelte-ev652n .story-footer:where(.svelte-ev652n){z-index:2;position:sticky;bottom:0}.character-story.web-story.svelte-ev652n .story-play:where(.svelte-ev652n){color:#f1d39a;background:#25323c;border-color:#c3a36c77;min-height:44px;padding:8px 14px;font-size:13px}@media (width<=600px){.story-trigger.svelte-ev652n{gap:9px;margin-bottom:11px;padding:10px 11px}.story-trigger.svelte-ev652n strong:where(.svelte-ev652n){font-size:13px}.read-label.svelte-ev652n{font-size:11px}.character-story.svelte-ev652n{border-radius:12px;width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.story-toolbar.svelte-ev652n{padding:8px 16px}.story-layout.svelte-ev652n{grid-template-columns:1fr;gap:22px;padding:22px 20px}.story-portrait.svelte-ev652n{justify-self:center;width:180px;position:static}.story-portrait.svelte-ev652n img:where(.svelte-ev652n){height:210px}.story-portrait.svelte-ev652n p:where(.svelte-ev652n){padding:10px;font-size:16px}.story-prose.svelte-ev652n h2:where(.svelte-ev652n){margin-bottom:18px;font-size:26px}.story-footer.svelte-ev652n{flex-direction:column;gap:12px;padding:18px 20px}.story-play.svelte-ev652n{width:100%}}.web-home.svelte-1uha8ag .home-copy:where(.svelte-1uha8ag){width:min(1100px,80vw);margin-left:calc(var(--safe-area-left) + clamp(30px,6vw,86px));padding:calc(var(--safe-area-top) + 88px) var(--safe-area-right) calc(var(--safe-area-bottom) + 42px) 0}.web-home.svelte-1uha8ag .home-copy:where(.svelte-1uha8ag) h1:where(.svelte-1uha8ag){margin-bottom:16px;font-size:clamp(48px,5vw,68px)}.web-home.svelte-1uha8ag .home-content:where(.svelte-1uha8ag){grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr);align-items:start;gap:20px;display:grid}.web-home.svelte-1uha8ag .home-choice-column:where(.svelte-1uha8ag),.web-home.svelte-1uha8ag .home-profile-column:where(.svelte-1uha8ag){min-width:0}.web-home.svelte-1uha8ag .home-primary-actions:where(.svelte-1uha8ag){grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.web-home.svelte-1uha8ag .home-primary-actions:where(.svelte-1uha8ag) .primary-cta:where(.svelte-1uha8ag){border-radius:7px;grid-column:1/-1;width:100%;height:72px;min-height:72px;padding:0 22px;font-size:22px}.web-home.svelte-1uha8ag .primary-cta:where(.svelte-1uha8ag)>span:where(.svelte-1uha8ag):first-child small:where(.svelte-1uha8ag){font-size:12px}.web-home.svelte-1uha8ag .learn-cta.secondary-cta:where(.svelte-1uha8ag){min-height:50px;font-size:16px}.web-home.svelte-1uha8ag .home-profile-column:where(.svelte-1uha8ag){background:#101923e8;border:1px solid #cfb58355;border-radius:12px;padding:12px;box-shadow:0 14px 44px #0005}.web-home.svelte-1uha8ag .selected-opponent:where(.svelte-1uha8ag){background:0 0;border:0;grid-template-columns:112px minmax(0,1fr);gap:14px;margin:0 0 12px;padding:0}.web-home.svelte-1uha8ag .selected-opponent:where(.svelte-1uha8ag) .selected-opponent-portrait:where(.svelte-1uha8ag){object-fit:cover;width:112px;height:126px}.web-home.svelte-1uha8ag .selected-opponent:where(.svelte-1uha8ag) .selected-opponent-identity:where(.svelte-1uha8ag) strong:where(.svelte-1uha8ag){font-size:20px}.web-home.svelte-1uha8ag .selected-opponent:where(.svelte-1uha8ag) .selected-opponent-details:where(.svelte-1uha8ag) p:where(.svelte-1uha8ag){font-size:14px;line-height:1.55}.web-home.svelte-1uha8ag .opponent-traits:where(.svelte-1uha8ag){background:#0a131db5;border:1px solid #c5a36638;border-radius:8px;padding:12px 13px}.web-home.svelte-1uha8ag .trait-heading:where(.svelte-1uha8ag){justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:9px;display:flex}.web-home.svelte-1uha8ag .trait-heading:where(.svelte-1uha8ag) h2:where(.svelte-1uha8ag){color:#f1d39a;margin:0;font-size:15px}.web-home.svelte-1uha8ag .trait-heading:where(.svelte-1uha8ag)>span:where(.svelte-1uha8ag),.web-home.svelte-1uha8ag .trait-note:where(.svelte-1uha8ag){color:#c5b89d;font-size:11px;line-height:1.45}.web-home.svelte-1uha8ag .trait-list:where(.svelte-1uha8ag){gap:7px;display:grid}.web-home.svelte-1uha8ag .trait-row:where(.svelte-1uha8ag){grid-template-columns:52px minmax(0,1fr) 54px;align-items:center;gap:9px;font-size:12px;display:grid}.web-home.svelte-1uha8ag .trait-name:where(.svelte-1uha8ag){color:#e7e3da}.web-home.svelte-1uha8ag .trait-track:where(.svelte-1uha8ag){background:#ffffff1c;border-radius:99px;height:8px;overflow:hidden}.web-home.svelte-1uha8ag .trait-track:where(.svelte-1uha8ag) span:where(.svelte-1uha8ag){border-radius:inherit;background:linear-gradient(90deg,#b48745,#f0d18d);height:100%;display:block}.web-home.svelte-1uha8ag .trait-level:where(.svelte-1uha8ag){color:#f1d39a;text-align:right}.web-home.svelte-1uha8ag .trait-note:where(.svelte-1uha8ag){margin:9px 0 0}.web-home.svelte-1uha8ag .story-preview:where(.svelte-1uha8ag){border-top:1px solid #c5a36638;margin-top:12px;padding:12px 13px 2px}.web-home.svelte-1uha8ag .story-preview:where(.svelte-1uha8ag)>p:where(.svelte-1uha8ag){-webkit-line-clamp:3;line-clamp:3;color:#e1e3e5;-webkit-box-orient:vertical;margin:0 0 8px;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.web-learn-nav.svelte-1uha8ag{color:#f3dfb5;white-space:nowrap;background:#111d2bf2;border:1px solid #cfb583;border-radius:6px;justify-content:center;align-items:center;min-height:44px;padding:0 14px;font-size:16px;font-weight:800;display:inline-flex}.web-learn-nav.svelte-1uha8ag:hover{background:#2b3847}@media (width<=960px){.web-home.svelte-1uha8ag .home-copy:where(.svelte-1uha8ag){width:min(760px,88vw);margin:0 auto}.web-home.svelte-1uha8ag .home-content:where(.svelte-1uha8ag){grid-template-columns:1fr}.web-home.svelte-1uha8ag .home-choice-column:where(.svelte-1uha8ag){order:0}.web-home.svelte-1uha8ag .home-profile-column:where(.svelte-1uha8ag){order:1}}@media (width<=759px){.web-learn-nav.svelte-1uha8ag{padding:0 12px;font-size:15px}.web-home.svelte-1uha8ag .home-copy:where(.svelte-1uha8ag){width:100%;padding:calc(var(--safe-area-top) + 73px) calc(var(--safe-area-right) + 14px) calc(var(--safe-area-bottom) + 27px) calc(var(--safe-area-left) + 14px);margin:0}.web-home.svelte-1uha8ag .home-copy:where(.svelte-1uha8ag) h1:where(.svelte-1uha8ag){margin-bottom:12px;font-size:clamp(43px,12vw,58px)}.web-home.svelte-1uha8ag .home-content:where(.svelte-1uha8ag){gap:12px}.web-home.svelte-1uha8ag .home-profile-column:where(.svelte-1uha8ag){padding:10px}.web-home.svelte-1uha8ag .selected-opponent:where(.svelte-1uha8ag){grid-template-columns:78px minmax(0,1fr);gap:10px}.web-home.svelte-1uha8ag .selected-opponent:where(.svelte-1uha8ag) .selected-opponent-portrait:where(.svelte-1uha8ag){width:78px;height:86px}.web-home.svelte-1uha8ag .selected-opponent:where(.svelte-1uha8ag) .selected-opponent-identity:where(.svelte-1uha8ag) strong:where(.svelte-1uha8ag){font-size:16px}.web-home.svelte-1uha8ag .selected-opponent:where(.svelte-1uha8ag) .selected-opponent-details:where(.svelte-1uha8ag) p:where(.svelte-1uha8ag){font-size:12px}.web-home.svelte-1uha8ag .home-primary-actions:where(.svelte-1uha8ag){grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.web-home.svelte-1uha8ag .home-primary-actions:where(.svelte-1uha8ag) .primary-cta:where(.svelte-1uha8ag){height:72px;min-height:72px;font-size:22px}.web-home.svelte-1uha8ag .learn-cta.secondary-cta:where(.svelte-1uha8ag){min-height:48px;padding:0 8px;font-size:14px}.web-home.svelte-1uha8ag .trait-heading:where(.svelte-1uha8ag)>span:where(.svelte-1uha8ag){font-size:10px}.web-home.svelte-1uha8ag .trait-row:where(.svelte-1uha8ag){grid-template-columns:48px minmax(0,1fr) 50px;gap:7px}.web-home.svelte-1uha8ag .story-preview:where(.svelte-1uha8ag){padding-left:2px;padding-right:2px}}@media (width<=359px){.web-home.svelte-1uha8ag .home-copy:where(.svelte-1uha8ag){padding-right:calc(var(--safe-area-right) + 10px);padding-left:calc(var(--safe-area-left) + 10px)}.web-home.svelte-1uha8ag .home-primary-actions:where(.svelte-1uha8ag){gap:6px}.web-home.svelte-1uha8ag .learn-cta.secondary-cta:where(.svelte-1uha8ag){padding:0 4px;font-size:13px}}