:root{color-scheme:light dark;--bw-page: light-dark(#f3f6f5, #151d24);--bw-panel: light-dark(#ffffff, #1c2831);--bw-raised: light-dark(#e5ecec, #263640);--bw-outline: light-dark(#bbc8cc, #354550);--bw-rule: light-dark(#d6dfe1, #24323b);--bw-text: light-dark(#17252d, #e8eef0);--bw-text-2: light-dark(#435b66, #a8bbc4);--bw-text-muted: light-dark(#526a76, #8096a2);--bw-sea: light-dark(#0e8576, #4edbc5);--bw-forest: light-dark(#2b8653, #70d49b);--bw-amber: light-dark(#a8720f, #f6c76a);--bw-route: light-dark(#c2334a, #ff7480);--bw-magic: light-dark(#6a52c6, #b6a0ff);--bw-on-ink: light-dark(#ffffff, #10181e);--bw-sea-tint: color-mix(in srgb, var(--bw-sea) 14%, transparent);--bw-forest-tint: color-mix(in srgb, var(--bw-forest) 14%, transparent);--bw-route-tint: color-mix(in srgb, var(--bw-route) 14%, transparent);--bw-magic-tint: color-mix(in srgb, var(--bw-magic) 22%, transparent);--bw-hover: color-mix(in srgb, var(--bw-text) 6%, transparent);--bw-art-veil: light-dark(color-mix(in srgb, #f3f6f5 84%, transparent), color-mix(in srgb, #151d24 28%, transparent));--bw-serif: "Fraunces", Georgia, serif;--bw-sans: "IBM Plex Sans", system-ui, sans-serif;--bw-mono: "IBM Plex Mono", ui-monospace, monospace;--bw-radius: 4px;--bw-radius-s: 2px;--bw-line: 1px solid var(--bw-outline);--bw-hairline: 1px solid var(--bw-rule);--bw-pad: 12px}html{height:100%;--mat-sys-background: light-dark(#f7faf9, #101414);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#eff1f0, #2d3131);--mat-sys-inverse-primary: light-dark(#00dddd, #006a6a);--mat-sys-inverse-surface: light-dark(#2d3131, #e0e3e2);--mat-sys-on-background: light-dark(#191c1c, #e0e3e2);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #003737);--mat-sys-on-primary-container: light-dark(#004f4f, #00fbfb);--mat-sys-on-primary-fixed: light-dark(#002020, #002020);--mat-sys-on-primary-fixed-variant: light-dark(#004f4f, #004f4f);--mat-sys-on-secondary: light-dark(#ffffff, #1b3534);--mat-sys-on-secondary-container: light-dark(#324b4b, #cce8e7);--mat-sys-on-secondary-fixed: light-dark(#051f1f, #051f1f);--mat-sys-on-secondary-fixed-variant: light-dark(#324b4b, #324b4b);--mat-sys-on-surface: light-dark(#191c1c, #e0e3e2);--mat-sys-on-surface-variant: light-dark(#3f4948, #dae5e4);--mat-sys-on-tertiary: light-dark(#ffffff, #42008a);--mat-sys-on-tertiary-container: light-dark(#5f00c0, #ecdcff);--mat-sys-on-tertiary-fixed: light-dark(#270057, #270057);--mat-sys-on-tertiary-fixed-variant: light-dark(#5f00c0, #5f00c0);--mat-sys-outline: light-dark(#6f7979, #889392);--mat-sys-outline-variant: light-dark(#bec9c8, #3f4948);--mat-sys-primary: light-dark(#006a6a, #00dddd);--mat-sys-primary-container: light-dark(#00fbfb, #004f4f);--mat-sys-primary-fixed: light-dark(#00fbfb, #00fbfb);--mat-sys-primary-fixed-dim: light-dark(#00dddd, #00dddd);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#4a6363, #b0cccb);--mat-sys-secondary-container: light-dark(#cce8e7, #324b4b);--mat-sys-secondary-fixed: light-dark(#cce8e7, #cce8e7);--mat-sys-secondary-fixed-dim: light-dark(#b0cccb, #b0cccb);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#f7faf9, #101414);--mat-sys-surface-bright: light-dark(#f7faf9, #363a39);--mat-sys-surface-container: light-dark(#ebefed, #1c2020);--mat-sys-surface-container-high: light-dark(#e6e9e7, #272b2a);--mat-sys-surface-container-highest: light-dark(#e0e3e2, #313635);--mat-sys-surface-container-low: light-dark(#f1f4f3, #191c1c);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0b0f0e);--mat-sys-surface-dim: light-dark(#d7dbd9, #101414);--mat-sys-surface-tint: light-dark(#006a6a, #00dddd);--mat-sys-surface-variant: light-dark(#dae5e4, #3f4948);--mat-sys-tertiary: light-dark(#7d00fa, #d5baff);--mat-sys-tertiary-container: light-dark(#ecdcff, #5f00c0);--mat-sys-tertiary-fixed: light-dark(#ecdcff, #ecdcff);--mat-sys-tertiary-fixed-dim: light-dark(#d5baff, #d5baff);--mat-sys-neutral-variant20: #293232;--mat-sys-neutral10: #191c1c;--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: 400 1rem / 1.5rem IBM Plex Sans;--mat-sys-body-large-font: IBM Plex Sans;--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: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem IBM Plex Sans;--mat-sys-body-medium-font: IBM Plex Sans;--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: 400;--mat-sys-body-small: 400 .75rem / 1rem IBM Plex Sans;--mat-sys-body-small-font: IBM Plex Sans;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Fraunces;--mat-sys-display-large-font: Fraunces;--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: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Fraunces;--mat-sys-display-medium-font: Fraunces;--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: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Fraunces;--mat-sys-display-small-font: Fraunces;--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: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Fraunces;--mat-sys-headline-large-font: Fraunces;--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: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Fraunces;--mat-sys-headline-medium-font: Fraunces;--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: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Fraunces;--mat-sys-headline-small-font: Fraunces;--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: 400;--mat-sys-label-large: 500 .875rem / 1.25rem IBM Plex Sans;--mat-sys-label-large-font: IBM Plex Sans;--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: 700;--mat-sys-label-medium: 500 .75rem / 1rem IBM Plex Sans;--mat-sys-label-medium-font: IBM Plex Sans;--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: 700;--mat-sys-label-small: 500 .688rem / 1rem IBM Plex Sans;--mat-sys-label-small-font: IBM Plex Sans;--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: 400 1.375rem / 1.75rem Fraunces;--mat-sys-title-large-font: Fraunces;--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: 400;--mat-sys-title-medium: 500 1rem / 1.5rem IBM Plex Sans;--mat-sys-title-medium-font: IBM Plex Sans;--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 IBM Plex Sans;--mat-sys-title-small-font: IBM Plex Sans;--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-checkbox-touch-target-display: none;--mat-checkbox-state-layer-size: 32px;--mat-chip-container-height: 24px;--mat-chip-touch-target-display: none;--mat-expansion-header-collapsed-state-height: 40px;--mat-expansion-header-expanded-state-height: 56px;--mat-fab-small-touch-target-display: ;--mat-fab-touch-target-display: none;--mat-button-filled-touch-target-display: none;--mat-button-filled-container-height: 32px;--mat-button-outlined-container-height: 32px;--mat-button-outlined-touch-target-display: none;--mat-button-protected-touch-target-display: none;--mat-button-protected-container-height: 32px;--mat-button-text-touch-target-display: none;--mat-button-text-container-height: 32px;--mat-button-tonal-container-height: 32px;--mat-button-tonal-touch-target-display: none;--mat-form-field-container-height: 48px;--mat-form-field-filled-label-display: none;--mat-form-field-container-vertical-padding: 12px;--mat-form-field-filled-with-label-container-padding-top: 12px;--mat-form-field-filled-with-label-container-padding-bottom: 12px;--mat-icon-button-touch-target-display: none;--mat-icon-button-state-layer-size: 32px;--mat-list-list-item-leading-icon-start-space: 8px;--mat-list-list-item-leading-icon-end-space: 8px;--mat-list-list-item-one-line-container-height: 40px;--mat-list-list-item-two-line-container-height: 56px;--mat-list-list-item-three-line-container-height: 80px;--mat-paginator-container-size: 48px;--mat-paginator-form-field-container-height: 40px;--mat-paginator-form-field-container-vertical-padding: 8px;--mat-paginator-touch-target-display: none;--mat-radio-touch-target-display: none;--mat-radio-state-layer-size: 32px;--mat-tab-container-height: 40px;--mat-select-arrow-transform: none;--mat-button-toggle-height: 40px;--mat-stepper-header-height: 64px;--mat-table-header-container-height: 48px;--mat-table-footer-container-height: 44px;--mat-table-row-item-container-height: 44px;--mat-toolbar-standard-height: 56px;--mat-toolbar-mobile-height: 48px;--mat-tree-node-min-height: 40px;--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;--mat-sys-surface: var(--bw-page);--mat-sys-surface-container-low: var(--bw-panel);--mat-sys-surface-container: var(--bw-panel);--mat-sys-surface-container-high: var(--bw-raised);--mat-sys-on-surface: var(--bw-text);--mat-sys-on-surface-variant: var(--bw-text-2);--mat-sys-outline: var(--bw-outline);--mat-sys-outline-variant: var(--bw-rule);--mat-sys-primary: var(--bw-sea);--mat-sys-on-primary: var(--bw-on-ink);--mat-sys-secondary: var(--bw-forest);--mat-sys-tertiary: var(--bw-magic);--mat-sys-error: var(--bw-route);--mat-sys-corner-full: var(--bw-radius);--mat-sys-corner-small: var(--bw-radius);--mat-sys-corner-medium: var(--bw-radius);--mat-sidenav-container-background-color: var(--bw-page);--mat-sidenav-content-background-color: var(--bw-page);--mat-sidenav-container-shape: 0;--mat-snack-bar-container-color: var(--bw-raised);--mat-snack-bar-supporting-text-color: var(--bw-text);--mat-snack-bar-button-color: var(--bw-sea)}body{margin:0;height:100%;background:var(--bw-page);color:var(--bw-text);font:400 15px/1.5 var(--bw-sans);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--bw-serif);font-weight:500;letter-spacing:-.01em}a{color:var(--bw-sea)}.muted{color:var(--bw-text-muted)}.error{color:var(--bw-route)}.label{font:500 .6875rem/1.2 var(--bw-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--bw-text-muted)}.mono{font-family:var(--bw-mono)}.msym{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:20px;line-height:1;display:inline-block;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0,"wght" 250,"GRAD" 0,"opsz" 20}.card-page{min-height:100dvh;display:grid;place-items:center;padding:16px;box-sizing:border-box}.card{width:min(400px,100%);background:var(--bw-panel);border:var(--bw-line);border-radius:var(--bw-radius);padding:20px;display:flex;flex-direction:column;gap:10px;box-sizing:border-box}.card h1{margin:0 0 4px;font-size:1.6rem}.card .hint{color:var(--bw-text-muted);font-size:.8125rem;margin:0}.game-link{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border:var(--bw-line);border-radius:var(--bw-radius);color:var(--bw-text);text-decoration:none}.game-link span{color:var(--bw-text-muted);font-size:.8125rem}.game-link:hover{border-color:var(--bw-sea)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 14px;border:0;border-radius:var(--bw-radius);background:var(--bw-sea);color:var(--bw-on-ink);font:500 .9375rem var(--bw-sans);text-decoration:none;cursor:pointer}.btn-primary:hover{filter:brightness(1.06)}.btn-primary[disabled]{opacity:.6;cursor:default}.btn-primary .msym{font-size:20px}.card .label{margin-bottom:-4px}.card .dev{display:flex;flex-wrap:wrap;gap:6px 12px;padding-top:10px;border-top:var(--bw-hairline)}.card .dev .label{flex-basis:100%}.card .dev a{font:.8125rem var(--bw-mono)}.bw-link-card{position:fixed;z-index:1000;width:280px;display:flex;flex-direction:column;gap:2px;padding:10px 12px;background:var(--bw-raised);border:var(--bw-line);border-radius:var(--bw-radius);box-shadow:0 6px 20px #0006}.bw-link-card strong{font:500 1rem var(--bw-serif);color:var(--bw-text)}.bw-link-card span{font-size:.8125rem;color:var(--bw-text-2)}.bw-link-card{pointer-events:none}.module-page{max-width:640px;padding:28px 24px}.module-page h1{font-size:2rem;margin:4px 0 6px}.module-page p{color:var(--bw-text-2);margin:0 0 14px}.module-page .soon-note{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:var(--bw-line);border-radius:var(--bw-radius);color:var(--bw-text-muted);font-size:.8125rem}.module-page .soon-note .msym{font-size:17px}.notify-toast .mat-mdc-snackbar-surface{border-left:3px solid var(--bw-sea)}.turn-toast .mat-mdc-snackbar-surface{border-left:3px solid var(--bw-amber)}.turn-toast .mat-mdc-snack-bar-label{color:var(--bw-amber)!important;font-weight:600}
