:root, :host {
    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --color-accent: #3b82f6;
    --color-accent2: #2563eb;
    --color-bg: #242629;
    --color-black: #000;
    --color-blue-100: #dbeafe;
    --color-blue-200: #bfdbfe;
    --color-blue-300: #93c5fd;
    --color-blue-400: #60a5fa;
    --color-blue-50: #eff6ff;
    --color-blue-500: #3b82f6;
    --color-blue-600: #2563eb;
    --color-blue-700: #1d4ed8;
    --color-blue-800: #1e40af;
    --color-blue-900: #1e3a8a;
    --color-blue-950: #172554;
    --color-border: #364153;
    --color-buggedcap: rgb(198, 10, 10);
    --color-buggedcapdarker: rgb(138, 7, 7);
    --color-dark: #393b40;
    --color-dark_tab_hover: #3a3d3a;
    --color-darker: #242629;
    --color-darker_tab_hover: #2e312e;
    --color-darkerer: #1c1d1f;
    --color-darkerthandark: #33353a;
    --color-darkest: #151617;
    --color-dubcap: rgb(173, 10, 198);
    --color-dubcapdarker: rgb(120, 7, 138);
    --color-duration-0: rgb(69, 159, 246);
    --color-duration-1: rgb(139, 93, 246);
    --color-duration-2: rgb(246, 168, 35);
    --color-duration-3: rgb(115, 128, 140);
    --color-epic: #c03fe2;
    --color-err: #b91c1c;
    --color-fg: #e5e7eb;
    --color-fuchsia-100: oklch(95.2% 0.037 318.852);
    --color-fuchsia-200: oklch(90.3% 0.076 319.62);
    --color-fuchsia-300: oklch(83.3% 0.145 321.434);
    --color-fuchsia-400: oklch(74% 0.238 322.16);
    --color-fuchsia-50: oklch(97.7% 0.017 320.058);
    --color-fuchsia-500: oklch(66.7% 0.295 322.15);
    --color-fuchsia-600: oklch(59.1% 0.293 322.896);
    --color-fuchsia-700: oklch(51.8% 0.253 323.949);
    --color-fuchsia-800: oklch(45.2% 0.211 324.591);
    --color-fuchsia-900: oklch(40.1% 0.17 325.612);
    --color-fuchsia-950: oklch(29.3% 0.136 325.661);
    --color-goldenstar: rgb(255, 215, 0);
    --color-gray-100: oklch(96.7% 0.003 264.542);
    --color-gray-200: oklch(92.8% 0.006 264.531);
    --color-gray-300: oklch(87.2% 0.01 258.338);
    --color-gray-400: oklch(70.7% 0.022 261.325);
    --color-gray-50: oklch(98.5% 0.002 247.839);
    --color-gray-500: oklch(55.1% 0.027 264.364);
    --color-gray-600: oklch(44.6% 0.03 256.802);
    --color-gray-700: oklch(37.3% 0.034 259.733);
    --color-gray-800: oklch(27.8% 0.033 256.848);
    --color-gray-900: oklch(21% 0.034 264.665);
    --color-gray-950: oklch(13% 0.028 261.692);
    --color-green-100: #d1fae5;
    --color-green-200: #a7f3d0;
    --color-green-300: #6ee7b7;
    --color-green-400: #34d399;
    --color-green-50: #ecfdf5;
    --color-green-500: #10b981;
    --color-green-600: #059669;
    --color-green-700: #047857;
    --color-green-800: #065f46;
    --color-green-900: #064e3b;
    --color-green-950: #022c22;
    --color-indigo-100: oklch(93% 0.034 272.788);
    --color-indigo-200: oklch(87% 0.065 274.039);
    --color-indigo-300: oklch(78.5% 0.115 274.713);
    --color-indigo-400: oklch(67.3% 0.182 276.935);
    --color-indigo-50: oklch(96.2% 0.018 272.314);
    --color-indigo-500: oklch(58.5% 0.233 277.117);
    --color-indigo-600: oklch(51.1% 0.262 276.966);
    --color-indigo-700: oklch(45.7% 0.24 277.023);
    --color-indigo-800: oklch(39.8% 0.195 277.366);
    --color-indigo-900: oklch(35.9% 0.144 278.697);
    --color-indigo-950: oklch(25.7% 0.09 281.288);
    --color-legendary: #eeab42;
    --color-muted: #99a1af;
    --color-ok: #10b981;
    --color-orange-100: oklch(95.4% 0.038 75.164);
    --color-orange-200: oklch(90.1% 0.076 70.697);
    --color-orange-300: oklch(83.7% 0.128 66.29);
    --color-orange-400: oklch(75% 0.183 55.934);
    --color-orange-50: oklch(98% 0.016 73.684);
    --color-orange-500: oklch(70.5% 0.213 47.604);
    --color-orange-600: oklch(64.6% 0.222 41.116);
    --color-orange-700: oklch(55.3% 0.195 38.402);
    --color-orange-800: oklch(47% 0.157 37.304);
    --color-orange-900: oklch(40.8% 0.123 38.172);
    --color-orange-950: oklch(26.6% 0.079 36.259);
    --color-panel: #33353a;
    --color-panel0: #1c1d1f;
    --color-panel2: #393b40;
    --color-privacy_blue: #276ec8;
    --color-rare: #6ab6ff;
    --color-red-100: oklch(93.6% 0.032 17.717);
    --color-red-200: oklch(88.5% 0.062 18.334);
    --color-red-300: oklch(80.8% 0.114 19.571);
    --color-red-400: oklch(70.4% 0.191 22.216);
    --color-red-50: oklch(97.1% 0.013 17.38);
    --color-red-500: oklch(63.7% 0.237 25.331);
    --color-red-600: oklch(57.7% 0.245 27.325);
    --color-red-700: rgb(185 28 28);
    --color-red-800: oklch(44.4% 0.177 26.899);
    --color-red-900: oklch(39.6% 0.141 25.723);
    --color-red-950: oklch(25.8% 0.092 26.042);
    --color-rose-100: oklch(94.1% 0.03 12.58);
    --color-rose-200: oklch(89.2% 0.058 10.001);
    --color-rose-300: oklch(81% 0.117 11.638);
    --color-rose-400: oklch(71.2% 0.194 13.428);
    --color-rose-50: oklch(96.9% 0.015 12.422);
    --color-rose-500: oklch(64.5% 0.246 16.439);
    --color-rose-600: oklch(58.6% 0.253 17.585);
    --color-rose-700: oklch(51.4% 0.222 16.935);
    --color-rose-800: oklch(45.5% 0.188 13.697);
    --color-rose-900: oklch(41% 0.159 10.272);
    --color-rose-950: oklch(27.1% 0.105 12.094);
    --color-selectedmission: rgb(10, 173, 82);
    --color-selectedmissiondarker: rgb(7, 120, 56);
    --color-shortdarker: rgb(48, 111, 171);
    --color-white: #ffffff;
    --color-yellow-100: oklch(97.3% 0.071 103.193);
    --color-yellow-200: oklch(94.5% 0.129 101.54);
    --color-yellow-300: oklch(90.5% 0.182 98.111);
    --color-yellow-400: oklch(85.2% 0.199 91.936);
    --color-yellow-50: oklch(98.7% 0.026 102.212);
    --color-yellow-500: oklch(79.5% 0.184 86.047);
    --color-yellow-600: oklch(68.1% 0.162 75.834);
    --color-yellow-700: rgb(251 191 36);
    --color-yellow-800: oklch(47.6% 0.114 61.907);
    --color-yellow-900: oklch(42.1% 0.095 57.708);
    --color-yellow-950: oklch(28.6% 0.066 53.813);
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-5xl: 64rem;
    --container-lg: 32rem;
    --container-md: 28rem;
    --container-xs: 20rem;
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
    --font-sans: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    --font-weight-bold: 700;
    --font-weight-medium: 500;
    --font-weight-normal: 400;
    --font-weight-semibold: 600;
    --height-1rem: 1rem;
    --height-half-vh: 50vh;
    --leading-1rem: 1rem;
    --leading-relaxed: 1.625;
    --leading-tight: 1.25;
    --max-height-90vh: 90vh;
    --max-height-95vh: 95vh;
    --max-width-10rem: 10rem;
    --max-width-40vw: 40vw;
    --max-width-42vw: 42vw;
    --max-width-85vw: 85vw;
    --min-width-30vw: 30vw;
    --min-width-40vw: 40vw;
    --min-width-60vw: 60vw;
    --radius-lg: 0.5rem;
    --radius-md: 0.375rem;
    --radius-sm: 0.25rem;
    --spacing: 0.25rem;
    --spacing-0_25rem: 0.25rem;
    --spacing-0_5rem: 0.5rem;
    --spacing-0_75rem: 0.75rem;
    --spacing-1rem: 1rem;
    --spacing-2_5rem: 2.5rem;
    --spacing-2rem: 2rem;
    --spacing-3rem: 3rem;
    --spacing-select: 2.5rem;
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-star: 1.4rem;
    --text-xl: 1.125rem;
    --text-xl--line-height: 1.75rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --tracking-wide: 0.025em;
    --tracking-wider: 0.05em;
    --width-60vw: 60vw;
    --width-fivedig: 2.35rem;
    --width-fourdig: 2rem;
    --width-onedig: 1rem;
    --width-sevendig: 3rem;
    --width-sixdig: 2.7rem;
    --width-threedig: 1.6rem;
    --width-twodig: 1.25rem;
  }



  /*
    1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
    2. Remove default margins and padding
    3. Reset all borders.
  */

  *,
  ::after,
  ::before,
  ::backdrop,
  ::file-selector-button {
    box-sizing: border-box; /* 1 */
    margin: 0; /* 2 */
    padding: 0; /* 2 */
    border: 0 solid; /* 3 */
  }

  /*
    1. Use a consistent sensible line-height in all browsers.
    2. Prevent adjustments of font size after orientation changes in iOS.
    3. Use a more readable tab size.
    4. Use the user's configured `sans` font-family by default.
    5. Use the user's configured `sans` font-feature-settings by default.
    6. Use the user's configured `sans` font-variation-settings by default.
    7. Disable tap highlights on iOS.
  */

  html,
  :host {
    line-height: 1.5; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    tab-size: 4; /* 3 */
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'); /* 4 */
    font-feature-settings: var(--default-font-feature-settings, normal); /* 5 */
    font-variation-settings: var(--default-font-variation-settings, normal); /* 6 */
    -webkit-tap-highlight-color: transparent; /* 7 */
  }

  /*
    1. Add the correct height in Firefox.
    2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
    3. Reset the default border style to a 1px solid border.
  */

  hr {
    height: 0; /* 1 */
    color: inherit; /* 2 */
    border-top-width: 1px; /* 3 */
  }

  /*
    Add the correct text decoration in Chrome, Edge, and Safari.
  */

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  /*
    Remove the default font size and weight for headings.
  */

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit;
  }

  /*
    Reset links to optimize for opt-in styling instead of opt-out.
  */

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  /*
    Add the correct font weight in Edge and Safari.
  */

  b,
  strong {
    font-weight: bolder;
  }

  /*
    1. Use the user's configured `mono` font-family by default.
    2. Use the user's configured `mono` font-feature-settings by default.
    3. Use the user's configured `mono` font-variation-settings by default.
    4. Correct the odd `em` font sizing in all browsers.
  */

  code,
  kbd,
  samp,
  pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace); /* 1 */
    font-feature-settings: var(--default-mono-font-feature-settings, normal); /* 2 */
    font-variation-settings: var(--default-mono-font-variation-settings, normal); /* 3 */
    font-size: 1em; /* 4 */
  }

  /*
    Add the correct font size in all browsers.
  */

  small {
    font-size: 80%;
  }

  /*
    Prevent `sub` and `sup` elements from affecting the line height in all browsers.
  */

  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }

  sub {
    bottom: -0.25em;
  }

  sup {
    top: -0.5em;
  }

  /*
    1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
    2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
    3. Remove gaps between table borders by default.
  */

  table {
    text-indent: 0; /* 1 */
    border-color: inherit; /* 2 */
    border-collapse: collapse; /* 3 */
  }

  /*
    Use the modern Firefox focus style for all focusable elements.
  */

  :-moz-focusring {
    outline: auto;
  }

  /*
    Add the correct vertical alignment in Chrome and Firefox.
  */

  progress {
    vertical-align: baseline;
  }

  /*
    Add the correct display in Chrome and Safari.
  */

  summary {
    display: list-item;
  }

  /*
    Make lists unstyled by default.
  */

  ol,
  ul,
  menu {
    list-style: none;
  }

  /*
    1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
    2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
        This can trigger a poorly considered lint error in some tools but is included by design.
  */

  img,
  svg,
  video,
  canvas,
  audio,
  iframe,
  embed,
  object {
    display: block; /* 1 */
    vertical-align: middle; /* 2 */
  }

  /*
    Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
  */

  img,
  video {
    max-width: 100%;
    height: auto;
  }

  /*
    1. Inherit font styles in all browsers.
    2. Remove border radius in all browsers.
    3. Remove background color in all browsers.
    4. Ensure consistent opacity for disabled states in all browsers.
  */

  button,
  input,
  select,
  optgroup,
  textarea,
  ::file-selector-button {
    font: inherit; /* 1 */
    font-feature-settings: inherit; /* 1 */
    font-variation-settings: inherit; /* 1 */
    letter-spacing: inherit; /* 1 */
    color: inherit; /* 1 */
    border-radius: 0; /* 2 */
    background-color: transparent; /* 3 */
    opacity: 1; /* 4 */
  }

  /*
    Restore default font weight.
  */

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  /*
    Restore indentation.
  */

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  /*
    Restore space after button.
  */

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  /*
    Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
  */

  ::placeholder {
    opacity: 1;
  }

  /*
    Set the default placeholder color to a semi-transparent version of the current text color in browsers that do not
    crash when using `color-mix(…)` with `currentcolor`. (https://github.com/tailwindlabs/tailwindcss/issues/17194)
  */

  @supports (not (-webkit-appearance: -apple-pay-button)) /* Not Safari */ or
    (contain-intrinsic-size: 1px) /* Safari 17+ */ {
    ::placeholder {
      color: color-mix(in oklab, currentcolor 50%, transparent);
    }
  }

  /*
    Prevent resizing textareas horizontally by default.
  */

  textarea {
    resize: vertical;
  }

  /*
    Remove the inner padding in Chrome and Safari on macOS.
  */

  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  /*
    1. Ensure date/time inputs have the same height when empty in iOS Safari.
    2. Ensure text alignment can be changed on date/time inputs in iOS Safari.
  */

  ::-webkit-date-and-time-value {
    min-height: 1lh; /* 1 */
    text-align: inherit; /* 2 */
  }

  /*
    Prevent height from changing on date/time inputs in macOS Safari when the input is set to `display: block`.
  */

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  /*
    Remove excess padding from pseudo-elements in date/time inputs to ensure consistent height across browsers.
  */

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit,
  ::-webkit-datetime-edit-year-field,
  ::-webkit-datetime-edit-month-field,
  ::-webkit-datetime-edit-day-field,
  ::-webkit-datetime-edit-hour-field,
  ::-webkit-datetime-edit-minute-field,
  ::-webkit-datetime-edit-second-field,
  ::-webkit-datetime-edit-millisecond-field,
  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  /*
    Center dropdown marker shown on inputs with paired `<datalist>`s in Chrome. (https://github.com/tailwindlabs/tailwindcss/issues/18499)
  */

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

  /*
    Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
  */

  :-moz-ui-invalid {
    box-shadow: none;
  }

  /*
    Correct the inability to style the border radius in iOS Safari.
  */

  button,
  input:where([type='button'], [type='reset'], [type='submit']),
  ::file-selector-button {
    appearance: button;
  }

  /*
    Correct the cursor style of increment and decrement buttons in Safari.
  */

  ::-webkit-inner-spin-button,
  ::-webkit-outer-spin-button {
    height: auto;
  }

  /*
    Make elements with the HTML hidden attribute stay hidden by default.
  */

  [hidden]:where(:not([hidden='until-found'])) {
    display: none!important;
  }



  .wb-sec-tools {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 1);
  }
  .tile-group-item:first-child {
    margin-left: calc(var(--spacing) * 0);
    border-top-left-radius: var(--radius-md);
    border-bottom-left-radius: var(--radius-md);
  }
  .fetch-button {
    position: relative;
    width: calc(var(--spacing) * 20);
    text-align: center;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-600);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    border-radius: var(--radius-md);
    color: var(--color-gray-400);
  }
  .popup-opt-chip {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: calc(var(--spacing) * 12);
    height: calc(var(--spacing) * 12);
    border-radius: var(--radius-md);
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    outline: none;
  }
  .data-table thead th {
    position: sticky;
    top: calc(var(--spacing) * 0);
    z-index: 10;
    background-color: var(--color-panel0);
    text-align: left;
    padding-block: calc(var(--spacing) * 1);
    padding-inline: calc(var(--spacing) * 2);
    white-space: nowrap;
  }
  .filter-select {
    display: block;
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    background-color: var(--color-darkest);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
    appearance: none;
    padding-left: var(--spacing-0_5rem);
    padding-top: var(--spacing-0_5rem);
    padding-bottom: var(--spacing-0_5rem);
    padding-right: var(--spacing-select);
    color-scheme: dark;
    min-width: calc(var(--spacing) * 0);
    flex: 1;
  }
  .popup-selector-inner {
    min-width: var(--min-width-30vw);
    background-color: var(--color-dark);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-600);
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-radius: var(--radius-lg);
    position: relative;
    padding: var(--spacing-1rem);
    padding-right: 0;
  }
  .view-form-button {
    margin-left: -1px;
    position: relative;
    width: calc(var(--spacing) * 20);
    text-align: center;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-600);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    border-top-right-radius: var(--radius-md);
    border-bottom-right-radius: var(--radius-md);
    color: var(--color-gray-400);
  }
  .wb-entry-head {
    display: flex;
    align-items: flex-start;
    gap: calc(var(--spacing) * 1);
    min-width: calc(var(--spacing) * 0);
  }
  .popup-opt-group {
    margin-bottom: calc(var(--spacing) * 2);
    text-align: left;
    padding-inline: calc(var(--spacing) * 3);
  }
  .modal-title {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    margin: calc(var(--spacing) * 0);
    color: var(--color-fg);
  }
  .btn-danger.btn-danger {
    border-color: var(--color-err);
    color: var(--color-err);
  }
  .calendar-date-input {
    display: block;
    width: 100%;
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    background-color: var(--color-darker);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-600);
    color: var(--color-gray-300);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1.5);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
    color-scheme: dark;
  }
  .popover-combo-opt:hover {
    background-color: var(--color-accent);
    color: var(--color-bg);
  }
  .wb-sec {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 1);
    flex: none;
  }
  .admin-embed-field {
    flex: 1;
    min-width: calc(var(--spacing) * 0);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-gray-400);
  }
  .legal-title {
    font-size: 1.4rem;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    color: var(--color-gray-100);
    margin: calc(var(--spacing) * 0);
  }
  .drop-count-badge {
    font-size: var(--text-xs);
    line-height: var(--leading-1rem);
    --tw-leading: var(--leading-1rem);
    height: var(--height-1rem);
    border-radius: calc(infinity * 1px);
    background-color: var(--color-darkerer);
    color: var(--color-yellow-500);
    --tw-ring-color: var(--color-yellow-700);
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    padding-inline: calc(var(--spacing) * 1.5);
    margin-left: var(--spacing-0_5rem);
    display: inline-flex;
    align-items: center;
  }
  .close-button:hover {
    color: var(--color-gray-500);
  }
  .rb-control {
    background-color: var(--color-darker);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-700);
    border-radius: 0.25rem;
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-gray-200);
  }
  .rb-control:focus {
    --tw-outline-style: none;
    outline-style: none;
    border-color: var(--color-blue-500);
  }
  .data-table {
    width: 100%;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-muted);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    border-radius: var(--radius-md);
    overflow: hidden;
    border-collapse: collapse;
  }
  .toast-msg {
    font-size: 13px;
    color: var(--color-fg);
  }
  .modal-card.modal-card-lg {
    max-width: var(--container-5xl);
  }
  .popup-settings-popover {
    position: absolute;
    right: calc(var(--spacing) * 0);
    top: 100%;
    margin-top: calc(var(--spacing) * 1);
    background-color: var(--color-dark);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-600);
    border-radius: var(--radius-md);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    padding: calc(var(--spacing) * 2);
    white-space: nowrap;
    z-index: 10;
  }
  .popover.open {
    opacity: 100%;
    pointer-events: auto;
    transform: scale(1) translateY(0);
  }
  .tooltip-fixed {
    left: var(--tt-left,50%);
    top: var(--tt-top,50%);
  }
  .ledger-btn:disabled {
    opacity: 50%;
  }
  .segmented-opt {
    background-color: var(--color-panel2);
    color: var(--color-muted);
    border-style: var(--tw-border-style);
    border-width: 0px;
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    border-color: var(--color-border);
    margin-left: -1px;
    padding-inline: 0.9rem;
    padding-block: 0.4rem;
    cursor: pointer;
    font-size: 13px;
  }
  .segmented-opt:first-child {
    margin-left: calc(var(--spacing) * 0);
    border-left-style: var(--tw-border-style);
    border-left-width: 0px;
  }
  .tooltip-floating::after {
    --tw-content: '';
    content: var(--tw-content);
    position: absolute;
    top: 100%;
    left: calc(50% + var(--arrow-offset, 0px));
    transform: translateX(-50%) translateY(-1px);
    border-style: var(--tw-border-style);
    border-width: 6px;
    border-color: transparent;
    border-top-color: var(--tooltip-bg,rgba(33,37,41,.95));
  }
  .wb-notice {
    display: flex;
    align-items: flex-start;
    gap: calc(var(--spacing) * 2);
    margin-bottom: calc(var(--spacing) * 2);
  }
  .legal-disclaimer {
    font-size: var(--text-sm);
    line-height: var(--leading-relaxed);
    color: var(--color-gray-300);
    --tw-leading: var(--leading-relaxed);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-600);
    border-radius: var(--radius-lg);
    background-color: var(--color-dark);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    margin-bottom: calc(var(--spacing) * 5);
    max-width: 80ch;
    border-left: 2px solid rgb(59 130 246);
  }
  .ext-opt-check {
    border-radius: var(--radius-md);
    background-color: var(--color-darkest);
  }
  .filter-select:hover {
    background-color: var(--color-darker);
  }
  .filter-container {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    flex-grow: 1;
    gap: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1);
  }
  .drop-select {
    color: var(--color-gray-400);
    display: block;
    width: 100%;
    border-radius: 0;
    border-top-left-radius: var(--radius-md);
    border-bottom-left-radius: var(--radius-md);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    background-color: transparent;
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .modal-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 3);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-border);
  }
  .tile-group-item:not(.active) {
    background-color: var(--color-darker);
    color: var(--color-gray-400);
    border-color: var(--color-gray-700);
  }
  .tile-group-item:not(.active):not(.active):hover {
    background-color: var(--color-dark_tab_hover);
  }
  .toggle-link {
    color: var(--color-duration-0);
    margin-right: calc(var(--spacing) * 5);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    background-color: transparent;
    cursor: pointer;
  }
  .filter-glue-inner {
    color: var(--color-muted);
  }
  .panel-title {
    font-size: 13px;
    text-transform: uppercase;
    color: var(--color-muted);
    margin-top: calc(var(--spacing) * 1);
    margin-bottom: calc(var(--spacing) * 2.5);
  }
  .ledger-af-link {
    position: relative;
    display: block;
    height: 100%;
    width: 100%;
    border-radius: calc(infinity * 1px);
  }
  .filter-warn {
    display: inline-flex;
    align-items: center;
    color: var(--color-warn);
    cursor: help;
  }
  .toast-host .toast {
    min-width: 220px;
    max-width: 320px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
    border-radius: var(--radius-md);
    box-shadow: 0 6px 20px rgba(0,0,0,.45);
  }
  .wb-body {
    display: flex;
    flex: 1;
    min-height: calc(var(--spacing) * 0);
  }
  .cal-lane-group + .cal-lane-group {
    margin-top: calc(var(--spacing) * 2);
  }
  .prose-legal h2 {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-fg);
    margin-top: calc(var(--spacing) * 0);
    margin-bottom: calc(var(--spacing) * 2);
  }
  .toast-text {
    font-size: 13px;
    color: var(--color-fg);
    flex: 1;
    min-width: calc(var(--spacing) * 0);
    overflow-wrap: break-word;
  }
  .toast.toast-info {
    border-left-color: var(--color-accent2);
  }
  .btn-mini {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1);
    height: calc(var(--spacing) * 7);
    box-sizing: border-box;
    background-color: var(--color-panel2);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    color: var(--color-fg);
    border-radius: 0.25rem;
    padding-inline: calc(var(--spacing) * 2.5);
    font-size: var(--text-xs);
    line-height: 1;
    cursor: pointer;
    --tw-leading: 1;
  }
  .cal-range-trigger:hover {
    border-color: var(--color-accent2);
    color: var(--color-fg);
  }
  .nameplate-btn {
    flex: 1;
    text-align: center;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-700);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-gray-400);
    border-top: 0;
  }
  .fetch-log-inline {
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-gray-400);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .popover-wrap {
    position: relative;
    display: inline-flex;
  }
  .brand-icon {
    display: block;
    image-rendering: pixelated;
  }
  .filter-incomplete-icon {
    display: inline-flex;
    align-items: center;
    color: #fa8072;
    cursor: help;
  }
  .drop-opt:hover {
    color: var(--color-gray-300);
    background-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent);
  }
  .wb-card.wb-card-wide {
    --wb-card-w: 94vw;
    --wb-card-h: 90vh;
    --wb-card-max: 92rem;
  }
  .filter-field {
    position: relative;
    display: flex;
    align-items: center;
  }
  .btn-secondary:hover {
    filter: brightness(1.07);
  }
  .popup-opt-chip-badge {
    position: absolute;
    bottom: calc(var(--spacing) * 0);
    right: calc(var(--spacing) * -1);
    height: var(--height-1rem);
    --tw-leading: var(--leading-1rem);
    line-height: var(--leading-1rem);
    padding-inline: calc(var(--spacing) * 1);
    font-size: 0.6rem;
    white-space: nowrap;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-700);
    background-color: var(--color-darkerer);
  }
  .segmented-opt.active {
    background-color: var(--color-accent);
    color: var(--color-bg);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .icon {
    display: inline-block;
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    flex-shrink: 0;
    vertical-align: -0.125em;
  }
  .icon {
    &>svg {
      display: block;
      width: 100%;
      height: 100%;
    }
  }
  .bg-r-0 {
    background-color: #443e45;
  }
  .cal-viewport {
    position: relative;
    flex: 1;
    min-height: 20rem;
    overflow: hidden;
    overscroll-behavior: contain;
    touch-action: none;
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-border);
  }
  .drop-opt {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-gray-400);
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    position: relative;
    padding-block: calc(var(--spacing) * 1);
    padding-left: calc(var(--spacing) * 3);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .icon-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: calc(var(--spacing) * 1);
    border-radius: var(--radius-md);
    background-color: transparent;
    color: var(--color-muted);
    cursor: pointer;
  }
  .icon-btn:hover {
    color: var(--color-fg);
  }
  .badge.badge-accent {
    color: var(--color-accent);
    border-color: var(--color-accent);
  }
  .modal-backdrop {
    position: fixed;
    inset: calc(var(--spacing) * 0);
    z-index: 50;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    overflow-y: auto;
    padding: calc(var(--spacing) * 4);
    background: rgba(0,0,0,.6);
    backdrop-filter: blur(4px);
  }
  .badge.badge-muted {
    color: var(--color-muted);
    border-color: var(--color-border);
  }
  .mission-view-rep {
    box-sizing: border-box;
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 12);
    padding: calc(var(--spacing) * 1);
  }
  .tooltip-host {
    position: relative;
    display: inline-block;
  }
  .btn-mini:hover {
    border-color: var(--color-accent2);
  }
  .tooltip-toggle {
    opacity: 0%;
    --tt-scale: .85;
  }
  .wb-main {
    flex: 1;
    min-width: calc(var(--spacing) * 0);
    overflow-y: auto;
    padding: calc(var(--spacing) * 4);
  }
  .icon-md {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
  .modal-card {
    width: 100%;
    max-width: var(--container-3xl);
    background-color: var(--color-panel);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    border-radius: var(--radius-lg);
    margin-block: auto;
    overflow: hidden;
    --tw-shadow: 0 20px 25px -5px rgba(0,0,0,.4);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .btn-accent:disabled {
    cursor: not-allowed;
    opacity: 40%;
  }
  .popover.popover-combo {
    width: 100%;
    max-height: 240px;
    overflow: auto;
    background-color: var(--color-panel0);
    padding: calc(var(--spacing) * 0);
    padding-block: calc(var(--spacing) * 1);
    box-shadow: 0 8px 24px rgba(0,0,0,.55);
  }
  .discord-btn {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 2.5);
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-white);
    background-color: #5865f2;
    transition: background-color 0.15s ease;
  }
  .close-button {
    position: absolute;
    top: calc(var(--spacing) * 2);
    right: calc(var(--spacing) * 2);
    color: var(--color-gray-300);
  }
  .prose-legal p {
    font-size: var(--text-sm);
    line-height: var(--leading-relaxed);
    color: var(--color-muted);
    --tw-leading: var(--leading-relaxed);
    margin: calc(var(--spacing) * 0);
  }
  .segmented {
    display: inline-flex;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    border-radius: var(--radius-lg);
    overflow: hidden;
  }
  .icon-sm {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }
  .ledger-btn:disabled:hover {
    background-color: var(--color-darker_tab_hover);
    cursor: not-allowed;
  }
  .mission-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
  }
  .tooltip-toggle.show {
    opacity: 100%;
    --tt-scale: 1;
  }
  .wb-entry {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    border-radius: var(--radius-md);
    background-color: var(--color-bg);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1.5);
    cursor: pointer;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 0.5);
  }
  .btn-accent:hover:not(:disabled) {
    filter: brightness(1.07);
  }
  .legal-updated {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-gray-500);
    margin: calc(var(--spacing) * 0);
    margin-bottom: calc(var(--spacing) * 3);
  }
  .tooltip-floating.tooltip-below {
    --tt-ty: 10px;
    transform-origin: 50% 0%;
  }
  .selected-popup-opt,
