html{color-scheme:light dark;--mat-sys-background: light-dark(#faf8fa, #131314);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f1f0f1, #303031);--mat-sys-inverse-primary: light-dark(#c5d7ee, #59688f);--mat-sys-inverse-surface: light-dark(#303031, #e3e2e3);--mat-sys-on-background: light-dark(#1b1b1d, #e3e2e3);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #2c3448);--mat-sys-on-primary-container: light-dark(#424e6a, #e2edff);--mat-sys-on-primary-fixed: light-dark(#1a1f2e, #1a1f2e);--mat-sys-on-primary-fixed-variant: light-dark(#424e6a, #424e6a);--mat-sys-on-secondary: light-dark(#ffffff, #303240);--mat-sys-on-secondary-container: light-dark(#474957, #e3e3f7);--mat-sys-on-secondary-fixed: light-dark(#1b1d2a, #1b1d2a);--mat-sys-on-secondary-fixed-variant: light-dark(#474957, #474957);--mat-sys-on-surface: light-dark(#1b1b1d, #e3e2e3);--mat-sys-on-surface-variant: light-dark(#45464c, #e1e2e9);--mat-sys-on-tertiary: light-dark(#ffffff, #2c3448);--mat-sys-on-tertiary-container: light-dark(#424e6a, #e2edff);--mat-sys-on-tertiary-fixed: light-dark(#1a1f2e, #1a1f2e);--mat-sys-on-tertiary-fixed-variant: light-dark(#424e6a, #424e6a);--mat-sys-outline: light-dark(#75777d, #8f9096);--mat-sys-outline-variant: light-dark(#c5c6cc, #45464c);--mat-sys-primary: light-dark(#59688f, #c5d7ee);--mat-sys-primary-container: light-dark(#e2edff, #424e6a);--mat-sys-primary-fixed: light-dark(#e2edff, #e2edff);--mat-sys-primary-fixed-dim: light-dark(#c5d7ee, #c5d7ee);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#5e606f, #c7c7da);--mat-sys-secondary-container: light-dark(#e3e3f7, #474957);--mat-sys-secondary-fixed: light-dark(#e3e3f7, #e3e3f7);--mat-sys-secondary-fixed-dim: light-dark(#c7c7da, #c7c7da);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#faf8fa, #131314);--mat-sys-surface-bright: light-dark(#faf8fa, #38393a);--mat-sys-surface-container: light-dark(#efedee, #1f1f21);--mat-sys-surface-container-high: light-dark(#e9e7e9, #2a2a2b);--mat-sys-surface-container-highest: light-dark(#e3e2e3, #343436);--mat-sys-surface-container-low: light-dark(#f5f3f4, #1b1b1d);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0e0e0f);--mat-sys-surface-dim: light-dark(#dbd9da, #131314);--mat-sys-surface-tint: light-dark(#59688f, #c5d7ee);--mat-sys-surface-variant: light-dark(#e1e2e9, #45464c);--mat-sys-tertiary: light-dark(#59688f, #c5d7ee);--mat-sys-tertiary-container: light-dark(#e2edff, #424e6a);--mat-sys-tertiary-fixed: light-dark(#e2edff, #e2edff);--mat-sys-tertiary-fixed-dim: light-dark(#c5d7ee, #c5d7ee);--mat-sys-neutral-variant20: #2f3035;--mat-sys-neutral10: #1b1b1d;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 300 1rem / 1.5rem Source Serif 4;--mat-sys-body-large-font: Source Serif 4;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 300;--mat-sys-body-medium: 300 .875rem / 1.25rem Source Serif 4;--mat-sys-body-medium-font: Source Serif 4;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 300;--mat-sys-body-small: 300 .75rem / 1rem Source Serif 4;--mat-sys-body-small-font: Source Serif 4;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 300;--mat-sys-display-large: 300 3.562rem / 4rem Cinzel Decorative;--mat-sys-display-large-font: Cinzel Decorative;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 300;--mat-sys-display-medium: 300 2.812rem / 3.25rem Cinzel Decorative;--mat-sys-display-medium-font: Cinzel Decorative;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 300;--mat-sys-display-small: 300 2.25rem / 2.75rem Cinzel Decorative;--mat-sys-display-small-font: Cinzel Decorative;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 300;--mat-sys-headline-large: 300 2rem / 2.5rem Cinzel Decorative;--mat-sys-headline-large-font: Cinzel Decorative;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 300;--mat-sys-headline-medium: 300 1.75rem / 2.25rem Cinzel Decorative;--mat-sys-headline-medium-font: Cinzel Decorative;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 300;--mat-sys-headline-small: 300 1.5rem / 2rem Cinzel Decorative;--mat-sys-headline-small-font: Cinzel Decorative;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 300;--mat-sys-label-large: 500 .875rem / 1.25rem Source Serif 4;--mat-sys-label-large-font: Source Serif 4;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 900;--mat-sys-label-medium: 500 .75rem / 1rem Source Serif 4;--mat-sys-label-medium-font: Source Serif 4;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 900;--mat-sys-label-small: 500 .688rem / 1rem Source Serif 4;--mat-sys-label-small-font: Source Serif 4;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 300 1.375rem / 1.75rem Cinzel Decorative;--mat-sys-title-large-font: Cinzel Decorative;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 300;--mat-sys-title-medium: 500 1rem / 1.5rem Source Serif 4;--mat-sys-title-medium-font: Source Serif 4;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Source Serif 4;--mat-sys-title-small-font: Source Serif 4;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}html[data-theme-palette=dungeon-depths]{--mat-sys-background: light-dark(#faf8fa, #131314);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f1f0f1, #303031);--mat-sys-inverse-primary: light-dark(#c5d7ee, #59688f);--mat-sys-inverse-surface: light-dark(#303031, #e3e2e3);--mat-sys-on-background: light-dark(#1b1b1d, #e3e2e3);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #2c3448);--mat-sys-on-primary-container: light-dark(#424e6a, #e2edff);--mat-sys-on-primary-fixed: light-dark(#1a1f2e, #1a1f2e);--mat-sys-on-primary-fixed-variant: light-dark(#424e6a, #424e6a);--mat-sys-on-secondary: light-dark(#ffffff, #303240);--mat-sys-on-secondary-container: light-dark(#474957, #e3e3f7);--mat-sys-on-secondary-fixed: light-dark(#1b1d2a, #1b1d2a);--mat-sys-on-secondary-fixed-variant: light-dark(#474957, #474957);--mat-sys-on-surface: light-dark(#1b1b1d, #e3e2e3);--mat-sys-on-surface-variant: light-dark(#45464c, #e1e2e9);--mat-sys-on-tertiary: light-dark(#ffffff, #2c3448);--mat-sys-on-tertiary-container: light-dark(#424e6a, #e2edff);--mat-sys-on-tertiary-fixed: light-dark(#1a1f2e, #1a1f2e);--mat-sys-on-tertiary-fixed-variant: light-dark(#424e6a, #424e6a);--mat-sys-outline: light-dark(#75777d, #8f9096);--mat-sys-outline-variant: light-dark(#c5c6cc, #45464c);--mat-sys-primary: light-dark(#59688f, #c5d7ee);--mat-sys-primary-container: light-dark(#e2edff, #424e6a);--mat-sys-primary-fixed: light-dark(#e2edff, #e2edff);--mat-sys-primary-fixed-dim: light-dark(#c5d7ee, #c5d7ee);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#5e606f, #c7c7da);--mat-sys-secondary-container: light-dark(#e3e3f7, #474957);--mat-sys-secondary-fixed: light-dark(#e3e3f7, #e3e3f7);--mat-sys-secondary-fixed-dim: light-dark(#c7c7da, #c7c7da);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#faf8fa, #131314);--mat-sys-surface-bright: light-dark(#faf8fa, #38393a);--mat-sys-surface-container: light-dark(#efedee, #1f1f21);--mat-sys-surface-container-high: light-dark(#e9e7e9, #2a2a2b);--mat-sys-surface-container-highest: light-dark(#e3e2e3, #343436);--mat-sys-surface-container-low: light-dark(#f5f3f4, #1b1b1d);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0e0e0f);--mat-sys-surface-dim: light-dark(#dbd9da, #131314);--mat-sys-surface-tint: light-dark(#59688f, #c5d7ee);--mat-sys-surface-variant: light-dark(#e1e2e9, #45464c);--mat-sys-tertiary: light-dark(#59688f, #c5d7ee);--mat-sys-tertiary-container: light-dark(#e2edff, #424e6a);--mat-sys-tertiary-fixed: light-dark(#e2edff, #e2edff);--mat-sys-tertiary-fixed-dim: light-dark(#c5d7ee, #c5d7ee);--mat-sys-neutral-variant20: #2f3035;--mat-sys-neutral10: #1b1b1d;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 300 1rem / 1.5rem Source Serif 4;--mat-sys-body-large-font: Source Serif 4;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 300;--mat-sys-body-medium: 300 .875rem / 1.25rem Source Serif 4;--mat-sys-body-medium-font: Source Serif 4;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 300;--mat-sys-body-small: 300 .75rem / 1rem Source Serif 4;--mat-sys-body-small-font: Source Serif 4;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 300;--mat-sys-display-large: 300 3.562rem / 4rem Cinzel Decorative;--mat-sys-display-large-font: Cinzel Decorative;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 300;--mat-sys-display-medium: 300 2.812rem / 3.25rem Cinzel Decorative;--mat-sys-display-medium-font: Cinzel Decorative;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 300;--mat-sys-display-small: 300 2.25rem / 2.75rem Cinzel Decorative;--mat-sys-display-small-font: Cinzel Decorative;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 300;--mat-sys-headline-large: 300 2rem / 2.5rem Cinzel Decorative;--mat-sys-headline-large-font: Cinzel Decorative;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 300;--mat-sys-headline-medium: 300 1.75rem / 2.25rem Cinzel Decorative;--mat-sys-headline-medium-font: Cinzel Decorative;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 300;--mat-sys-headline-small: 300 1.5rem / 2rem Cinzel Decorative;--mat-sys-headline-small-font: Cinzel Decorative;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 300;--mat-sys-label-large: 500 .875rem / 1.25rem Source Serif 4;--mat-sys-label-large-font: Source Serif 4;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 900;--mat-sys-label-medium: 500 .75rem / 1rem Source Serif 4;--mat-sys-label-medium-font: Source Serif 4;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 900;--mat-sys-label-small: 500 .688rem / 1rem Source Serif 4;--mat-sys-label-small-font: Source Serif 4;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 300 1.375rem / 1.75rem Cinzel Decorative;--mat-sys-title-large-font: Cinzel Decorative;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 300;--mat-sys-title-medium: 500 1rem / 1.5rem Source Serif 4;--mat-sys-title-medium-font: Source Serif 4;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Source Serif 4;--mat-sys-title-small-font: Source Serif 4;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}html[data-theme-palette=dragon-fire]{--mat-sys-background: light-dark(#fff8f6, #181413);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f8f0ee, #34302f);--mat-sys-inverse-primary: light-dark(#ffb59a, #9f3500);--mat-sys-inverse-surface: light-dark(#34302f, #eae2e0);--mat-sys-on-background: light-dark(#1f1b1a, #eae2e0);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #5f1100);--mat-sys-on-primary-container: light-dark(#7e2300, #ffdacc);--mat-sys-on-primary-fixed: light-dark(#3e0400, #3e0400);--mat-sys-on-primary-fixed-variant: light-dark(#7e2300, #7e2300);--mat-sys-on-secondary: light-dark(#ffffff, #442a26);--mat-sys-on-secondary-container: light-dark(#5d403c, #ffdad5);--mat-sys-on-secondary-fixed: light-dark(#2b1512, #2b1512);--mat-sys-on-secondary-fixed-variant: light-dark(#5d403c, #5d403c);--mat-sys-on-surface: light-dark(#1f1b1a, #eae2e0);--mat-sys-on-surface-variant: light-dark(#504340, #f1ded9);--mat-sys-on-tertiary: light-dark(#ffffff, #5f1100);--mat-sys-on-tertiary-container: light-dark(#7e2300, #ffdacc);--mat-sys-on-tertiary-fixed: light-dark(#3e0400, #3e0400);--mat-sys-on-tertiary-fixed-variant: light-dark(#7e2300, #7e2300);--mat-sys-outline: light-dark(#82736f, #9d8c88);--mat-sys-outline-variant: light-dark(#d4c2bd, #504340);--mat-sys-primary: light-dark(#9f3500, #ffb59a);--mat-sys-primary-container: light-dark(#ffdacc, #7e2300);--mat-sys-primary-fixed: light-dark(#ffdacc, #ffdacc);--mat-sys-primary-fixed-dim: light-dark(#ffb59a, #ffb59a);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#775753, #e6bfba);--mat-sys-secondary-container: light-dark(#ffdad5, #5d403c);--mat-sys-secondary-fixed: light-dark(#ffdad5, #ffdad5);--mat-sys-secondary-fixed-dim: light-dark(#e6bfba, #e6bfba);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#fff8f6, #181413);--mat-sys-surface-bright: light-dark(#fff8f6, #3d3938);--mat-sys-surface-container: light-dark(#f1e9e7, #241f1e);--mat-sys-surface-container-high: light-dark(#ebe3e1, #2e2a29);--mat-sys-surface-container-highest: light-dark(#eae2e0, #393534);--mat-sys-surface-container-low: light-dark(#f7efed, #1f1b1a);--mat-sys-surface-container-lowest: light-dark(#ffffff, #130f0e);--mat-sys-surface-dim: light-dark(#ddd5d3, #181413);--mat-sys-surface-tint: light-dark(#9f3500, #ffb59a);--mat-sys-surface-variant: light-dark(#f1ded9, #504340);--mat-sys-tertiary: light-dark(#9f3500, #ffb59a);--mat-sys-tertiary-container: light-dark(#ffdacc, #7e2300);--mat-sys-tertiary-fixed: light-dark(#ffdacc, #ffdacc);--mat-sys-tertiary-fixed-dim: light-dark(#ffb59a, #ffb59a);--mat-sys-neutral-variant20: #392d2a;--mat-sys-neutral10: #1f1b1a;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 300 1rem / 1.5rem Source Serif 4;--mat-sys-body-large-font: Source Serif 4;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 300;--mat-sys-body-medium: 300 .875rem / 1.25rem Source Serif 4;--mat-sys-body-medium-font: Source Serif 4;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 300;--mat-sys-body-small: 300 .75rem / 1rem Source Serif 4;--mat-sys-body-small-font: Source Serif 4;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 300;--mat-sys-display-large: 300 3.562rem / 4rem Cinzel Decorative;--mat-sys-display-large-font: Cinzel Decorative;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 300;--mat-sys-display-medium: 300 2.812rem / 3.25rem Cinzel Decorative;--mat-sys-display-medium-font: Cinzel Decorative;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 300;--mat-sys-display-small: 300 2.25rem / 2.75rem Cinzel Decorative;--mat-sys-display-small-font: Cinzel Decorative;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 300;--mat-sys-headline-large: 300 2rem / 2.5rem Cinzel Decorative;--mat-sys-headline-large-font: Cinzel Decorative;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 300;--mat-sys-headline-medium: 300 1.75rem / 2.25rem Cinzel Decorative;--mat-sys-headline-medium-font: Cinzel Decorative;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 300;--mat-sys-headline-small: 300 1.5rem / 2rem Cinzel Decorative;--mat-sys-headline-small-font: Cinzel Decorative;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 300;--mat-sys-label-large: 500 .875rem / 1.25rem Source Serif 4;--mat-sys-label-large-font: Source Serif 4;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 900;--mat-sys-label-medium: 500 .75rem / 1rem Source Serif 4;--mat-sys-label-medium-font: Source Serif 4;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 900;--mat-sys-label-small: 500 .688rem / 1rem Source Serif 4;--mat-sys-label-small-font: Source Serif 4;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 300 1.375rem / 1.75rem Cinzel Decorative;--mat-sys-title-large-font: Cinzel Decorative;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 300;--mat-sys-title-medium: 500 1rem / 1.5rem Source Serif 4;--mat-sys-title-medium-font: Source Serif 4;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Source Serif 4;--mat-sys-title-small-font: Source Serif 4;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}html[data-theme-palette=forest-realm]{--mat-sys-background: light-dark(#f8faf5, #121513);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#eff1ec, #2e312e);--mat-sys-inverse-primary: light-dark(#6ddf7a, #006e27);--mat-sys-inverse-surface: light-dark(#2e312e, #e1e3de);--mat-sys-on-background: light-dark(#191c1a, #e1e3de);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #003912);--mat-sys-on-primary-container: light-dark(#00531d, #8efc94);--mat-sys-on-primary-fixed: light-dark(#002108, #002108);--mat-sys-on-primary-fixed-variant: light-dark(#00531d, #00531d);--mat-sys-on-secondary: light-dark(#ffffff, #223527);--mat-sys-on-secondary-container: light-dark(#384b3d, #d2e8d6);--mat-sys-on-secondary-fixed: light-dark(#0e1f13, #0e1f13);--mat-sys-on-secondary-fixed-variant: light-dark(#384b3d, #384b3d);--mat-sys-on-surface: light-dark(#191c1a, #e1e3de);--mat-sys-on-surface-variant: light-dark(#424843, #dee5dd);--mat-sys-on-tertiary: light-dark(#ffffff, #003912);--mat-sys-on-tertiary-container: light-dark(#00531d, #8efc94);--mat-sys-on-tertiary-fixed: light-dark(#002108, #002108);--mat-sys-on-tertiary-fixed-variant: light-dark(#00531d, #00531d);--mat-sys-outline: light-dark(#737973, #8d938c);--mat-sys-outline-variant: light-dark(#c2c9c2, #424843);--mat-sys-primary: light-dark(#006e27, #6ddf7a);--mat-sys-primary-container: light-dark(#8efc94, #00531d);--mat-sys-primary-fixed: light-dark(#8efc94, #8efc94);--mat-sys-primary-fixed-dim: light-dark(#6ddf7a, #6ddf7a);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#4f6354, #b6ccba);--mat-sys-secondary-container: light-dark(#d2e8d6, #384b3d);--mat-sys-secondary-fixed: light-dark(#d2e8d6, #d2e8d6);--mat-sys-secondary-fixed-dim: light-dark(#b6ccba, #b6ccba);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#f8faf5, #121513);--mat-sys-surface-bright: light-dark(#f8faf5, #373a37);--mat-sys-surface-container: light-dark(#edefea, #1e201e);--mat-sys-surface-container-high: light-dark(#e7e9e4, #282b28);--mat-sys-surface-container-highest: light-dark(#e1e3de, #333633);--mat-sys-surface-container-low: light-dark(#f3f5f0, #191c1a);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0d100e);--mat-sys-surface-dim: light-dark(#d8dad5, #121513);--mat-sys-surface-tint: light-dark(#006e27, #6ddf7a);--mat-sys-surface-variant: light-dark(#dee5dd, #424843);--mat-sys-tertiary: light-dark(#006e27, #6ddf7a);--mat-sys-tertiary-container: light-dark(#8efc94, #00531d);--mat-sys-tertiary-fixed: light-dark(#8efc94, #8efc94);--mat-sys-tertiary-fixed-dim: light-dark(#6ddf7a, #6ddf7a);--mat-sys-neutral-variant20: #2c322d;--mat-sys-neutral10: #191c1a;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 300 1rem / 1.5rem Source Serif 4;--mat-sys-body-large-font: Source Serif 4;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 300;--mat-sys-body-medium: 300 .875rem / 1.25rem Source Serif 4;--mat-sys-body-medium-font: Source Serif 4;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 300;--mat-sys-body-small: 300 .75rem / 1rem Source Serif 4;--mat-sys-body-small-font: Source Serif 4;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 300;--mat-sys-display-large: 300 3.562rem / 4rem Cinzel Decorative;--mat-sys-display-large-font: Cinzel Decorative;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 300;--mat-sys-display-medium: 300 2.812rem / 3.25rem Cinzel Decorative;--mat-sys-display-medium-font: Cinzel Decorative;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 300;--mat-sys-display-small: 300 2.25rem / 2.75rem Cinzel Decorative;--mat-sys-display-small-font: Cinzel Decorative;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 300;--mat-sys-headline-large: 300 2rem / 2.5rem Cinzel Decorative;--mat-sys-headline-large-font: Cinzel Decorative;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 300;--mat-sys-headline-medium: 300 1.75rem / 2.25rem Cinzel Decorative;--mat-sys-headline-medium-font: Cinzel Decorative;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 300;--mat-sys-headline-small: 300 1.5rem / 2rem Cinzel Decorative;--mat-sys-headline-small-font: Cinzel Decorative;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 300;--mat-sys-label-large: 500 .875rem / 1.25rem Source Serif 4;--mat-sys-label-large-font: Source Serif 4;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 900;--mat-sys-label-medium: 500 .75rem / 1rem Source Serif 4;--mat-sys-label-medium-font: Source Serif 4;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 900;--mat-sys-label-small: 500 .688rem / 1rem Source Serif 4;--mat-sys-label-small-font: Source Serif 4;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 300 1.375rem / 1.75rem Cinzel Decorative;--mat-sys-title-large-font: Cinzel Decorative;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 300;--mat-sys-title-medium: 500 1rem / 1.5rem Source Serif 4;--mat-sys-title-medium-font: Source Serif 4;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Source Serif 4;--mat-sys-title-small-font: Source Serif 4;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}html[data-theme-palette=arcane-magic]{--mat-sys-background: light-dark(#fdf8fc, #161416);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f4eff3, #323033);--mat-sys-inverse-primary: light-dark(#d49aff, #6500c3);--mat-sys-inverse-surface: light-dark(#323033, #e6e1e5);--mat-sys-on-background: light-dark(#1d1b1e, #e6e1e5);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #350075);--mat-sys-on-primary-container: light-dark(#4d009b, #ecc7ff);--mat-sys-on-primary-fixed: light-dark(#1f0052, #1f0052);--mat-sys-on-primary-fixed-variant: light-dark(#4d009b, #4d009b);--mat-sys-on-secondary: light-dark(#ffffff, #392e42);--mat-sys-on-secondary-container: light-dark(#504459, #f1dff8);--mat-sys-on-secondary-fixed: light-dark(#231a2c, #231a2c);--mat-sys-on-secondary-fixed-variant: light-dark(#504459, #504459);--mat-sys-on-surface: light-dark(#1d1b1e, #e6e1e5);--mat-sys-on-surface-variant: light-dark(#4a454c, #e7e1e8);--mat-sys-on-tertiary: light-dark(#ffffff, #350075);--mat-sys-on-tertiary-container: light-dark(#4d009b, #ecc7ff);--mat-sys-on-tertiary-fixed: light-dark(#1f0052, #1f0052);--mat-sys-on-tertiary-fixed-variant: light-dark(#4d009b, #4d009b);--mat-sys-outline: light-dark(#7a767c, #948f96);--mat-sys-outline-variant: light-dark(#cbc5cc, #4a454c);--mat-sys-primary: light-dark(#6500c3, #d49aff);--mat-sys-primary-container: light-dark(#ecc7ff, #4d009b);--mat-sys-primary-fixed: light-dark(#ecc7ff, #ecc7ff);--mat-sys-primary-fixed-dim: light-dark(#d49aff, #d49aff);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#695c71, #d4c3dc);--mat-sys-secondary-container: light-dark(#f1dff8, #504459);--mat-sys-secondary-fixed: light-dark(#f1dff8, #f1dff8);--mat-sys-secondary-fixed-dim: light-dark(#d4c3dc, #d4c3dc);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#fdf8fc, #161416);--mat-sys-surface-bright: light-dark(#fdf8fc, #3b393c);--mat-sys-surface-container: light-dark(#f1ecf0, #211f22);--mat-sys-surface-container-high: light-dark(#ebe6ea, #2c2a2d);--mat-sys-surface-container-highest: light-dark(#e6e1e5, #373538);--mat-sys-surface-container-low: light-dark(#f7f2f6, #1d1b1e);--mat-sys-surface-container-lowest: light-dark(#ffffff, #110f11);--mat-sys-surface-dim: light-dark(#dcd7db, #161416);--mat-sys-surface-tint: light-dark(#6500c3, #d49aff);--mat-sys-surface-variant: light-dark(#e7e1e8, #4a454c);--mat-sys-tertiary: light-dark(#6500c3, #d49aff);--mat-sys-tertiary-container: light-dark(#ecc7ff, #4d009b);--mat-sys-tertiary-fixed: light-dark(#ecc7ff, #ecc7ff);--mat-sys-tertiary-fixed-dim: light-dark(#d49aff, #d49aff);--mat-sys-neutral-variant20: #332f35;--mat-sys-neutral10: #1d1b1e;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 300 1rem / 1.5rem Source Serif 4;--mat-sys-body-large-font: Source Serif 4;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 300;--mat-sys-body-medium: 300 .875rem / 1.25rem Source Serif 4;--mat-sys-body-medium-font: Source Serif 4;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 300;--mat-sys-body-small: 300 .75rem / 1rem Source Serif 4;--mat-sys-body-small-font: Source Serif 4;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 300;--mat-sys-display-large: 300 3.562rem / 4rem Cinzel Decorative;--mat-sys-display-large-font: Cinzel Decorative;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 300;--mat-sys-display-medium: 300 2.812rem / 3.25rem Cinzel Decorative;--mat-sys-display-medium-font: Cinzel Decorative;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 300;--mat-sys-display-small: 300 2.25rem / 2.75rem Cinzel Decorative;--mat-sys-display-small-font: Cinzel Decorative;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 300;--mat-sys-headline-large: 300 2rem / 2.5rem Cinzel Decorative;--mat-sys-headline-large-font: Cinzel Decorative;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 300;--mat-sys-headline-medium: 300 1.75rem / 2.25rem Cinzel Decorative;--mat-sys-headline-medium-font: Cinzel Decorative;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 300;--mat-sys-headline-small: 300 1.5rem / 2rem Cinzel Decorative;--mat-sys-headline-small-font: Cinzel Decorative;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 300;--mat-sys-label-large: 500 .875rem / 1.25rem Source Serif 4;--mat-sys-label-large-font: Source Serif 4;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 900;--mat-sys-label-medium: 500 .75rem / 1rem Source Serif 4;--mat-sys-label-medium-font: Source Serif 4;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 900;--mat-sys-label-small: 500 .688rem / 1rem Source Serif 4;--mat-sys-label-small-font: Source Serif 4;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 300 1.375rem / 1.75rem Cinzel Decorative;--mat-sys-title-large-font: Cinzel Decorative;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 300;--mat-sys-title-medium: 500 1rem / 1.5rem Source Serif 4;--mat-sys-title-medium-font: Source Serif 4;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Source Serif 4;--mat-sys-title-small-font: Source Serif 4;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}html[data-theme-palette=treasure-hoard]{--mat-sys-background: light-dark(#fff8f0, #171511);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f6f0e8, #33302b);--mat-sys-inverse-primary: light-dark(#f5bb00, #7a5900);--mat-sys-inverse-surface: light-dark(#33302b, #e8e2da);--mat-sys-on-background: light-dark(#1e1b17, #e8e2da);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #412d00);--mat-sys-on-primary-container: light-dark(#5d4200, #ffdf94);--mat-sys-on-primary-fixed: light-dark(#281800, #281800);--mat-sys-on-primary-fixed-variant: light-dark(#5d4200, #5d4200);--mat-sys-on-secondary: light-dark(#ffffff, #382f23);--mat-sys-on-secondary-container: light-dark(#4f4539, #efe0d1);--mat-sys-on-secondary-fixed: light-dark(#221a0f, #221a0f);--mat-sys-on-secondary-fixed-variant: light-dark(#4f4539, #4f4539);--mat-sys-on-surface: light-dark(#1e1b17, #e8e2da);--mat-sys-on-surface-variant: light-dark(#4d473f, #ece2d8);--mat-sys-on-tertiary: light-dark(#ffffff, #412d00);--mat-sys-on-tertiary-container: light-dark(#5d4200, #ffdf94);--mat-sys-on-tertiary-fixed: light-dark(#281800, #281800);--mat-sys-on-tertiary-fixed-variant: light-dark(#5d4200, #5d4200);--mat-sys-outline: light-dark(#7e776e, #999187);--mat-sys-outline-variant: light-dark(#d0c6bc, #4d473f);--mat-sys-primary: light-dark(#7a5900, #f5bb00);--mat-sys-primary-container: light-dark(#ffdf94, #5d4200);--mat-sys-primary-fixed: light-dark(#ffdf94, #ffdf94);--mat-sys-primary-fixed-dim: light-dark(#f5bb00, #f5bb00);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#675c50, #d2c4b6);--mat-sys-secondary-container: light-dark(#efe0d1, #4f4539);--mat-sys-secondary-fixed: light-dark(#efe0d1, #efe0d1);--mat-sys-secondary-fixed-dim: light-dark(#d2c4b6, #d2c4b6);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#fff8f0, #171511);--mat-sys-surface-bright: light-dark(#fff8f0, #3c3935);--mat-sys-surface-container: light-dark(#f2ece4, #221f1b);--mat-sys-surface-container-high: light-dark(#ece6de, #2d2a26);--mat-sys-surface-container-highest: light-dark(#e8e2da, #383531);--mat-sys-surface-container-low: light-dark(#f8f2ea, #1e1b17);--mat-sys-surface-container-lowest: light-dark(#ffffff, #12100c);--mat-sys-surface-dim: light-dark(#ddd7cf, #171511);--mat-sys-surface-tint: light-dark(#7a5900, #f5bb00);--mat-sys-surface-variant: light-dark(#ece2d8, #4d473f);--mat-sys-tertiary: light-dark(#7a5900, #f5bb00);--mat-sys-tertiary-container: light-dark(#ffdf94, #5d4200);--mat-sys-tertiary-fixed: light-dark(#ffdf94, #ffdf94);--mat-sys-tertiary-fixed-dim: light-dark(#f5bb00, #f5bb00);--mat-sys-neutral-variant20: #363129;--mat-sys-neutral10: #1e1b17;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 300 1rem / 1.5rem Source Serif 4;--mat-sys-body-large-font: Source Serif 4;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 300;--mat-sys-body-medium: 300 .875rem / 1.25rem Source Serif 4;--mat-sys-body-medium-font: Source Serif 4;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 300;--mat-sys-body-small: 300 .75rem / 1rem Source Serif 4;--mat-sys-body-small-font: Source Serif 4;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 300;--mat-sys-display-large: 300 3.562rem / 4rem Cinzel Decorative;--mat-sys-display-large-font: Cinzel Decorative;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 300;--mat-sys-display-medium: 300 2.812rem / 3.25rem Cinzel Decorative;--mat-sys-display-medium-font: Cinzel Decorative;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 300;--mat-sys-display-small: 300 2.25rem / 2.75rem Cinzel Decorative;--mat-sys-display-small-font: Cinzel Decorative;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 300;--mat-sys-headline-large: 300 2rem / 2.5rem Cinzel Decorative;--mat-sys-headline-large-font: Cinzel Decorative;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 300;--mat-sys-headline-medium: 300 1.75rem / 2.25rem Cinzel Decorative;--mat-sys-headline-medium-font: Cinzel Decorative;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 300;--mat-sys-headline-small: 300 1.5rem / 2rem Cinzel Decorative;--mat-sys-headline-small-font: Cinzel Decorative;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 300;--mat-sys-label-large: 500 .875rem / 1.25rem Source Serif 4;--mat-sys-label-large-font: Source Serif 4;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 900;--mat-sys-label-medium: 500 .75rem / 1rem Source Serif 4;--mat-sys-label-medium-font: Source Serif 4;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 900;--mat-sys-label-small: 500 .688rem / 1rem Source Serif 4;--mat-sys-label-small-font: Source Serif 4;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 300 1.375rem / 1.75rem Cinzel Decorative;--mat-sys-title-large-font: Cinzel Decorative;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 300;--mat-sys-title-medium: 500 1rem / 1.5rem Source Serif 4;--mat-sys-title-medium-font: Source Serif 4;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Source Serif 4;--mat-sys-title-small-font: Source Serif 4;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}html{background:radial-gradient(circle at top left,rgba(255,255,255,.04),transparent 55%),radial-gradient(circle at bottom right,rgba(0,0,0,.4),transparent 55%)}body{--rk-accent-header-gradient: linear-gradient( 135deg, color-mix(in srgb, var(--mat-sys-primary) 85%, var(--mat-sys-secondary) 15%), color-mix(in srgb, var(--mat-sys-secondary) 65%, var(--mat-sys-primary) 35%) );min-height:100vh;margin:0;background:radial-gradient(circle at top left,rgba(255,255,255,.04),transparent 55%),radial-gradient(circle at bottom right,rgba(0,0,0,.35),transparent 55%),var(--mat-sys-surface);color:var(--mat-sys-on-surface);font-family:var(--mat-sys-body-large-font);display:flex;flex-direction:column}h1{text-align:center;font:var(--mat-sys-headline-large);letter-spacing:var(--mat-sys-headline-large-tracking);color:var(--mat-sys-primary)}h2{font:var(--mat-sys-headline-small);letter-spacing:var(--mat-sys-headline-small-tracking);color:var(--mat-sys-secondary)}.page,.page-container{width:100%;height:100%}.surface-card{background-color:var(--mat-sys-surface-container-highest);color:var(--mat-sys-on-surface);border-radius:var(--mat-sys-corner-medium);box-shadow:var(--mat-sys-level2);padding:1.5rem}.surface-panel{background-color:var(--mat-sys-surface-container-high);color:var(--mat-sys-on-surface);border-radius:var(--mat-sys-corner-small);box-shadow:var(--mat-sys-level1);padding:1rem 1.25rem}