.selected-popup-opt:focus {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-blue-500);
    background-color: var(--color-darker);
    outline: none;
  }
  .badge.badge-err {
    color: var(--color-err);
    border-color: var(--color-err);
  }
  .tooltip-floating.tooltip-err * {
    color: var(--color-err);
  }
  .btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 1);
    background-color: var(--color-accent);
    color: var(--color-bg);
    border-style: var(--tw-border-style);
    border-width: 0px;
    border-radius: var(--radius-md);
    padding-inline: 1.4rem;
    padding-block: calc(var(--spacing) * 2);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    cursor: pointer;
    text-decoration-line: none;
  }
  .file-link {
    color: var(--color-green-500);
    text-decoration-line: underline;
  }
  .form-check {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    font-size: 13px;
    color: var(--color-fg);
    cursor: pointer;
  }
  .connect-gate-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    padding-inline: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 8);
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-700);
    background-color: var(--color-darker);
    box-shadow: 0 10px 30px rgba(0,0,0,0.35);
  }
  .wb-entry.compare {
    border-color: var(--color-accent);
    background-color: color-mix(in oklab,var(--color-accent) 10%,transparent);
    border-style: dashed;
  }
  .wb-entry.tone-warn {
    border-color: color-mix(in oklab,var(--color-warn) 50%,transparent);
  }
  .wb-entry-foot {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: calc(var(--spacing) * 1.5);
    margin-top: calc(var(--spacing) * 0.5);
    min-width: calc(var(--spacing) * 0);
    color: var(--color-muted);
  }
  hr {
    border-color: var(--color-gray-200);
  }
  .filter-panel {
    min-height: calc(var(--spacing) * 7);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    color: var(--color-gray-400);
    background-color: var(--color-darkest);
    border-radius: var(--radius-md);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .ledger-btn:hover {
    background-color: var(--color-dark_tab_hover);
  }
  .ledger-btn {
    background-color: var(--color-darkerer);
  }
  .popover {
    position: absolute;
    right: calc(var(--spacing) * 0);
    z-index: 1100;
    width: 280px;
    background-color: var(--color-panel2);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    border-radius: var(--radius-md);
    padding: calc(var(--spacing) * 3);
    overflow: auto;
    opacity: 0%;
    pointer-events: none;
    top: calc(100% + 8px);
    --tw-shadow: 0 6px 18px rgba(0,0,0,.4);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transform-origin: top right;
    transform: scale(.96) translateY(-6px);
    transition: opacity .14s ease,transform .14s ease;
  }
  .ext-opt-check:disabled {
    opacity: 50%;
  }
  .icon-btn-sm .icon {
    width: 0.9375rem;
    height: 0.9375rem;
  }
  .popup-opt {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-gray-400);
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    padding-block: calc(var(--spacing) * 1);
    padding-left: calc(var(--spacing) * 3);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
    display: flex;
    position: relative;
    text-align: center;
    align-items: center;
    border-radius: var(--radius-md);
    margin-right: var(--spacing-0_5rem);
    outline: none;
    width: 100%;
  }
  .wb-sec-body {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 1.5);
  }
  .icon-btn .icon {
    width: 1.125rem;
    height: 1.125rem;
  }
  .wb-sec-head {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    font-size: 0.6875rem;
    text-transform: uppercase;
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--color-muted);
  }
  .url-link:hover {
    color: var(--color-blue-600);
  }
  .badge {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: 1;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 0.5);
    border-radius: 999px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    --tw-leading: 1;
    cursor: default;
  }
  .popup-opt-group-label {
    display: block;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-gray-400);
    margin-bottom: calc(var(--spacing) * 1);
  }
  .panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 2);
    margin-bottom: calc(var(--spacing) * 2);
  }
  .cal-cell-label.cal-cell-muted {
    opacity: 40%;
  }
  .ext-opt-check:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
    box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important;
    --tw-ring-color: var(--color-blue-500);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    outline: none;
  }
  .prose-legal ul {
    font-size: var(--text-sm);
    line-height: var(--leading-relaxed);
    color: var(--color-muted);
    --tw-leading: var(--leading-relaxed);
    list-style-type: disc;
    padding-left: calc(var(--spacing) * 5);
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 1.5);
  }
  .input-search {
    color: var(--color-gray-400);
    display: block;
    border-radius: var(--radius-md);
    background-color: transparent;
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
    width: calc(9/10 * 100%);
  }
  .fetch-log-caret {
    color: var(--color-gray-500);
    font-size: 0.65rem;
  }
  .cal-canvas {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: calc(var(--spacing) * 0);
    overflow-y: auto;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-border);
  }
  .popup-search-row .input-search {
    width: 100%;
  }
  .icon-btn.active {
    color: var(--color-accent);
  }
  .admin-panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 2);
    margin-bottom: calc(var(--spacing) * 2);
    flex-wrap: wrap;
  }
  .toast.toast-ok {
    border-left-color: var(--color-ok);
  }
  .data-table tbody tr {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-border);
  }
  .fetch-log-workers {
    padding-bottom: calc(var(--spacing) * 2);
    margin-bottom: calc(var(--spacing) * 2);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-gray-700);
  }
  .bg-r-3 {
    background-color: #eeab42;
    background-image: radial-gradient(#fcdd6a, #ffdb58, #e09143);
  }
  .form-select {
    background-color: var(--color-panel2);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    border-radius: 0.25rem;
    color: var(--color-fg);
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    appearance: none;
  }
  .tile-group-item:last-child {
    border-top-right-radius: var(--radius-md);
    border-bottom-right-radius: var(--radius-md);
  }
  .opt-span {
    display: inline-block;
    margin-right: calc(var(--spacing) * 5);
  }
  .ledger-btn:focus {
    --tw-outline-style: none;
    outline-style: none;
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--color-blue-500);
    border-color: var(--color-blue-500);
  }
  .connect-gate-logo {
    border-radius: var(--radius-md);
  }
  .toggle-link:hover {
    color: var(--color-shortdarker);
  }
  .number-input:focus {
    --tw-ring-color: var(--color-blue-500);
    border-color: var(--color-blue-500);
  }
  .dismiss-btn {
    padding: var(--spacing-0_75rem);
    color: var(--color-blue-500);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-blue-500);
    border-radius: var(--radius-md);
  }
  .fab-bubble {
    position: fixed;
    right: calc(var(--spacing) * 4);
    bottom: var(--fab-offset,1rem);
    width: calc(var(--spacing) * 11);
    height: calc(var(--spacing) * 11);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    background-color: var(--color-panel);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    text-decoration-line: none;
    cursor: pointer;
    transition: color .12s,border-color .12s,transform .12s;
  }
  .cal-row.cal-row-context {
    opacity: 0.55;
  }
  .number-input {
    color: var(--color-gray-400);
    display: block;
    border-radius: var(--radius-md);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  input[type="checkbox"],
  input[type="radio"] {
    background-color: var(--color-darkest);
    border-color: var(--color-gray-600);
    color: var(--color-blue-500);
    appearance: none;
    -webkit-appearance: none;
    display: inline-block;
    vertical-align: middle;
    flex-shrink: 0;
    width: 1rem;
    height: 1rem;
    padding: 0;
    background-origin: border-box;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    print-color-adjust: exact;
    border-width: 1px;
  }
  .tooltip-host:hover .tooltip-toggle {
    opacity: 100%;
    --tt-scale: 1;
  }
  .wb-entry.tone-bad {
    border-color: var(--color-err);
  }
  .cal-row.cal-row-fixed {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: var(--row-h,3.05rem);
    min-height: var(--row-h,3.05rem);
  }
  .filter-add-outer {
    border-style: dashed;
  }
  .view-layout {
    flex: 1;
    min-height: calc(var(--spacing) * 0);
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-inline: auto;
    padding-inline: calc(var(--spacing) * 4);
    background-color: var(--color-darker);
  }
  .admin-embed-row {
    display: flex;
    gap: calc(var(--spacing) * 2);
    flex-wrap: wrap;
    margin-bottom: calc(var(--spacing) * 2);
  }
  .wb-entry:hover {
    border-color: var(--color-accent);
  }
  .popup-settings-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 6);
    border-radius: var(--radius-md);
    color: var(--color-gray-400);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-600);
    background-color: transparent;
  }
  .cal-lane-group {
    display: flex;
    flex-direction: column;
  }
  .popup-opt-container {
    height: var(--height-half-vh);
    margin-top: calc(var(--spacing) * 2);
    color: var(--color-gray-300);
    text-align: center;
    overflow: auto;
  }
  .btn-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 1);
    background-color: var(--color-panel2);
    color: var(--color-fg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    border-radius: var(--radius-md);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: 0.45rem;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    cursor: pointer;
    text-decoration-line: none;
  }
  .filter-remove-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
    border-radius: 0.25rem;
    color: var(--color-err);
    background-color: transparent;
    border: 0;
    cursor: pointer;
  }
  .toast-time {
    font-size: 11px;
    color: var(--color-muted);
    margin-top: calc(var(--spacing) * 1);
    font-family: var(--font-mono);
  }
  .form-select:focus {
    outline: none;
    border-color: var(--color-accent2);
  }
  .cal-period-context {
    opacity: 0.55;
  }
  .filter-field > input {
    width: 100%;
    padding-left: calc(var(--spacing) * 7);
  }
  .xl-ico {
    display: inline;
    height: calc(var(--spacing) * 16);
    width: calc(var(--spacing) * 16);
    padding: calc(var(--spacing) * 2);
    position: relative;
    top: -1px;
  }
  .cal-gridline {
    position: absolute;
    inset-block: calc(var(--spacing) * 0);
    width: 1px;
    background-color: color-mix(in srgb,var(--color-border) 40%,transparent);
  }
  .tooltip-floating.tooltip-below::after {
    top: auto;
    bottom: 100%;
    transform: translateX(-50%) translateY(1px);
    border-top-color: transparent;
    border-bottom-color: var(--tooltip-bg,rgba(33,37,41,.95));
  }
  .large-ico {
    display: inline;
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 12);
    padding: calc(var(--spacing) * 1.5);
    position: relative;
    top: -1px;
  }
  .cal-hour-tick {
    position: absolute;
    inset-block: calc(var(--spacing) * 0);
    width: 1px;
    background-color: color-mix(in srgb,var(--color-border) 20%,transparent);
  }
  .input-search:focus {
    --tw-ring-color: var(--color-blue-500);
    border-color: var(--color-blue-500);
  }
  .badge:hover {
    filter: brightness(1.15);
  }
  .popup-settings-wrap {
    position: relative;
    flex-shrink: 0;
  }
  .popover.popover-lg {
    width: 320px;
  }
  .file-link:hover {
    color: var(--color-green-600);
  }
  .modal-card.modal-card-sm {
    max-width: var(--container-lg);
  }
  .nameplate-stack {
    display: inline-flex;
    flex-direction: column;
    width: fit-content;
    min-width: 16rem;
  }
  .bg-r-1 {
    background-color: #6ab6ff;
    background-image: radial-gradient(#a8dfff,#8dd5ff,#3a9dfc);
  }
  .modal-body {
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 4);
    overflow-x: auto;
  }
  .cal-lane-group:last-child {
    flex: 1;
    min-height: calc(var(--spacing) * 0);
  }
  .ledger-underline {
    text-decoration-line: underline;
    text-underline-offset: 2px;
  }
  .filter-glass {
    position: absolute;
    left: calc(var(--spacing) * 2);
    color: var(--color-muted);
    pointer-events: none;
  }
  .filter-remove-btn:hover {
    background-color: color-mix(in srgb,var(--color-err) 15%,transparent);
  }
  .calendar-date-input:focus {
    --tw-outline-style: none;
    outline-style: none;
    border-color: var(--color-gray-400);
  }
  .filter-select-option {
    background-color: var(--color-darkest);
    color: var(--color-gray-400);
  }
  .stat-tile {
    background-color: var(--color-panel2);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    border-radius: var(--radius-md);
    padding: calc(var(--spacing) * 2);
    text-align: center;
  }
  .popup-opt-chip:hover {
    background-color: var(--color-darker);
  }
  .badge.badge-ok {
    color: var(--color-ok);
    border-color: var(--color-ok);
  }
  .icon-lg {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }
  .cal-now {
    position: absolute;
    inset-block: calc(var(--spacing) * 0);
    width: calc(var(--spacing) * 0.5);
    background-color: var(--color-err);
    z-index: 1;
  }
  .toast.toast-err {
    border-left-color: var(--color-err);
  }
  .cal-strip {
    position: absolute;
    inset-inline: calc(var(--spacing) * 0);
    top: var(--strip-top,-100%);
    height: var(--strip-h,300%);
    display: flex;
    flex-direction: column;
  }
  .filter-add-inner {
    color: var(--color-accent2);
    border-color: var(--color-accent2);
  }
  .toast.toast-error {
    border-left-color: var(--color-err);
  }
  .wb-seg-count {
    margin-left: calc(var(--spacing) * 1.5);
    font-family: var(--font-mono);
    color: var(--color-muted);
  }
  .form-input:focus {
    outline: none;
    border-color: var(--color-accent2);
  }
  .filter-add-btn {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1);
    align-self: flex-start;
    height: calc(var(--spacing) * 7);
    padding-inline: calc(var(--spacing) * 2);
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    font-size: 0.7rem;
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    cursor: pointer;
    color: var(--color-muted);
    border-color: var(--color-border);
  }
  .cal-range-panel {
    position: fixed;
    inset: auto;
    top: calc(var(--spacing) * 24);
    left: calc(1/2 * 100%);
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    margin: calc(var(--spacing) * 0);
    width: calc(var(--spacing) * 60);
    max-width: 90vw;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-muted);
    background-color: var(--color-panel2);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    border-radius: var(--radius-md);
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
    --tw-shadow: 0 6px 18px rgba(0,0,0,.4);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .tooltip-floating {
    white-space: nowrap;
    text-align: center;
    color: var(--color-fg);
    position: fixed;
    pointer-events: none;
    padding: 10px;
    border-radius: 0.25rem;
    border-style: var(--tw-border-style);
    border-width: 1px;
    transform-origin: 50% 100%;
    z-index: var(--tooltip-z,9999);
    border-color: var(--tooltip-border,var(--color-border));
    background-color: var(--tooltip-bg,rgba(33,37,41,.95));
    transform: translateX(calc(-50% + var(--tt-shift-x,0px))) translateY(var(--tt-ty,calc(-100% - 10px))) scale(var(--tt-scale,1));
    transition: opacity .16s ease,transform .16s ease;
  }
  .ledger-list:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
  input[type="checkbox"] {
    border-radius: 0.25rem;
  }
  .cal-lane {
    position: relative;
    flex: 1;
    min-height: calc(var(--spacing) * 0);
  }
  .brand-art {
    display: block;
    max-width: 100%;
    height: auto;
  }
  .form-input {
    background-color: var(--color-panel2);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    border-radius: 0.25rem;
    color: var(--color-fg);
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .filter-glue-outer {
    color: var(--color-accent);
  }
  .ext-opt-check:disabled:hover {
    cursor: not-allowed;
  }
  .prose-legal a:hover {
    text-decoration-line: underline;
  }
  .mission-view-div {
    text-align: center;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    border-radius: calc(infinity * 1px);
    width: max-content;
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 0.5);
    margin-inline: auto;
    margin-top: calc(var(--spacing) * 2);
    margin-bottom: calc(var(--spacing) * 1);
  }
  .popup-settings-btn:hover {
    color: var(--color-gray-200);
    background-color: var(--color-darker);
  }
  .toast-host {
    position: fixed;
    right: calc(var(--spacing) * 4);
    bottom: calc(var(--spacing) * 4);
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
    z-index: 1000;
    pointer-events: none;
    max-width: calc(100vw - 2rem);
  }
  .tile-group-item.active {
    background-color: var(--color-darkest);
    color: var(--color-gray-200);
    border-color: var(--color-gray-500);
  }
  .filter-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1);
  }
  .discord-icon {
    height: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 5);
  }
  .btn-primary:hover:not(:disabled) {
    filter: brightness(1.07);
  }
  input[type="text"],
  input[type="number"],
  input[type="search"],
  textarea,
  select {
    background-color: var(--color-darkest);
    border-color: var(--color-gray-600);
    color: var(--color-gray-300);
    border-radius: var(--radius-md);
    border-width: 1px;
    padding: 0.5rem 0.75rem;
  }
  .btn-accent {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 1);
    background-color: var(--color-accent2);
    color: var(--color-bg);
    border-style: var(--tw-border-style);
    border-width: 0px;
    border-radius: var(--radius-md);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: 0.45rem;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    cursor: pointer;
  }
  .wb-scroll {
    overflow-y: auto;
    scrollbar-gutter: stable;
  }
  .tile-group-item {
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1);
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    margin-left: -1px;
  }
  .wb-note {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-muted);
    padding-inline: calc(var(--spacing) * 1);
    padding-block: calc(var(--spacing) * 1.5);
  }
  .ledger-af-repeat {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-inline: auto;
    width: 100%;
  }
  @media (min-width: 768px) {
    .ledger-af-repeat {
      max-width: var(--max-width-42vw);
    }
  }
  .wb-entry-name {
    font-family: var(--font-mono);
    color: var(--color-fg);
    flex: 1;
    min-width: calc(var(--spacing) * 0);
    overflow-wrap: break-word;
    word-break: normal;
    hyphens: none;
    -webkit-hyphens: none;
  }
  .wb-entry.tone-muted {
    opacity: 0.6;
  }
  .popup-opt:hover {
    color: var(--color-gray-300);
    background-color: var(--color-darker);
  }
  .url-link {
    color: var(--color-blue-500);
    text-decoration-line: underline;
  }
  .tile-group {
    display: inline-flex;
  }
  .panel {
    background-color: var(--color-panel);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    border-radius: var(--radius-lg);
    padding: calc(var(--spacing) * 3);
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }
  .about-list-1 {
    list-style-type: disc;
    padding-left: calc(var(--spacing) * 6);
  }
  .badge.badge-accent2 {
    color: var(--color-accent2);
    border-color: var(--color-accent2);
  }
  .icon-xs {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }
  .popup-selector-main {
    height: 100%;
    width: 100%;
    position: fixed;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    right: calc(var(--spacing) * 0);
    bottom: calc(var(--spacing) * 0);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: calc(var(--spacing) * 0);
    max-width: 100vw;
    max-height: 100vh;
    border: 0;
    padding: 0;
    background: transparent;
    z-index: 1000;
  }
  .game-btn-ico {
    background-color: var(--color-white);
    display: inline;
    height: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 5);
    position: relative;
    top: -1px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-300);
    border-radius: calc(infinity * 1px);
  }
  .cal-range-panel:popover-open {
    display: flex;
  }
  .toast-container {
    position: fixed;
    right: calc(var(--spacing) * 0);
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2.5);
    z-index: 1000;
    pointer-events: none;
    top: calc(48px + 10px);
  }
  .fab-bubble:hover {
    border-color: var(--color-accent2);
    transform: translateY(-2px);
  }
  .about-list-2 {
    padding-left: calc(var(--spacing) * 6);
    list-style-type: circle;
  }
  .tooltip-floating.tooltip-err {
    color: var(--color-err);
    --tooltip-border: var(--color-err);
    --tooltip-bg: color-mix(in srgb,var(--color-err) 18%,var(--color-bg));
    box-shadow: 0 0 0 1px var(--color-err),0 4px 14px color-mix(in srgb,var(--color-err) 35%,transparent);
  }
  .data-table tbody tr:hover {
    background-color: var(--color-panel2);
  }
  .cal-row {
    position: relative;
    flex: 1;
    min-height: calc(var(--spacing) * 0);
    overflow: hidden;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-border);
    transition: opacity .18s ease-out;
    display: flex;
    flex-direction: column;
  }
  .double-cap-span {
    text-align: center;
    background-image: radial-gradient(rgb(139, 14, 158), rgb(128, 13, 126), rgb(92, 9, 91));
    border-radius: 10px;
  }
  .data-table td {
    padding-block: calc(var(--spacing) * 1);
    padding-inline: calc(var(--spacing) * 2);
    white-space: nowrap;
  }
  .bg-r-2 {
    background-color: #c03fe2;
    background-image: radial-gradient(#ce81f7,#b958ed,#8819c2);
  }
  .admin-color-swatch {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 1);
  }
  .tooltip-anchored {
    position: absolute;
    left: calc(1/2 * 100%);
    bottom: 100%;
    transform: translateX(calc(-50% + var(--tt-shift-x,0px))) translateY(var(--tt-ty,-10px)) scale(var(--tt-scale,1));
  }
  .section-heading {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    color: var(--color-gray-400);
  }
  .wb-head-tools {
    position: relative;
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .apply-filter-button {
    margin-top: var(--spacing-0_5rem);
    width: 100%;
    position: relative;
    text-align: center;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-600);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    border-radius: var(--radius-md);
    color: var(--color-gray-400);
  }
  .segmented-opt:disabled {
    opacity: 45%;
    cursor: not-allowed;
  }
  .admin-panel {
    background-color: var(--color-darkest);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: color-mix(in oklab, var(--color-gray-700) 50%, transparent);
    border-radius: var(--radius-md);
    padding: calc(var(--spacing) * 3);
    margin-bottom: calc(var(--spacing) * 3);
  }
  .bugged-cap-span {
    text-align: center;
    background-image: radial-gradient(rgb(110, 5, 5), rgb(138, 21, 21), rgb(168, 25, 25));
    border-radius: 10px;
  }
  .ledger-af-count {
    font-size: var(--text-xs);
    line-height: var(--leading-1rem);
    position: absolute;
    --tw-leading: var(--leading-1rem);
    bottom: calc(var(--spacing) * 0);
    right: calc(var(--spacing) * -1);
    height: var(--height-1rem);
    --tw-ring-color: var(--color-white);
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-radius: calc(infinity * 1px);
    background-color: var(--color-darkerer);
    color: var(--color-gray-400);
  }
  .tooltip-anchored.tooltip-below {
    bottom: auto;
    top: 100%;
  }
  .wb-entry-meta {
    color: var(--color-muted);
    font-family: var(--font-mono);
    font-size: 0.7rem;
  }
  .popup-opt-chip-icon {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
    object-fit: contain;
  }
  .status-note-x:hover {
    color: var(--color-fg);
  }
  .cal-period {
    height: var(--strip-slot-h,calc(100% / 3));
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    transition: opacity .18s ease-out;
  }
  .popover.popover-sm {
    width: 240px;
  }
  .filter-select:focus {
    --tw-outline-style: none;
    outline-style: none;
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--color-blue-500);
    border-color: var(--color-blue-500);
  }
  .wb-entry.selected {
    border-color: var(--color-accent);
    background-color: color-mix(in oklab,var(--color-accent) 10%,transparent);
  }
  .modal-card.wb-card {
    display: flex;
    flex-direction: column;
    width: var(--wb-card-w,92vw);
    height: var(--wb-card-h,88vh);
    max-width: var(--wb-card-max,80rem);
  }
  .toast.show {
    opacity: 100%;
    transform: translateX(0);
  }
  .popover-combo-opt {
    display: block;
    width: 100%;
    text-align: left;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-fg);
    background-color: transparent;
    border-style: var(--tw-border-style);
    border-width: 0px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: inherit;
  }
  .filter-glue {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    font-size: 0.65rem;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--color-muted);
  }
  .stat-tile-label {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-muted);
  }
  .popover-combo-opt.combo-highlighted {
    background-color: var(--color-accent);
    color: var(--color-bg);
  }
  .popup-search-row {
    position: relative;
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    width: calc(9/10 * 100%);
  }
  .popup-tier-group {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 1);
    background-color: var(--color-darkest);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-700);
    border-radius: var(--radius-md);
    padding: calc(var(--spacing) * 1);
  }
  .status-note-x {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    flex-shrink: 0;
    display: grid;
    place-items: center;
    border-radius: var(--radius-sm);
    background-color: transparent;
    border-style: var(--tw-border-style);
    border-width: 0px;
    padding: calc(var(--spacing) * 0);
    color: var(--color-muted);
    cursor: pointer;
  }
  .admin-panel-title {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-gray-400);
  }
  .wb-rail {
    flex-shrink: 0;
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
    border-color: var(--color-border);
    overflow-y: auto;
    padding: calc(var(--spacing) * 2);
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
    width: var(--wb-rail-w,18rem);
    scrollbar-gutter: stable;
  }
  .stat-tile-value {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-fg);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .wb-entry:focus-visible {
    outline: 1px solid var(--color-accent);
    outline-offset: -1px;
  }
  .prose-legal {
    font-size: var(--text-sm);
    line-height: var(--leading-relaxed);
    color: var(--color-muted);
    --tw-leading: var(--leading-relaxed);
    max-width: 80ch;
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
  }
  .ledger-list {
    position: absolute;
    z-index: 10;
    margin-top: calc(var(--spacing) * 1);
    width: 100%;
    background-color: var(--color-darkerer);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    max-height: calc(var(--spacing) * 60);
    border-radius: var(--radius-md);
    padding-block: calc(var(--spacing) * 1);
    color: var(--color-gray-400);
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
    --tw-ring-color: var(--color-black);
    overflow: auto;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .toast {
    pointer-events: auto;
    min-width: 240px;
    max-width: 360px;
    background-color: var(--color-panel2);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    border-left-style: var(--tw-border-style);
    border-left-width: 3px;
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
    padding-inline: calc(var(--spacing) * 3.5);
    padding-block: calc(var(--spacing) * 2.5);
    cursor: pointer;
    border-radius: 6px 0 0 6px;
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    box-shadow: 0 4px 14px rgba(0,0,0,.35);
    transition: opacity .3s ease,transform .3s ease;
  }
  .tooltip-floating::before {
    --tw-content: '';
    content: var(--tw-content);
    position: absolute;
    top: 100%;
    left: calc(50% + var(--arrow-offset, 0px));
    transform: translateX(-50%);
    border-style: var(--tw-border-style);
    border-width: 7px;
    border-color: transparent;
    border-top-color: var(--tooltip-border,var(--color-border));
  }
  .cal-cell-label {
    position: absolute;
    top: 0.15rem;
    padding-left: 0.35rem;
    font-size: 0.65rem;
    color: var(--color-muted);
    pointer-events: none;
    z-index: 5;
  }
  .tooltip-floating.tooltip-below::before {
    top: auto;
    bottom: 100%;
    border-top-color: transparent;
    border-bottom-color: var(--tooltip-border,var(--color-border));
  }
  .ext-opt-label {
    color: var(--color-gray-400);
    margin-right: var(--spacing-0_5rem);
  }
  .toast.leaving {
    opacity: 0%;
    transform: translateX(100%);
  }
  .target-ico {
    display: inline;
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 6);
    padding: calc(var(--spacing) * 0.5);
    position: relative;
    top: -1px;
  }
  .drop-select:focus {
    --tw-ring-color: var(--color-blue-500);
    border-color: var(--color-blue-500);
  }
  .admin-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 3);
  }
  .prose-legal a {
    color: var(--color-accent);
    text-decoration-line: none;
  }
  .cal-range-trigger {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: 0.2rem;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    border-radius: calc(infinity * 1px);
    background-color: var(--color-panel2);
    color: var(--color-muted);
    font-size: 0.85rem;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    cursor: pointer;
    transition: border-color .12s ease,background-color .12s ease,color .12s ease;
  }
  .toast.toast-busy {
    border-left-color: var(--color-muted);
  }
  .filter-bucket {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 1);
  }
  .btn-primary:disabled {
    cursor: not-allowed;
    opacity: 40%;
  }
  .legal-section {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
    margin-bottom: calc(var(--spacing) * 4);
  }
  .btn-danger.btn-danger:hover {
    background-color: var(--color-err);
    color: var(--color-bg);
    border-color: var(--color-err);
  }


  *,
  ::before,
  ::after,
  ::backdrop,
  ::file-selector-button {
    border-color: #e5e7eb;
  }


.no-scrollbar {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
}

.ledger-btn {
  
}

.ledger-btn:focus {
  
}

.ledger-btn:hover {
  
}

.ledger-btn:disabled {
  
}

.ledger-btn:disabled:hover {
  
}

.tile-group {
  
}

.tile-group-item {
  
}

.tile-group-item:first-child {
  
}

.tile-group-item:last-child {
  
}

.tile-group-item.active {
  
}

.tile-group-item:not(.active) {
  
}

.list-control-set {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.list-control-actions {
  display: flex;
  align-items: center;
  gap: 0.35rem;
}

.list-control-action-btn {
  padding: 0.2rem 0.6rem;
  border: 1px solid var(--color-gray-700);
  border-radius: 0.375rem;
  background-color: var(--color-darker);
  color: var(--color-gray-400);
  font-size: 0.7rem;
  font-weight: 500;
  cursor: pointer;
  white-space: nowrap;
}

.list-control-action-btn:hover:not(:disabled) {
  border-color: var(--color-gray-500);
  color: var(--color-gray-200);
}

.list-control-action-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.timeline-shell {
  display: flex;
  flex-direction: column;
  min-height: 0;
  isolation: isolate;
}

.timeline-scale {
  position: relative;
  height: 1.25rem;
  flex-shrink: 0;
  margin-bottom: 0.25rem;
}

.timeline-scale-label {
  position: absolute;
  top: 0;
  left: calc(var(--tick-pos) * 1%);
  transform: translateX(-50%);
  font-size: 0.7rem;
  line-height: 1.25rem;
  color: var(--color-gray-400);
  white-space: nowrap;
}

.airtime-stat {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.85rem;
}

.airtime-label {
  color: var(--color-gray-500);
}

.airtime-chip {
  display: inline-flex;
  align-items: baseline;
  gap: 0.3rem;
  padding: 0.1rem 0.55rem;
  border-radius: 9999px;
  border: 1px solid var(--color-gray-600);
  background-color: var(--color-darker);
  color: var(--color-gray-300);
  font-variant-numeric: tabular-nums;
}

.airtime-farm {
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  opacity: 0.85;
}

.airtime-filtered {
  border-style: dashed;
  color: var(--color-gray-500);
}

.timeline-event-bar {
  position: absolute;
  top: 0;
  height: 100%;
  border-radius: 0.25rem;
  left: calc(var(--evt-start) * 1%);
  width: calc(var(--evt-size) * 1% - 4px);
  background-color: color-mix(in srgb, var(--evt-bg, var(--color-gray-600)) 55%, transparent);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.35rem;
  padding: 0 0.35rem 0 1.6rem;
  overflow: hidden;
  cursor: default;
}

.timeline-event-icon {
  width: 1.2rem;
  height: 1.2rem;
  flex-shrink: 0;
  object-fit: contain;
}

.timeline-event-label {
  font-size: 0.8rem;
  font-weight: 600;
  line-height: 1;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.timeline-event-cut-l {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.timeline-event-cut-r {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.timeline-view-day {
  --bar-h: 2.5rem;
  --bubble-h: 3.1rem;
}

.timeline-view-week {
  --bar-h: 1.75rem;
  --bubble-h: 2.6rem;
}

.timeline-view-month {
  --bar-h: 1.35rem;
  --bubble-h: 2.1rem;
}

.timeline-view-month .cal-strip {
  --strip-top: -20%;
  --strip-h: 140%;
  --strip-slot-h: calc(100% / 7);
}

.timeline-view-month .cal-period-context {
  opacity: 1;
}

.timeline-dur-0 {
  --bar-color: var(--color-duration-0);
}

.timeline-dur-1 {
  --bar-color: var(--color-duration-1);
}

.timeline-dur-2 {
  --bar-color: var(--color-duration-2);
}

.timeline-dur-3 {
  --bar-color: var(--color-duration-3);
}

.timeline-bar-dubcap {
  --bar-color: var(--color-dubcap);
}

.timeline-bar-buggedcap {
  --bar-color: var(--color-buggedcap);
}

.timeline-dur-text-0 {
  color: var(--color-duration-0);
}

.timeline-dur-text-1 {
  color: var(--color-duration-1);
}

.timeline-dur-text-2 {
  color: var(--color-duration-2);
}

.timeline-dur-text-3 {
  color: var(--color-duration-3);
}

.timeline-bar {
  position: absolute;
  top: calc(50% - var(--bar-h, 2.25rem) / 2);
  height: var(--bar-h, 2.25rem);
  left: calc(var(--bar-start) * 1%);
  width: calc(var(--bar-size) * 1%);
  z-index: calc(9999 - var(--bar-z, 0));
  cursor: pointer;
}

.timeline-bar:hover {
  z-index: 10000;
}

.timeline-bar-track {
  position: absolute;
  inset: 0;
  border-radius: 9999px;
  overflow: hidden;
  background: color-mix(in srgb, var(--bar-color) 16%, var(--color-darkest));
  border: 1px solid color-mix(in srgb, var(--bar-color) 55%, transparent);
}

.timeline-bar-cut-l .timeline-bar-track {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  clip-path: polygon(0.55rem 0, 100% 0, 100% 100%, 0.55rem 100%, 0 50%);
}

.timeline-bar-cut-r .timeline-bar-track {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  clip-path: polygon(0 0, calc(100% - 0.55rem) 0, 100% 50%, calc(100% - 0.55rem) 100%, 0 100%);
}

.timeline-bar-cut-l.timeline-bar-cut-r .timeline-bar-track {
  clip-path: polygon(0.55rem 0, calc(100% - 0.55rem) 0, 100% 50%, calc(100% - 0.55rem) 100%, 0.55rem 100%, 0 50%);
}

.timeline-bar-edge {
  position: absolute;
  top: -500vh;
  height: 1000vh;
  width: 0;
  border-left: 1px dashed rgba(255, 255, 255, 0.55);
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.12s ease;
}

.timeline-bar:hover .timeline-bar-edge {
  opacity: 1;
}

.timeline-bar.timeline-bar-linked-hover .timeline-bar-edge {
  opacity: 1;
}

.timeline-bar-edge-start {
  left: 0;
}

.timeline-bar-edge-end {
  right: 0;
}

.timeline-bar-edge-label {
  position: absolute;
  top: 500vh;
  left: 0;
  transform: translate(-50%, -1.5rem);
  white-space: nowrap;
  font-size: 0.62rem;
  color: #fff;
  background: rgba(17, 17, 20, 0.9);
  padding: 0.05rem 0.3rem;
  border-radius: 0.2rem;
}

.timeline-bar-fill {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: calc(var(--bar-fill) * 1%);
  background: color-mix(in srgb, var(--bar-color) 45%, var(--color-darkest));
}

.timeline-bar-bubble {
  position: absolute;
  top: 50%;
  left: clamp(calc(var(--bubble-h, 2.75rem) / 2), calc(var(--bar-fill) * 1%), calc(100% - var(--bubble-h, 2.75rem) / 2));
  transform: translate(-50%, -50%);
  height: var(--bubble-h, 2.75rem);
  width: var(--bubble-h, 2.75rem);
  border-radius: 9999px;
  background: var(--color-darkest);
  border: 2px solid var(--bar-color);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

.timeline-bar-ship {
  width: 82%;
  height: 82%;
  object-fit: contain;
}

.timeline-bar-target {
  position: absolute;
  right: -2px;
  bottom: -2px;
  width: 60%;
  height: 60%;
  object-fit: contain;
  border-radius: 9999px;
  background: var(--color-darker);
  border: 1px solid var(--color-gray-700);
  padding: 2px;
}

@media (max-width: 767px) {
  .timeline-scale-label {
    font-size: 0.6rem;
  }

  .timeline-cell-label {
    font-size: 0.55rem;
  }
}

.connect-gate-card {
  
}

.connect-gate-logo {
  
}

.discord-btn {
  
}

.discord-btn:hover {
  background-color: #4752c4;
}

.discord-icon {
  
}

.auth-source-anchor {
  position: relative;
  display: inline-block;
}

.auth-source-menu {
  position: fixed;
  top: 0;
  left: 0;
  visibility: hidden;
  z-index: 1000;
  width: 200px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  background: #23232a;
  border: 1px solid #3a3a44;
  border-radius: 8px;
  padding: 0.4rem;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
}

.auth-source-btn {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  white-space: nowrap;
  min-width: 0;
  color: #fff;
  background-color: #5865f2;
  border-radius: 6px;
  padding: 0.4rem 0.6rem;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition: background-color 0.15s ease;
}

.auth-source-btn:hover {
  background-color: #4752c4;
}

.auth-source-btn > span {
  overflow: hidden;
  text-overflow: ellipsis;
}

.auth-source-logo {
  width: 16px;
  height: 16px;
  display: block;
  flex: none;
  object-fit: contain;
}

.nameplate-stack {
  
}

.nameplate-btn {
  
}

.mission-view-div {
  
}

.mission-view-rep {
  
}

.ledger-af-count {
  
}

.drop-count-badge {
  
}

.fetch-button {
  
}

.filter-container {
  
}

.filter-and-divider {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0.3rem 0;
  color: var(--color-gray-500);
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.1em;
}

.filter-and-divider::before,
.filter-and-divider::after {
  content: '';
  height: 1px;
  flex: 1;
  background: var(--color-gray-700);
}

.filter-or-row {
  margin-left: 1.25rem;
}

.filter-or-chip {
  display: inline-flex;
  align-items: center;
  height: 1.25rem;
  padding: 0 0.4rem;
  border-radius: 9999px;
  border: 1px solid color-mix(in srgb, var(--color-yellow-700) 60%, transparent);
  color: var(--color-yellow-700);
  font-size: 0.6rem;
  font-weight: 700;
  letter-spacing: 0.08em;
}

.filter-result-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.2rem 0.6rem;
  border-radius: 9999px;
  border: 1px solid color-mix(in srgb, var(--color-green-700) 60%, transparent);
  background: color-mix(in srgb, var(--color-green-700) 12%, transparent);
  font-size: 0.7rem;
  font-weight: 600;
}

.filter-result-badge-error {
  border-color: color-mix(in srgb, var(--color-red-500) 60%, transparent);
  background: color-mix(in srgb, var(--color-red-500) 12%, transparent);
  color: var(--color-red-400);
}

.filter-result-counts {
  color: var(--color-gray-300);
}

.filter-result-sep {
  color: var(--color-gray-600);
}

.filter-result-time {
  color: var(--color-gray-500);
  font-weight: 500;
}

.filter-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 1.9rem;
  min-width: 1.9rem;
  padding: 0 0.45rem;
  border-radius: 0.375rem;
  border: 1px solid;
  background: transparent;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
  transition: background-color 0.12s ease, opacity 0.12s ease;
}

.filter-or-btn {
  color: var(--color-yellow-700);
  border-color: color-mix(in srgb, var(--color-yellow-700) 70%, transparent);
}

.filter-or-btn:hover:not(:disabled) {
  background: color-mix(in srgb, var(--color-yellow-700) 15%, transparent);
}

.filter-or-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.filter-select-option {
  
}

.filter-select {
  
}

.filter-select:focus {
  
}

.filter-select:hover {
  
}

.text-rarity-0 {
  color: rgb(156 163 175);
}

.text-rarity-1 {
  color: #6ab6ff;
}

.text-rarity-2 {
  color: #c03fe2;
}

.text-rarity-3 {
  color: #eeab42;
}

.filter-select.text-rarity-0 {
  color: rgb(156 163 175);
  border-color: rgb(156 163 175);
}

.filter-select.text-rare, .filter-select.text-rarity-1 {
  color: #6ab6ff;
  border-color: #6ab6ff;
}

.filter-select.text-epic, .filter-select.text-rarity-2 {
  color: #c03fe2;
  border-color: #c03fe2;
}

.filter-select.text-legendary, .filter-select.text-rarity-3 {
  color: #eeab42;
  border-color: #eeab42;
}

.popup-selector-main {
  
}

.popup-selector-inner {
  
}

.close-button {
  
}

.close-button:hover {
  
}

.popup-opt-container {
  
}

.popup-opt {
  
}

.popup-opt-inline {
  width: auto;
  flex: 0 0 auto;
}

.popup-opt:hover {
  
}

.selected-popup-opt,
.selected-popup-opt:focus {
  
}

.popup-opt-group {
  
}

.popup-opt-group-label {
  
}

.popup-tier-group {
  
}

.popup-opt-chip {
  
}

.popup-opt-chip:hover {
  
}

.popup-opt-chip-icon {
  
}

.popup-opt-chip-badge {
  
}

.popup-search-row {
  
}

.popup-search-row .input-search {
  
}

.popup-settings-wrap {
  
}

.popup-settings-btn {
  
}

.popup-settings-btn:hover {
  
}

.popup-settings-popover {
  
}

.field-incomplete {
  border-color: #fa8072 !important;
  box-shadow: 0 0 5px 1px rgba(250, 128, 114, 0.55);
}

.filter-incomplete-icon {
  
}

.bg-r-0 {
  
}

.bg-r-1 {
  
}

.bg-r-2 {
  
}

.bg-r-3 {
  
}

.mission-grid {
  
}

.mission-items-full {
  flex: 0 0 100%;
}

.mission-item-3 {
  flex: 0 0 calc(33.33% - 10px);
  box-sizing: border-box;
}

@media (min-width: 768px) and (max-width: 1279px) {
  .mission-item-3 {
    flex: 0 0 calc(50% - 10px);
  }
}

@media (max-width: 767px) {
  .report-grid {
    grid-template-columns: 1fr !important;
    grid-auto-rows: auto !important;
  }

  .report-grid > div {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    min-height: 320px;
  }
}

.overlay-drop,
.overlay-target {
  background: rgba(0, 0, 0, 0.7);
}

.tooltip-floating {
  --tooltip-border: #ccc;
}

.report-tooltip {
  --tooltip-z: 999999;
}

.double-cap-span {
  
}

.bugged-cap-span {
  
}

.about-list-1 {
  
}

.about-list-2 {
  
}

.legal-title {
  
}

.legal-updated {
  
}

.legal-disclaimer {
  
}

.legal-section {
  
}

.legal-link-btn {
  padding: 0;
  border: 0;
  background: transparent;
  font: inherit;
  cursor: pointer;
  color: var(--color-accent);
  text-decoration: none;
}

.legal-link-btn:hover {
  text-decoration: underline;
}

.legal-home-link {
  display: inline-block;
  margin-bottom: 1rem;
  color: var(--color-gray-500);
  font-size: 0.8rem;
  text-decoration: none;
}

.legal-home-link:hover {
  color: var(--color-gray-300);
}

.chart-hit {
  transition: opacity 0.12s, filter 0.12s;
}

.admin-grid {
  
}

@media (min-width: 1024px) {
  .admin-grid {
    grid-template-columns: minmax(0, 640px) minmax(0, 1fr);
  }
}

.admin-panel {
  
}

.admin-panel-head {
  
}

.admin-panel-title {
  
}

.admin-embed-row {
  
}

.admin-embed-field {
  
}

.admin-color-swatch {
  
}

.chart-rows:hover .chart-hit {
  opacity: 0.4;
}

.chart-rows .chart-hit:hover {
  opacity: 1;
}

.fetch-log-inline {
  
}

.fetch-log-workers {
  
}

.fetch-log-caret {
  
}

.gh-markdown-content a {
  color: #006bff;
  text-decoration: none;
  transition: all 0.3s;
}

.gh-markdown-content a:hover {
  color: #003cff;
}

.gh-markdown-content h1 {
  border-bottom: 2.5px solid #ccc;
  font-size: 2em;
  margin: 0.25em 0;
}

.gh-markdown-content h2 {
  border-bottom: 2.25px solid #ccc;
  font-size: 1.5em;
  margin: 0.45em 0;
}

.gh-markdown-content h3 {
  border-bottom: 2px solid #ccc;
  font-size: 1.25em;
  margin: 0.65em 0;
}

.gh-markdown-content ul {
  padding-left: 20px;
  list-style-type: disc;
}

.gh-markdown-content ul ul {
  font-size: 0.9em;
}

.gh-markdown-content img {
  max-width: 99%;
  margin: 20px;
}

.gh-markdown-content code {
  background-color: #393b40;
  padding: 2px 4px;
  border-radius: 4px;
  font-size: 0.9em;
}

html {
  height: 100%;
}

body {
  height: 100%;
}

#app {
  height: 100%;
}

hr {
  
}


  input[type="checkbox"],
  input[type="radio"] {
    
  }

  input[type="checkbox"] {
    
  }

  input[type="radio"] {
    border-radius: 100%;
  }

  input[type="checkbox"]:checked,
  input[type="radio"]:checked {
    background-color: currentColor !important;
    border-color: transparent !important;
  }

  input[type="checkbox"]:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
  }

  input[type="radio"]:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
  }

  input[type="text"],
  input[type="number"],
  input[type="search"],
  textarea,
  select {
    
  }

  select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position: right 0.5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    print-color-adjust: exact;
  }


.ext-opt-label {
  
}

.opt-span {
  
}

.ext-opt-check {
  
}

.ext-opt-check:focus {
  outline: none;
  box-shadow: none;
}

.ext-opt-check:focus-visible {
  
}

.ext-opt-check:disabled {
  
}

.ext-opt-check:disabled:hover {
  
}

.drop-opt {
  
}

.drop-opt:hover {
  
}

.drop-select {
  
}

.drop-select:focus {
  
}

.number-input {
  
}

.number-input:focus {
  
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

.input-search {
  
}

.input-search:focus {
  
}

.url-link {
  
}

.url-link:hover {
  
}

.file-link {
  
}

.file-link:hover {
  
}

.game-btn-ico {
  
}

.target-ico {
  
}

.large-ico {
  
}

.xl-ico {
  
}

.ledger-underline {
  
}

.ledger-list {
  
}

.ledger-list:focus {
  
}

.ledger-af-link {
  
}

.ledger-af-repeat {
  
}

.toggle-link {
  
}

.toggle-link:hover {
  
}

.rb-control {
  
}

.view-layout {
  
}

.filter-panel {
  
}

:root {
  --color-view-ships: rgb(246, 168, 35);
  --color-view-drops: rgb(155, 110, 243);
  --color-view-reports: rgb(69, 159, 246);
}

.view-selector {
  display: flex;
  align-items: stretch;
  gap: 0.5rem;
  width: 100%;
}

.view-btn {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.1rem;
  min-height: 3rem;
  padding: 0.4rem 1rem;
  border-radius: 0.5rem;
  border: 1px solid color-mix(in srgb, var(--view-accent) 24%, transparent);
  box-shadow: inset 0 -2px 0 0 color-mix(in srgb, var(--view-accent) 32%, transparent);
  background: var(--color-darker);
  color: var(--color-gray-400);
  cursor: pointer;
  transition: background-color 0.12s ease, border-color 0.12s ease, color 0.12s ease;
}

.view-btn:hover {
  background: color-mix(in srgb, var(--view-accent) 8%, var(--color-darker));
  color: var(--color-gray-200);
}

.view-btn:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--view-accent) 70%, transparent);
  outline-offset: 1px;
}

.view-btn.on {
  background: color-mix(in srgb, var(--view-accent) 14%, var(--color-darkest));
  border-color: color-mix(in srgb, var(--view-accent) 60%, transparent);
  box-shadow: inset 0 -2px 0 0 var(--view-accent);
  color: var(--view-accent);
}

.view-btn-label {
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.2;
}

.view-btn-sub {
  font-size: 0.7rem;
  color: var(--color-gray-500);
  line-height: 1;
}

.view-btn.on .view-btn-sub {
  color: color-mix(in srgb, var(--view-accent) 70%, var(--color-gray-400));
}

.view-btn-ships {
  --view-accent: var(--color-view-ships);
}

.view-btn-drops {
  --view-accent: var(--color-view-drops);
}

.view-btn-reports {
  --view-accent: var(--color-view-reports);
}

.panel-muted {
  background: rgba(120, 128, 138, 0.12);
}

.view-form-button {
  
}

.apply-filter-button {
  
}

.apply-filter-button.apply-filter-button-primary {
  background-color: #4338ca;
  border-color: #4338ca;
  color: var(--color-gray-100);
  font-weight: 600;
  transition: background-color 0.12s ease, border-color 0.12s ease;
}

.apply-filter-button.apply-filter-button-primary:hover:not(:disabled) {
  background-color: #4f46e5;
  border-color: #4f46e5;
}

.apply-filter-button.apply-filter-button-primary:disabled {
  opacity: 0.4;
  cursor: not-allowed;
  filter: none;
}

.calendar-date-input {
  
}

.calendar-date-input:focus {
  
}

.ledger-shell {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 0.75rem;
  flex: 1;
  min-height: 0;
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.ledger-content {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  flex: 1;
  min-width: 0;
  min-height: 0;
  padding-top: 0.75rem;
}

.ledger-surface {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  padding: 0 0.5rem 1rem;
  background-color: var(--color-darkest);
  border-radius: 0.375rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

.ledger-sidebar {
  display: grid;
  grid-template-rows: auto minmax(6rem, 1fr) minmax(6rem, 1fr) auto;
  gap: 0.5rem;
  width: fit-content;
  min-width: 15rem;
  flex-shrink: 0;
  min-height: 0;
  padding-top: 0.75rem;
}

.ledger-sidebar.is-reports {
  grid-template-rows: auto auto minmax(0, 1fr) auto;
}

.sidebar-panel {
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
}

.sidebar-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.25rem;
  flex-shrink: 0;
}

.sidebar-panel-title {
  font-weight: 700;
  color: var(--color-gray-400);
  letter-spacing: 0.02em;
}

.sidebar-accordion-btn {
  display: none;
  align-items: center;
  gap: 0.35rem;
  padding: 0 0.25rem;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
}

.sidebar-accordion-caret {
  color: var(--color-gray-500);
  font-size: 0.7rem;
  line-height: 1;
}

.sidebar-rail-expand {
  display: flex;
  align-items: center;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
}

.sidebar-collapse-btn {
  flex-shrink: 0;
  padding: 0 0.25rem;
  border: 0;
  background: transparent;
  color: var(--color-duration-0);
  font-size: 1.125rem;
  line-height: 1;
  cursor: pointer;
}

.sidebar-collapse-btn:hover {
  color: var(--color-gray-200);
}

.sidebar-panel-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.sidebar-scroll-body {
  overflow-y: auto;
  padding-top: 0.25rem;
}

.sidebar-footer {
  justify-content: center;
}

.sidebar-footer-row {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.35rem;
  width: 100%;
}

.sidebar-footer-info {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  min-width: 0;
  font-size: 0.95rem;
  white-space: nowrap;
  overflow: hidden;
}

.sidebar-footer-actions-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  width: 100%;
}

.sidebar-footer-logo {
  border-radius: 0.2rem;
  flex-shrink: 0;
}

.sidebar-footer-brand {
  color: var(--color-gray-200);
  font-weight: 600;
  white-space: nowrap;
}

.sidebar-footer-version {
  color: var(--color-blue-500);
  font-weight: 600;
  white-space: nowrap;
}

.sidebar-footer-authors {
  color: var(--color-gray-400);
  overflow: hidden;
  text-overflow: ellipsis;
}

.sidebar-footer-badge {
  display: inline-flex;
  align-items: center;
  padding: 0 0.15rem;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.sidebar-footer-dot {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 9999px;
  background-color: var(--color-green-500);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-green-500) 25%, transparent);
}

.sidebar-footer-actions {
  display: flex;
  align-items: center;
  gap: 0.1rem;
}

.sidebar-footer-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border: 0;
  border-radius: 0.25rem;
  background: transparent;
  color: var(--color-gray-500);
  cursor: pointer;
  text-decoration: none;
}

.sidebar-footer-btn:hover {
  color: var(--color-gray-200);
  background-color: var(--color-darker);
}

.account-bar {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 0.5rem;
  min-height: 0;
}

.account-rail-chip {
  display: none;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0.25rem 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.account-chip-dot {
  display: block;
  width: 1rem;
  height: 1rem;
  border-radius: 9999px;
  border: 1px solid var(--color-gray-600);
}

.account-full {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.35rem;
  flex: 1;
  min-width: 0;
}

.account-main-row {
  display: flex;
  align-items: stretch;
  gap: 0.4rem;
  min-width: 0;
}

.account-select-wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}

.account-select-wrap .account-select-btn {
  width: 100%;
  flex: 1;
}

.account-select-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  width: 100%;
  padding: 0.25rem 0.5rem;
  border: 1px solid var(--color-gray-600);
  border-radius: 0.375rem;
  background-color: var(--color-darker);
  color: var(--color-gray-400);
  font-size: 0.8rem;
  cursor: pointer;
  transition: border-color 0.12s ease, background-color 0.12s ease;
}

.account-select-btn:hover:not(:disabled) {
  border-color: var(--color-gray-400);
}

.account-select-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.account-fetch-btn {
  padding: 0.2rem 0.9rem;
  border: 1px solid var(--color-gray-600);
  border-radius: 0.375rem;
  background-color: var(--color-darker);
  color: var(--color-gray-400);
  font-size: 0.75rem;
  font-weight: 500;
  cursor: pointer;
  transition: border-color 0.12s ease, color 0.12s ease;
}

.account-fetch-btn:hover:not(:disabled) {
  border-color: var(--color-gray-400);
  color: var(--color-gray-200);
}

.account-fetch-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.account-stop-btn {
  color: var(--color-red-400);
}

.fetch-log-section {
  margin-top: 0.4rem;
  border: 1px solid var(--color-gray-700);
  border-radius: 0.375rem;
  background-color: var(--color-darkest);
  overflow: hidden;
}

.fetch-log-header {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  width: 100%;
  padding: 0.3rem 0.6rem;
  background: none;
  border: none;
  font-size: 0.7rem;
  font-variant-numeric: tabular-nums;
  cursor: pointer;
  transition: background-color 0.12s ease;
}

.fetch-log-header:hover {
  background-color: var(--color-darker);
}

.fetch-log-section.is-open .fetch-log-header {
  border-bottom: 1px solid var(--color-gray-700);
}

.account-dropdown {
  position: absolute;
  top: calc(100% + 0.4rem);
  left: 0;
  z-index: 1000;
  max-height: min(70vh, 30rem);
}

.account-pop-panel {
  display: flex;
  flex-direction: column;
  width: 24rem;
  max-width: min(24rem, calc(100vw - 2rem));
  max-height: 80vh;
  border: 1px solid var(--color-gray-600);
  border-radius: 0.5rem;
  background-color: var(--color-darkest);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.5);
}

.account-pop-panel:focus {
  outline: none;
}

.account-pop-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  flex-shrink: 0;
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid var(--color-gray-800);
}

.account-pop-list {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
}

@media (min-width: 768px) {
  .ledger-sidebar.is-rail {
    width: 2.75rem;
    min-width: 2.75rem;
    grid-template-rows: auto minmax(0, 1fr) minmax(0, 1fr) 0;
  }

  .is-rail .account-full {
    display: none;
  }

  .is-rail .account-rail-chip {
    display: flex;
  }

  .is-rail .sidebar-panel-body {
    display: none;
  }

  .is-rail .sidebar-footer {
    display: none;
  }

  .is-rail .sidebar-panel-head {
    flex-direction: column-reverse;
    justify-content: flex-end;
    gap: 0.5rem;
    height: 100%;
  }

  .is-rail .sidebar-rail-expand {
    writing-mode: vertical-rl;
    text-orientation: mixed;
  }
}

@media (max-width: 767px) {
  .ledger-shell {
    flex-direction: column;
    overflow-y: auto;
    padding-bottom: 0.75rem;
  }

  .ledger-sidebar {
    display: contents;
  }

  .ledger-content {
    order: 2;
    min-height: 60vh;
    padding-top: 0;
  }

  .account-bar {
    order: 1;
    position: sticky;
    top: 0;
    z-index: 30;
    margin-top: 0.75rem;
  }

  .account-option-meta {
    display: none;
  }

  .sidebar-filter {
    order: 3;
  }

  .sidebar-options {
    order: 4;
  }

  .sidebar-footer {
    order: 5;
  }

  .sidebar-accordion-btn {
    display: inline-flex;
  }

  .sidebar-collapse-btn {
    display: none;
  }

  .sidebar-section-closed .sidebar-panel-body {
    display: none;
  }

  .sidebar-filter .sidebar-panel-body {
    height: 55vh;
  }

  .sidebar-options .sidebar-panel-body {
    max-height: 55vh;
  }
}

.modal-backdrop-anim {
  opacity: 1;
  transition: opacity 0.16s ease;
}

.modal-panel-anim {
  opacity: 1;
  transform: none;
  transition: opacity 0.16s ease, transform 0.16s ease;
}

@starting-style {
  .modal-backdrop-anim {
    opacity: 0;
  }

  .modal-panel-anim {
    opacity: 0;
    transform: scale(0.96);
  }
}

.filter-applying {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  margin-top: 0.5rem;
  color: var(--color-gray-400);
  font-size: 0.85rem;
}

.filter-applying-spinner {
  width: 1rem;
  height: 1rem;
}

.menno-status-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.2rem 0.6rem;
  border: 1px solid var(--color-gray-700);
  border-radius: 9999px;
  background-color: var(--color-darker);
  color: var(--color-gray-400);
  font-size: 0.7rem;
}

.menno-status-spinner {
  width: 0.9rem;
  height: 0.9rem;
}

.section-heading {
  
}

.dismiss-btn {
  
}

.support-rail {
  display: block;
  padding: 0.5rem 0.75rem;
  border: 1px solid var(--color-gray-600);
  border-radius: 0.375rem;
  background-color: var(--color-dark);
  color: var(--color-gray-300);
  font-size: 0.8rem;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  transition: border-color 0.12s ease, color 0.12s ease, background-color 0.12s ease;
}

.support-rail:hover {
  border-color: var(--color-gray-400);
  background-color: var(--color-darkerthandark);
  color: var(--color-white);
}

.panel-dialog-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  width: max-content;
  padding: 0.25rem 0.6rem;
  border: 1px solid var(--color-gray-600);
  border-radius: 0.375rem;
  background-color: var(--color-darker);
  color: var(--color-gray-300);
  font-size: 0.8rem;
  cursor: pointer;
  transition: border-color 0.12s ease, color 0.12s ease;
}

.panel-dialog-btn:hover {
  border-color: var(--color-gray-400);
  color: var(--color-white);
}

.options-host {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  flex: 1 0 auto;
}

.options-host-body {
  flex: 0 0 auto;
}

.settings-section {
  border: 1px solid var(--color-gray-700);
  border-radius: 0.375rem;
  background-color: var(--color-darkest);
  overflow: hidden;
}

.settings-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  width: 100%;
  padding: 0.5rem 0.75rem;
  border: 0;
  background: transparent;
  color: var(--color-gray-300);
  cursor: pointer;
  text-align: left;
}

.settings-section-head:hover {
  background-color: var(--color-darkerer);
}

.settings-section.is-open .settings-section-head {
  border-bottom: 1px solid var(--color-gray-700);
}

.settings-section-title {
  font-weight: 700;
  letter-spacing: 0.02em;
}

.settings-section-caret {
  color: var(--color-gray-500);
  font-size: 0.7rem;
  line-height: 1;
}

.settings-section-body {
  padding: 0.75rem;
}

.about-group {
  border-left: 2px solid var(--about-accent);
  padding-left: 0.75rem;
}

.about-group-title {
  margin: 0 0 0.5rem;
  color: var(--about-accent);
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.about-card {
  break-inside: avoid;
  padding: 0.75rem;
  border-radius: 0.375rem;
  border-top: 2px solid color-mix(in srgb, var(--about-accent) 45%, transparent);
  background-color: var(--color-dark);
}

.about-card > p {
  margin-top: 0.25rem;
}

.about-card-title {
  margin: 0 0 0.5rem;
  padding-bottom: 0.25rem;
  border-bottom: 1px solid var(--color-gray-700);
  color: var(--color-gray-300);
  font-weight: 700;
}

.about-ships {
  --about-accent: var(--color-view-ships);
}

.about-drops {
  --about-accent: var(--color-view-drops);
}

.about-reports {
  --about-accent: var(--color-view-reports);
}

.about-neutral {
  --about-accent: var(--color-gray-500);
}

.about-credits {
  padding-top: 0.75rem;
  border-top: 1px solid var(--color-gray-700);
  color: var(--color-gray-500);
  font-size: 0.75rem;
  text-align: center;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-thumb {
  background-color: #555;
  border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #888;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-corner {
  background: transparent;
}

::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}

.drops-widgets-section {
  margin: 0.75rem 1px 0;
}

.stat-widget-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(11rem, 15rem));
  gap: 0.6rem;
  margin: 0 1px 0.75rem;
}

.stat-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.3rem;
  padding: 0.65rem 0.85rem;
  border-radius: 0.5rem;
  background-color: var(--color-dark);
  border: 1px solid var(--color-gray-800);
  text-align: left;
}

.stat-card-wide {
  grid-column: span 2;
}

.stat-card-label {
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: var(--color-gray-500);
  text-transform: uppercase;
}

.stat-card-value-sm {
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--color-gray-200);
}

.stat-card-sub {
  font-size: 0.65rem;
  color: var(--color-gray-500);
}

.stat-mini-row {
  display: flex;
  align-items: baseline;
  gap: 0.35rem;
  flex-wrap: wrap;
}

.stat-mini-value {
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--color-gray-200);
}

.stat-mini-label {
  font-size: 0.65rem;
  color: var(--color-gray-500);
}

.stat-ship-headline {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  margin-top: 0.1rem;
}

.stat-ship-headline-text {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  min-width: 0;
}

.stat-ship-icon {
  width: 2rem;
  height: 2rem;
  object-fit: contain;
  flex-shrink: 0;
}

.stat-bar-list {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  width: 100%;
  margin-top: 0.3rem;
}

.stat-bar-row {
  display: grid;
  grid-template-columns: 4.5rem 1fr 2.5rem;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.65rem;
}

.stat-bar-label {
  color: var(--color-gray-400);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.stat-bar-track {
  height: 0.4rem;
  border-radius: 9999px;
  background-color: var(--color-darker);
  overflow: hidden;
}

.stat-bar-fill {
  display: block;
  height: 100%;
  border-radius: 9999px;
  background-color: var(--color-blue-500);
}

.stat-bar-fill-rarity-0 {
  background-color: var(--color-rarity-0);
}

.stat-bar-fill-rarity-1 {
  background-color: var(--color-rarity-1);
}

.stat-bar-fill-rarity-2 {
  background-color: var(--color-rarity-2);
}

.stat-bar-fill-rarity-3 {
  background-color: var(--color-rarity-3);
}

.stat-bar-count {
  text-align: right;
  color: var(--color-gray-500);
}

.stat-split-bar {
  display: flex;
  width: 100%;
  height: 0.5rem;
  border-radius: 9999px;
  overflow: hidden;
  background-color: var(--color-darker);
  margin-top: 0.15rem;
}

.stat-split-home {
  background-color: var(--color-farm-home);
}

.stat-split-virtue {
  background-color: var(--color-farm-virtue);
}

.stat-split-legend {
  display: flex;
  gap: 0.75rem;
  font-size: 0.65rem;
  color: var(--color-gray-400);
  margin-top: 0.3rem;
}

.stat-legend-dot {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 9999px;
  margin-right: 0.3rem;
}

.stat-legend-home {
  background-color: var(--color-farm-home);
}

.stat-legend-virtue {
  background-color: var(--color-farm-virtue);
}

.stat-luck-bugged {
  color: var(--color-red-400);
}



  .pointer-events-none {
    pointer-events: none;
  }
  .collapse {
    visibility: collapse;
  }
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .top-1\/2 {
    top: calc(1/2 * 100%);
  }
  .right-2 {
    right: calc(var(--spacing) * 2);
  }
  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }
  .left-1\/2 {
    left: calc(1/2 * 100%);
  }
  .left-2 {
    left: calc(var(--spacing) * 2);
  }
  .z-10 {
    z-index: 10;
  }
  .z-50 {
    z-index: 50;
  }
  .col-span-2 {
    grid-column: span 2 / span 2;
  }
  .col-span-3 {
    grid-column: span 3 / span 3;
  }
  .m-auto {
    margin: auto;
  }
  .-mx-2 {
    margin-inline: calc(var(--spacing) * -2);
  }
  .mx-1 {
    margin-inline: calc(var(--spacing) * 1);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .\!mt-0 {
    margin-top: calc(var(--spacing) * 0) !important;
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .mt-0_25rem {
    margin-top: var(--spacing-0_25rem);
  }
  .mt-0_5rem {
    margin-top: var(--spacing-0_5rem);
  }
  .mt-0_75rem {
    margin-top: var(--spacing-0_75rem);
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }
  .mt-1rem {
    margin-top: var(--spacing-1rem);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .\!mr-0 {
    margin-right: calc(var(--spacing) * 0) !important;
  }
  .mr-0_5rem {
    margin-right: var(--spacing-0_5rem);
  }
  .mr-1rem {
    margin-right: var(--spacing-1rem);
  }
  .mr-5 {
    margin-right: calc(var(--spacing) * 5);
  }
  .mr-auto {
    margin-right: auto;
  }
  .mb-0\.5 {
    margin-bottom: calc(var(--spacing) * 0.5);
  }
  .mb-0_5rem {
    margin-bottom: var(--spacing-0_5rem);
  }
  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }
  .mb-1rem {
    margin-bottom: var(--spacing-1rem);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-2_5rem {
    margin-bottom: var(--spacing-2_5rem);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .\!ml-0 {
    margin-left: calc(var(--spacing) * 0) !important;
  }
  .\!ml-1rem {
    margin-left: var(--spacing-1rem) !important;
  }
  .ml-0_5rem {
    margin-left: var(--spacing-0_5rem);
  }
  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }
  .ml-2rem {
    margin-left: var(--spacing-2rem);
  }
  .ml-auto {
    margin-left: auto;
  }
  .box-border {
    box-sizing: border-box;
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline-flex {
    display: inline-flex;
  }
  .none {
    display: none;
  }
  .table {
    display: table;
  }
  .h-1 {
    height: calc(var(--spacing) * 1);
  }
  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-14 {
    height: calc(var(--spacing) * 14);
  }
  .h-2 {
    height: calc(var(--spacing) * 2);
  }
  .h-2\.5 {
    height: calc(var(--spacing) * 2.5);
  }
  .h-3 {
    height: calc(var(--spacing) * 3);
  }
  .h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-7 {
    height: calc(var(--spacing) * 7);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-full {
    height: 100%;
  }
  .h-max {
    height: max-content;
  }
  .h-px {
    height: 1px;
  }
  .max-h-32 {
    max-height: calc(var(--spacing) * 32);
  }
  .max-h-60 {
    max-height: calc(var(--spacing) * 60);
  }
  .max-h-64 {
    max-height: calc(var(--spacing) * 64);
  }
  .max-h-90vh {
    max-height: var(--max-height-90vh);
  }
  .max-h-95vh {
    max-height: var(--max-height-95vh);
  }
  .max-h-96 {
    max-height: calc(var(--spacing) * 96);
  }
  .max-h-\[85vh\] {
    max-height: 85vh;
  }
  .max-h-\[88vh\] {
    max-height: 88vh;
  }
  .max-h-full {
    max-height: 100%;
  }
  .min-h-0 {
    min-height: calc(var(--spacing) * 0);
  }
  .\!w-auto {
    width: auto !important;
  }
  .container {
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
    width: 100%;
  }
  .w-1\/2 {
    width: calc(1/2 * 100%);
  }
  .w-12 {
    width: calc(var(--spacing) * 12);
  }
  .w-14 {
    width: calc(var(--spacing) * 14);
  }
  .w-16 {
    width: calc(var(--spacing) * 16);
  }
  .w-2 {
    width: calc(var(--spacing) * 2);
  }
  .w-20 {
    width: calc(var(--spacing) * 20);
  }
  .w-24 {
    width: calc(var(--spacing) * 24);
  }
  .w-28 {
    width: calc(var(--spacing) * 28);
  }
  .w-3 {
    width: calc(var(--spacing) * 3);
  }
  .w-3\.5 {
    width: calc(var(--spacing) * 3.5);
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .w-4\/5 {
    width: calc(4/5 * 100%);
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .w-6 {
    width: calc(var(--spacing) * 6);
  }
  .w-8 {
    width: calc(var(--spacing) * 8);
  }
  .w-\[70vw\] {
    width: 70vw;
  }
  .w-\[92vw\] {
    width: 92vw;
  }
  .w-auto {
    width: auto;
  }
  .w-fivedig {
    width: var(--width-fivedig);
  }
  .w-fourdig {
    width: var(--width-fourdig);
  }
  .w-full {
    width: 100%;
  }
  .w-max {
    width: max-content;
  }
  .w-onedig {
    width: var(--width-onedig);
  }
  .w-sevendig {
    width: var(--width-sevendig);
  }
  .w-sixdig {
    width: var(--width-sixdig);
  }
  .w-threedig {
    width: var(--width-threedig);
  }
  .w-twodig {
    width: var(--width-twodig);
  }
  .max-w-10rem {
    max-width: var(--max-width-10rem);
  }
  .max-w-28 {
    max-width: calc(var(--spacing) * 28);
  }
  .max-w-2xl {
    max-width: var(--container-2xl);
  }
  .max-w-36 {
    max-width: calc(var(--spacing) * 36);
  }
  .max-w-7 {
    max-width: calc(var(--spacing) * 7);
  }
  .max-w-72 {
    max-width: calc(var(--spacing) * 72);
  }
  .max-w-\[24rem\] {
    max-width: 24rem;
  }
  .max-w-\[48rem\] {
    max-width: 48rem;
  }
  .max-w-\[50\%\] {
    max-width: 50%;
  }
  .max-w-\[60rem\] {
    max-width: 60rem;
  }
  .max-w-\[62rem\] {
    max-width: 62rem;
  }
  .max-w-\[92vw\] {
    max-width: 92vw;
  }
  .max-w-full {
    max-width: 100%;
  }
  .max-w-md {
    max-width: var(--container-md);
  }
  .max-w-xs {
    max-width: var(--container-xs);
  }
  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }
  .min-w-36 {
    min-width: calc(var(--spacing) * 36);
  }
  .min-w-60 {
    min-width: calc(var(--spacing) * 60);
  }
  .min-w-80 {
    min-width: calc(var(--spacing) * 80);
  }
  .min-w-\[92vw\] {
    min-width: 92vw;
  }
  .flex-1 {
    flex: 1;
  }
  .shrink {
    flex-shrink: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .table-fixed {
    table-layout: fixed;
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .transform {
    transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
  }
  .animate-pulse {
    animation: var(--animate-pulse);
  }
  .cursor-default {
    cursor: default;
  }
  .cursor-grab {
    cursor: grab;
  }
  .cursor-not-allowed {
    cursor: not-allowed;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .resize-none {
    resize: none;
  }
  .columns-1 {
    columns: 1;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-baseline {
    align-items: baseline;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .gap-0\.5 {
    gap: calc(var(--spacing) * 0.5);
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-px {
    gap: 1px;
  }
  .gap-x-2 {
    column-gap: calc(var(--spacing) * 2);
  }
  .gap-x-3 {
    column-gap: calc(var(--spacing) * 3);
  }
  .gap-y-0\.5 {
    row-gap: calc(var(--spacing) * 0.5);
  }
  .gap-y-1 {
    row-gap: calc(var(--spacing) * 1);
  }
  .gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }
  .space-y-1 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-2 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-3 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-5 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .self-center {
    align-self: center;
  }
  .self-end {
    align-self: flex-end;
  }
  .self-start {
    align-self: flex-start;
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-visible {
    overflow: visible;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-sm {
    border-radius: var(--radius-sm);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .border-none {
    --tw-border-style: none;
    border-style: none;
  }
  .\!border-blue-500 {
    border-color: var(--color-blue-500) !important;
  }
  .\!border-gray-500 {
    border-color: var(--color-gray-500) !important;
  }
  .\!border-green-500 {
    border-color: var(--color-green-500) !important;
  }
  .\!border-orange-500 {
    border-color: var(--color-orange-500) !important;
  }
  .\!border-red-700 {
    border-color: var(--color-red-700) !important;
  }
  .\!border-red-800 {
    border-color: var(--color-red-800) !important;
  }
  .border-blue-600 {
    border-color: var(--color-blue-600);
  }
  .border-blue-700\/40 {
    border-color: color-mix(in oklab, var(--color-blue-700) 40%, transparent);
  }
  .border-blue-700 {
    border-color: var(--color-blue-700);
  }
  .border-gray-500\/50 {
    border-color: color-mix(in oklab, var(--color-gray-500) 50%, transparent);
  }
  .border-gray-600 {
    border-color: var(--color-gray-600);
  }
  .border-gray-700 {
    border-color: var(--color-gray-700);
  }
  .border-gray-700\/50 {
    border-color: color-mix(in oklab, var(--color-gray-700) 50%, transparent);
  }
  .border-gray-800 {
    border-color: var(--color-gray-800);
  }
  .border-green-400 {
    border-color: var(--color-green-400);
  }
  .border-green-700 {
    border-color: var(--color-green-700);
  }
  .border-indigo-500 {
    border-color: var(--color-indigo-500);
  }
  .border-indigo-600 {
    border-color: var(--color-indigo-600);
  }
  .border-orange-400 {
    border-color: var(--color-orange-400);
  }
  .border-red-400 {
    border-color: var(--color-red-400);
  }
  .border-red-700 {
    border-color: var(--color-red-700);
  }
  .border-transparent {
    border-color: transparent;
  }
  .border-white\/10 {
    border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
  }
  .border-yellow-700\/60 {
    border-color: color-mix(in oklab, var(--color-yellow-700) 60%, transparent);
  }
  .border-yellow-700 {
    border-color: var(--color-yellow-700);
  }
  .\!bg-blue-700 {
    background-color: var(--color-blue-700) !important;
  }
  .\!bg-gray-700 {
    background-color: var(--color-gray-700) !important;
  }
  .\!bg-green-700 {
    background-color: var(--color-green-700) !important;
  }
  .\!bg-orange-700 {
    background-color: var(--color-orange-700) !important;
  }
  .\!bg-red-900 {
    background-color: var(--color-red-900) !important;
  }
  .\!bg-red-900\/60 {
    background-color: color-mix(in oklab, var(--color-red-900) 60%, transparent) !important;
  }
  .bg-blue-500 {
    background-color: var(--color-blue-500);
  }
  .bg-blue-600 {
    background-color: var(--color-blue-600);
  }
  .bg-blue-900 {
    background-color: var(--color-blue-900);
  }
  .bg-blue-950\/40 {
    background-color: color-mix(in oklab, var(--color-blue-950) 40%, transparent);
  }
  .bg-dark {
    background-color: var(--color-dark);
  }
  .bg-darker {
    background-color: var(--color-darker);
  }
  .bg-darkerer {
    background-color: var(--color-darkerer);
  }
  .bg-darkerthandark {
    background-color: var(--color-darkerthandark);
  }
  .bg-darkest {
    background-color: var(--color-darkest);
  }
  .bg-fuchsia-900 {
    background-color: var(--color-fuchsia-900);
  }
  .bg-gray-500 {
    background-color: var(--color-gray-500);
  }
  .bg-gray-600 {
    background-color: var(--color-gray-600);
  }
  .bg-gray-700 {
    background-color: var(--color-gray-700);
  }
  .bg-gray-800 {
    background-color: var(--color-gray-800);
  }
  .bg-gray-900 {
    background-color: var(--color-gray-900);
  }
  .bg-green-500 {
    background-color: var(--color-green-500);
  }
  .bg-green-600 {
    background-color: var(--color-green-600);
  }
  .bg-green-900\/60 {
    background-color: color-mix(in oklab, var(--color-green-900) 60%, transparent);
  }
  .bg-green-900\/40 {
    background-color: color-mix(in oklab, var(--color-green-900) 40%, transparent);
  }
  .bg-indigo-500 {
    background-color: var(--color-indigo-500);
  }
  .bg-indigo-600 {
    background-color: var(--color-indigo-600);
  }
  .bg-indigo-700 {
    background-color: var(--color-indigo-700);
  }
  .bg-indigo-900\/20 {
    background-color: color-mix(in oklab, var(--color-indigo-900) 20%, transparent);
  }
  .bg-orange-500 {
    background-color: var(--color-orange-500);
  }
  .bg-privacy_blue {
    background-color: var(--color-privacy_blue);
  }
  .bg-red-600 {
    background-color: var(--color-red-600);
  }
  .bg-red-900\/60 {
    background-color: color-mix(in oklab, var(--color-red-900) 60%, transparent);
  }
  .bg-red-900\/40 {
    background-color: color-mix(in oklab, var(--color-red-900) 40%, transparent);
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-yellow-900\/60 {
    background-color: color-mix(in oklab, var(--color-yellow-900) 60%, transparent);
  }
  .bg-yellow-900\/40 {
    background-color: color-mix(in oklab, var(--color-yellow-900) 40%, transparent);
  }
  .object-contain {
    object-fit: contain;
  }
  .object-cover {
    object-fit: cover;
  }
  .p-0\.5 {
    padding: calc(var(--spacing) * 0.5);
  }
  .p-0_5rem {
    padding: var(--spacing-0_5rem);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-px {
    padding: 1px;
  }
  .px-0\.5 {
    padding-inline: calc(var(--spacing) * 0.5);
  }
  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }
  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-3rem {
    padding-inline: var(--spacing-3rem);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .pt-0 {
    padding-top: calc(var(--spacing) * 0);
  }
  .pt-1 {
    padding-top: calc(var(--spacing) * 1);
  }
  .pt-1\.5 {
    padding-top: calc(var(--spacing) * 1.5);
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
  .pt-3rem {
    padding-top: var(--spacing-3rem);
  }
  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }
  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }
  .pr-1 {
    padding-right: calc(var(--spacing) * 1);
  }
  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }
  .pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }
  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }
  .pr-6 {
    padding-right: calc(var(--spacing) * 6);
  }
  .pb-0 {
    padding-bottom: calc(var(--spacing) * 0);
  }
  .pb-0\.5 {
    padding-bottom: calc(var(--spacing) * 0.5);
  }
  .pb-1 {
    padding-bottom: calc(var(--spacing) * 1);
  }
  .pb-1\.5 {
    padding-bottom: calc(var(--spacing) * 1.5);
  }
  .pb-16 {
    padding-bottom: calc(var(--spacing) * 16);
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-20 {
    padding-bottom: calc(var(--spacing) * 20);
  }
  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }
  .pb-3rem {
    padding-bottom: var(--spacing-3rem);
  }
  .pl-0_5rem {
    padding-left: var(--spacing-0_5rem);
  }
  .pl-1 {
    padding-left: calc(var(--spacing) * 1);
  }
  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }
  .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }
  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }
  .pl-5 {
    padding-left: calc(var(--spacing) * 5);
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .font-mono {
    font-family: var(--font-mono);
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-star {
    font-size: var(--text-star);
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }
  .break-all {
    word-break: break-all;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .\!text-gray-200 {
    color: var(--color-gray-200) !important;
  }
  .\!text-gray-300 {
    color: var(--color-gray-300) !important;
  }
  .\!text-red-200 {
    color: var(--color-red-200) !important;
  }
  .\!text-red-300 {
    color: var(--color-red-300) !important;
  }
  .\!text-white {
    color: var(--color-white) !important;
  }
  .text-blue-200\/80 {
    color: color-mix(in oklab, var(--color-blue-200) 80%, transparent);
  }
  .text-blue-200\/60 {
    color: color-mix(in oklab, var(--color-blue-200) 60%, transparent);
  }
  .text-blue-300 {
    color: var(--color-blue-300);
  }
  .text-blue-300\/70 {
    color: color-mix(in oklab, var(--color-blue-300) 70%, transparent);
  }
  .text-blue-400 {
    color: var(--color-blue-400);
  }
  .text-blue-500 {
    color: var(--color-blue-500);
  }
  .text-buggedcap {
    color: var(--color-buggedcap);
  }
  .text-buggedcapdarker {
    color: var(--color-buggedcapdarker);
  }
  .text-dubcap {
    color: var(--color-dubcap);
  }
  .text-dubcapdarker {
    color: var(--color-dubcapdarker);
  }
  .text-duration-0 {
    color: var(--color-duration-0);
  }
  .text-duration-3 {
    color: var(--color-duration-3);
  }
  .text-epic {
    color: var(--color-epic);
  }
  .text-goldenstar {
    color: var(--color-goldenstar);
  }
  .text-gray-200 {
    color: var(--color-gray-200);
  }
  .text-gray-300 {
    color: var(--color-gray-300);
  }
  .text-gray-400 {
    color: var(--color-gray-400);
  }
  .text-gray-500 {
    color: var(--color-gray-500);
  }
  .text-gray-600 {
    color: var(--color-gray-600);
  }
  .text-green-400 {
    color: var(--color-green-400);
  }
  .text-green-500 {
    color: var(--color-green-500);
  }
  .text-indigo-300 {
    color: var(--color-indigo-300);
  }
  .text-indigo-400 {
    color: var(--color-indigo-400);
  }
  .text-legendary {
    color: var(--color-legendary);
  }
  .text-orange-400 {
    color: var(--color-orange-400);
  }
  .text-privacy_blue {
    color: var(--color-privacy_blue);
  }
  .text-rare {
    color: var(--color-rare);
  }
  .text-red-300 {
    color: var(--color-red-300);
  }
  .text-red-400 {
    color: var(--color-red-400);
  }
  .text-red-500 {
    color: var(--color-red-500);
  }
  .text-red-700 {
    color: var(--color-red-700);
  }
  .text-rose-500 {
    color: var(--color-rose-500);
  }
  .text-selectedmission {
    color: var(--color-selectedmission);
  }
  .text-selectedmissiondarker {
    color: var(--color-selectedmissiondarker);
  }
  .text-white {
    color: var(--color-white);
  }
  .text-yellow-400 {
    color: var(--color-yellow-400);
  }
  .text-yellow-500 {
    color: var(--color-yellow-500);
  }
  .text-yellow-600 {
    color: var(--color-yellow-600);
  }
  .text-yellow-600\/80 {
    color: color-mix(in oklab, var(--color-yellow-600) 80%, transparent);
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .underline {
    text-decoration-line: underline;
  }
  .opacity-20 {
    opacity: 20%;
  }
  .opacity-40 {
    opacity: 40%;
  }
  .opacity-60 {
    opacity: 60%;
  }
  .opacity-70 {
    opacity: 70%;
  }
  .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .invert {
    --tw-invert: invert(100%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .transition-\[filter\] {
    transition-property: filter;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .group-hover\:brightness-125:is(:where(.group):hover *) {
    --tw-brightness: brightness(125%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .hover\:border-blue-700:hover {
    border-color: var(--color-blue-700);
  }
  .hover\:border-gray-400:hover {
    border-color: var(--color-gray-400);
  }
  .hover\:border-gray-500:hover {
    border-color: var(--color-gray-500);
  }
  .hover\:\!bg-blue-600:hover {
    background-color: var(--color-blue-600) !important;
  }
  .hover\:\!bg-gray-600:hover {
    background-color: var(--color-gray-600) !important;
  }
  .hover\:\!bg-green-600:hover {
    background-color: var(--color-green-600) !important;
  }
  .hover\:\!bg-orange-600:hover {
    background-color: var(--color-orange-600) !important;
  }
  .hover\:\!bg-red-800:hover {
    background-color: var(--color-red-800) !important;
  }
  .hover\:\!bg-red-900:hover {
    background-color: var(--color-red-900) !important;
  }
  .hover\:bg-blue-500:hover {
    background-color: var(--color-blue-500);
  }
  .hover\:bg-blue-600:hover {
    background-color: var(--color-blue-600);
  }
  .hover\:bg-blue-700:hover {
    background-color: var(--color-blue-700);
  }
  .hover\:bg-dark_tab_hover:hover {
    background-color: var(--color-dark_tab_hover);
  }
  .hover\:bg-darker:hover {
    background-color: var(--color-darker);
  }
  .hover\:bg-gray-700:hover {
    background-color: var(--color-gray-700);
  }
  .hover\:bg-indigo-600:hover {
    background-color: var(--color-indigo-600);
  }
  .hover\:bg-red-950:hover {
    background-color: var(--color-red-950);
  }
  .hover\:text-blue-300:hover {
    color: var(--color-blue-300);
  }
  .hover\:text-gray-100:hover {
    color: var(--color-gray-100);
  }
  .hover\:text-gray-200:hover {
    color: var(--color-gray-200);
  }
  .hover\:text-gray-300:hover {
    color: var(--color-gray-300);
  }
  .hover\:text-indigo-300:hover {
    color: var(--color-indigo-300);
  }
  .hover\:text-red-300:hover {
    color: var(--color-red-300);
  }
  .hover\:text-red-400:hover {
    color: var(--color-red-400);
  }
  .hover\:text-rose-400:hover {
    color: var(--color-rose-400);
  }
  .hover\:brightness-\[1\.4\]:hover {
    --tw-brightness: brightness(1.4);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .focus\:border-blue-500:focus {
    border-color: var(--color-blue-500);
  }
  .focus\:border-white\/30:focus {
    border-color: color-mix(in oklab, var(--color-white) 30%, transparent);
  }
  .focus\:ring-0:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
  .disabled\:cursor-default:disabled {
    cursor: default;
  }
  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }
  .disabled\:text-gray-600:disabled {
    color: var(--color-gray-600);
  }
  .disabled\:opacity-30:disabled {
    opacity: 30%;
  }
  .disabled\:opacity-40:disabled {
    opacity: 40%;
  }
  .disabled\:opacity-50:disabled {
    opacity: 50%;
  }
  .disabled\:opacity-60:disabled {
    opacity: 60%;
  }
  .last\:border-b-0:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
  }
  @media (min-width: 768px) {
    .md\:mr-2rem {
      margin-right: var(--spacing-2rem);
    }
    .md\:ml-2rem {
      margin-left: var(--spacing-2rem);
    }
    .md\:w-60vw {
      width: var(--width-60vw);
    }
    .md\:w-\[46rem\] {
      width: 46rem;
    }
    .md\:w-fit {
      width: fit-content;
    }
    .md\:max-w-40vw {
      max-width: var(--max-width-40vw);
    }
    .md\:max-w-85vw {
      max-width: var(--max-width-85vw);
    }
    .md\:min-w-40vw {
      min-width: var(--min-width-40vw);
    }
    .md\:min-w-60vw {
      min-width: var(--min-width-60vw);
    }
    .md\:columns-2 {
      columns: 2;
    }
    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .md\:flex-nowrap {
      flex-wrap: nowrap;
    }
    .md\:px-10 {
      padding-inline: calc(var(--spacing) * 10);
    }
  }
  .display\:block {
    display: block;
  }


@keyframes pulse {
  50% { opacity: 0.5; }
}

@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
  initial-value: 150ms;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}


  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-border-style: solid;
      --tw-content: "";
      --tw-duration: 150ms;
      --tw-gradient-from: #0000;
      --tw-gradient-from-position: 0%;
      --tw-gradient-to: #0000;
      --tw-gradient-to-position: 100%;
      --tw-gradient-via: #0000;
      --tw-gradient-via-position: 50%;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-inset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-ring-offset-width: 0px;
      --tw-ring-shadow: 0 0 #0000;
      --tw-shadow: 0 0 #0000;
      --tw-space-x-reverse: 0;
      --tw-space-y-reverse: 0;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
    }
  }