/* rw-themes.css: generated by themes/build.mjs from themes/themes.json. Do not edit.
   9 themes. Each [data-theme] block holds the theme's tokens; any element can carry
   data-theme to show a nested theme (the selector's samples do). Brand overrides follow, then the
   defaults for pages without a theme attribute (no JavaScript): dark, light or more contrast from
   the system. The field's stills come last: the canvas shows them when WebGL is unavailable. */

/* Kernel Night (core, dark): The original field: violet weather, green LED contours and a lattice of dots. */
:root:not([data-theme]),
[data-theme="kernel-night"] {
  --rw-ground: #06060b;
  --rw-ground-2: #09080f;
  --rw-surface-0: #0a0a11;
  --rw-surface-1: #0e0d16;
  --rw-surface-2: #15141f;
  --rw-surface-3: #1f1d2c;
  --rw-text: #f3f2f8;
  --rw-text-muted: #ada6bb;
  --rw-text-soft: #8f8a9a;
  --rw-line: rgba(205, 198, 255, 0.1);
  --rw-line-strong: rgba(205, 198, 255, 0.2);
  --rw-line-input: #716c88;
  --rw-accent: #b97ede;
  --rw-accent-strong: #d1a4ef;
  --rw-accent-2: #36ff84;
  --rw-signal: #36ff84;
  --rw-signal-text: #36ff84;
  --rw-action: #703093;
  --rw-action-ink: #f7eeff;
  --rw-action-light: #9554bb;
  --rw-action-press: #5c257a;
  --rw-focus: #36ff84;
  --rw-danger: #ff7a6b;
  --rw-warn: #ffd166;
  --rw-ok: #36ff84;
  --rw-live: #ff5a47;
  --rw-scrim: rgba(4, 3, 9, 0.72);
  --rw-glass: rgba(14, 13, 22, 0.74);
  --rw-glass-blur: 14px;
  --rw-shadow: rgba(0, 0, 0, 0.5);
  --rw-shadow-tint: rgba(38, 15, 52, 0.62);
  --rw-highlight: rgba(228, 199, 249, 0.08);
  --rw-glow: rgba(149, 84, 187, 0.42);
  --rw-selection: rgba(112, 48, 147, 0.62);
  --rw-selection-ink: #ffffff;
  --rw-border-width: 1px;
  --rw-focus-width: 3px;
  --rw-radius-scale: 1;
  --rw-tempo: 1;
  --rw-veil-strength: 0.72;
  --rw-sample: radial-gradient(120% 90% at 12% 0%, rgba(112, 48, 147, 0.55), transparent 62%), repeating-radial-gradient(circle at 78% 130%, transparent 0 9px, rgba(54, 255, 132, 0.55) 9px 10px, transparent 10px 18px), radial-gradient(rgba(185, 126, 222, 0.42) 0.7px, transparent 1.1px) 0 0 / 4px 4px;
  --rw-field-css: radial-gradient(90% 70% at 8% 0%, rgba(112, 48, 147, 0.32), transparent 62%), repeating-radial-gradient(circle at 74% 118%, transparent 0 46px, rgba(54, 255, 132, 0.10) 46px 48px, transparent 48px 92px), radial-gradient(rgba(185, 126, 222, 0.16) 1px, transparent 1.6px) 0 0 / 6px 6px, radial-gradient(rgba(185, 126, 222, 0.22) 1px, transparent 1.4px) 23px 23px / 48px 48px;
  color-scheme: dark;
}

/* Daylight (core, light): Paper and ink: violet-grey weather, graphite contours and faint dots. */
[data-theme="daylight"] {
  --rw-ground: #f4f5fa;
  --rw-ground-2: #eceef6;
  --rw-surface-0: #eaebf3;
  --rw-surface-1: #ffffff;
  --rw-surface-2: #ffffff;
  --rw-surface-3: #ffffff;
  --rw-text: #0e0c17;
  --rw-text-muted: #504b60;
  --rw-text-soft: #686477;
  --rw-line: rgba(30, 24, 70, 0.11);
  --rw-line-strong: rgba(30, 24, 70, 0.22);
  --rw-line-input: #858197;
  --rw-accent: #703093;
  --rw-accent-strong: #5c257a;
  --rw-accent-2: #007a39;
  --rw-signal: #2fdc72;
  --rw-signal-text: #006f34;
  --rw-action: #703093;
  --rw-action-ink: #f7eeff;
  --rw-action-light: #9554bb;
  --rw-action-press: #5c257a;
  --rw-focus: #007a39;
  --rw-danger: #b8301d;
  --rw-warn: #855700;
  --rw-ok: #006f34;
  --rw-live: #c42a17;
  --rw-scrim: rgba(14, 12, 23, 0.46);
  --rw-glass: rgba(255, 255, 255, 0.8);
  --rw-glass-blur: 14px;
  --rw-shadow: rgba(30, 24, 70, 0.1);
  --rw-shadow-tint: rgba(66, 26, 88, 0.16);
  --rw-highlight: rgba(255, 255, 255, 0.92);
  --rw-glow: rgba(149, 84, 187, 0.26);
  --rw-selection: rgba(149, 84, 187, 0.26);
  --rw-selection-ink: #0e0c17;
  --rw-border-width: 1px;
  --rw-focus-width: 3px;
  --rw-radius-scale: 1;
  --rw-tempo: 0.9;
  --rw-veil-strength: 0.88;
  --rw-sample: radial-gradient(110% 80% at 85% 0%, rgba(149, 84, 187, 0.20), transparent 60%), repeating-radial-gradient(circle at 20% 120%, transparent 0 9px, rgba(78, 75, 96, 0.45) 9px 10px, transparent 10px 18px), radial-gradient(rgba(112, 96, 150, 0.30) 0.7px, transparent 1.1px) 0 0 / 4px 4px;
  --rw-field-css: radial-gradient(90% 70% at 92% 0%, rgba(149, 84, 187, 0.12), transparent 62%), repeating-radial-gradient(circle at 18% 120%, transparent 0 46px, rgba(78, 75, 96, 0.10) 46px 48px, transparent 48px 92px), radial-gradient(rgba(112, 96, 150, 0.12) 1px, transparent 1.6px) 0 0 / 6px 6px;
  color-scheme: light;
}

/* Phosphor (core, dark): A green-phosphor CRT: scanline dither, one colour, a slow roll. */
[data-theme="phosphor"] {
  --rw-ground: #020a05;
  --rw-ground-2: #030d07;
  --rw-surface-0: #03100a;
  --rw-surface-1: #05160d;
  --rw-surface-2: #081e12;
  --rw-surface-3: #0c2818;
  --rw-text: #b6ffc4;
  --rw-text-muted: #6dbe80;
  --rw-text-soft: #5d9d6b;
  --rw-line: rgba(51, 255, 102, 0.14);
  --rw-line-strong: rgba(51, 255, 102, 0.28);
  --rw-line-input: #2e8c48;
  --rw-accent: #33ff66;
  --rw-accent-strong: #8cff9e;
  --rw-accent-2: #b6ff5c;
  --rw-signal: #33ff66;
  --rw-signal-text: #33ff66;
  --rw-action: #33ff66;
  --rw-action-ink: #002a0e;
  --rw-action-light: #8cff9e;
  --rw-action-press: #1fd655;
  --rw-focus: #e6ffe9;
  --rw-danger: #ff6b5c;
  --rw-warn: #d4ff4d;
  --rw-ok: #33ff66;
  --rw-live: #ff6b5c;
  --rw-scrim: rgba(0, 6, 2, 0.76);
  --rw-glass: rgba(4, 18, 10, 0.78);
  --rw-glass-blur: 10px;
  --rw-shadow: rgba(0, 0, 0, 0.6);
  --rw-shadow-tint: rgba(8, 60, 24, 0.4);
  --rw-highlight: rgba(140, 255, 158, 0.12);
  --rw-glow: rgba(51, 255, 102, 0.36);
  --rw-selection: rgba(51, 255, 102, 0.34);
  --rw-selection-ink: #e6ffe9;
  --rw-border-width: 1px;
  --rw-focus-width: 3px;
  --rw-radius-scale: 0.4;
  --rw-tempo: 0.9;
  --rw-veil-strength: 0.78;
  --rw-sample: repeating-linear-gradient(180deg, rgba(51, 255, 102, 0.20) 0 1px, transparent 1px 3px), radial-gradient(90% 80% at 50% 40%, rgba(51, 255, 102, 0.22), transparent 70%), repeating-radial-gradient(circle at 30% 120%, transparent 0 9px, rgba(140, 255, 158, 0.6) 9px 10px, transparent 10px 18px);
  --rw-field-css: repeating-linear-gradient(180deg, rgba(51, 255, 102, 0.07) 0 2px, transparent 2px 6px), radial-gradient(80% 70% at 50% 40%, rgba(51, 255, 102, 0.14), transparent 70%), repeating-radial-gradient(circle at 30% 118%, transparent 0 46px, rgba(140, 255, 158, 0.10) 46px 48px, transparent 48px 92px);
  color-scheme: dark;
}

/* Witchlight (halloween, dark): Eerie green energy: filaments of light, sparks rising through violet fog. */
[data-theme="witchlight"] {
  --rw-ground: #08060d;
  --rw-ground-2: #0b0811;
  --rw-surface-0: #0c0912;
  --rw-surface-1: #110c18;
  --rw-surface-2: #181121;
  --rw-surface-3: #22182d;
  --rw-text: #f2ecf6;
  --rw-text-muted: #ada3b6;
  --rw-text-soft: #958b9d;
  --rw-line: rgba(199, 125, 255, 0.12);
  --rw-line-strong: rgba(124, 255, 107, 0.24);
  --rw-line-input: #716880;
  --rw-accent: #8dff7a;
  --rw-accent-strong: #c4ffb5;
  --rw-accent-2: #c77dff;
  --rw-signal: #7cff6b;
  --rw-signal-text: #8dff7a;
  --rw-action: #703093;
  --rw-action-ink: #f7eeff;
  --rw-action-light: #9554bb;
  --rw-action-press: #5c257a;
  --rw-focus: #7cff6b;
  --rw-danger: #ff7a7a;
  --rw-warn: #ffb347;
  --rw-ok: #7cff6b;
  --rw-live: #ff6a5c;
  --rw-scrim: rgba(5, 3, 9, 0.74);
  --rw-glass: rgba(17, 12, 24, 0.78);
  --rw-glass-blur: 16px;
  --rw-shadow: rgba(0, 0, 0, 0.55);
  --rw-shadow-tint: rgba(30, 70, 30, 0.3);
  --rw-highlight: rgba(199, 125, 255, 0.11);
  --rw-glow: rgba(124, 255, 107, 0.32);
  --rw-selection: rgba(124, 255, 107, 0.3);
  --rw-selection-ink: #ffffff;
  --rw-border-width: 1px;
  --rw-focus-width: 3px;
  --rw-radius-scale: 1.1;
  --rw-tempo: 1.15;
  --rw-veil-strength: 0.78;
  --rw-sample: radial-gradient(80% 70% at 50% 110%, rgba(124, 255, 107, 0.30), transparent 65%), radial-gradient(70% 60% at 20% 10%, rgba(117, 52, 150, 0.40), transparent 70%), repeating-radial-gradient(circle at 60% 60%, transparent 0 6px, rgba(141, 255, 122, 0.55) 6px 7px, transparent 7px 13px);
  --rw-field-css: radial-gradient(70% 55% at 50% 112%, rgba(124, 255, 107, 0.16), transparent 66%), radial-gradient(70% 60% at 18% 6%, rgba(117, 52, 150, 0.28), transparent 70%), repeating-radial-gradient(circle at 60% 64%, transparent 0 30px, rgba(141, 255, 122, 0.08) 30px 32px, transparent 32px 62px);
  color-scheme: dark;
}

/* Spectral (halloween, dark): Purple fog at three depths, light shafts from above, a slow breath. */
[data-theme="spectral"] {
  --rw-ground: #0a0612;
  --rw-ground-2: #0d0817;
  --rw-surface-0: #0e0918;
  --rw-surface-1: #130c1f;
  --rw-surface-2: #1b112b;
  --rw-surface-3: #261839;
  --rw-text: #f6f0fd;
  --rw-text-muted: #b1a3c4;
  --rw-text-soft: #978aa7;
  --rw-line: rgba(209, 164, 239, 0.12);
  --rw-line-strong: rgba(209, 164, 239, 0.24);
  --rw-line-input: #76698c;
  --rw-accent: #d1a4ef;
  --rw-accent-strong: #e4c7f9;
  --rw-accent-2: #36ff84;
  --rw-signal: #36ff84;
  --rw-signal-text: #36ff84;
  --rw-action: #703093;
  --rw-action-ink: #f7eeff;
  --rw-action-light: #9554bb;
  --rw-action-press: #5c257a;
  --rw-focus: #36ff84;
  --rw-danger: #ff7f9a;
  --rw-warn: #ffd166;
  --rw-ok: #36ff84;
  --rw-live: #ff6a7d;
  --rw-scrim: rgba(6, 3, 11, 0.74);
  --rw-glass: rgba(19, 12, 31, 0.74);
  --rw-glass-blur: 20px;
  --rw-shadow: rgba(0, 0, 0, 0.5);
  --rw-shadow-tint: rgba(66, 26, 88, 0.58);
  --rw-highlight: rgba(228, 199, 249, 0.12);
  --rw-glow: rgba(185, 126, 222, 0.45);
  --rw-selection: rgba(149, 84, 187, 0.55);
  --rw-selection-ink: #ffffff;
  --rw-border-width: 1px;
  --rw-focus-width: 3px;
  --rw-radius-scale: 1.15;
  --rw-tempo: 1.3;
  --rw-veil-strength: 0.74;
  --rw-sample: linear-gradient(180deg, rgba(209, 164, 239, 0.22), transparent 55%), radial-gradient(90% 60% at 30% 90%, rgba(149, 84, 187, 0.55), transparent 70%), radial-gradient(70% 50% at 80% 60%, rgba(92, 37, 122, 0.6), transparent 70%), radial-gradient(rgba(209, 164, 239, 0.32) 0.7px, transparent 1.1px) 0 0 / 3px 3px;
  --rw-field-css: linear-gradient(180deg, rgba(209, 164, 239, 0.08), transparent 45%), radial-gradient(80% 50% at 30% 92%, rgba(149, 84, 187, 0.26), transparent 70%), radial-gradient(70% 50% at 82% 58%, rgba(92, 37, 122, 0.34), transparent 70%), radial-gradient(rgba(209, 164, 239, 0.10) 1px, transparent 1.6px) 0 0 / 5px 5px;
  color-scheme: dark;
}

/* Hollow Circuit (halloween, dark): A haunted landscape of contour terrain, with pulses running along its traces. */
[data-theme="hollow-circuit"] {
  --rw-ground: #05080a;
  --rw-ground-2: #070b0e;
  --rw-surface-0: #080c0f;
  --rw-surface-1: #0b1215;
  --rw-surface-2: #11191d;
  --rw-surface-3: #192328;
  --rw-text: #e7f0f0;
  --rw-text-muted: #99b0b1;
  --rw-text-soft: #7e9495;
  --rw-line: rgba(95, 242, 208, 0.1);
  --rw-line-strong: rgba(95, 242, 208, 0.24);
  --rw-line-input: #5a7376;
  --rw-accent: #5ff2d0;
  --rw-accent-strong: #b5fff0;
  --rw-accent-2: #b97ede;
  --rw-signal: #5ff2d0;
  --rw-signal-text: #5ff2d0;
  --rw-action: #703093;
  --rw-action-ink: #f7eeff;
  --rw-action-light: #9554bb;
  --rw-action-press: #5c257a;
  --rw-focus: #5ff2d0;
  --rw-danger: #ff7a6b;
  --rw-warn: #ffd166;
  --rw-ok: #5ff2d0;
  --rw-live: #ff6a5c;
  --rw-scrim: rgba(2, 4, 5, 0.76);
  --rw-glass: rgba(11, 18, 21, 0.8);
  --rw-glass-blur: 12px;
  --rw-shadow: rgba(0, 0, 0, 0.55);
  --rw-shadow-tint: rgba(8, 56, 50, 0.32);
  --rw-highlight: rgba(181, 255, 240, 0.07);
  --rw-glow: rgba(95, 242, 208, 0.3);
  --rw-selection: rgba(95, 242, 208, 0.3);
  --rw-selection-ink: #ffffff;
  --rw-border-width: 1px;
  --rw-focus-width: 3px;
  --rw-radius-scale: 0.7;
  --rw-tempo: 1;
  --rw-veil-strength: 0.78;
  --rw-sample: linear-gradient(180deg, rgba(5, 8, 10, 1) 38%, transparent 38%), repeating-linear-gradient(180deg, transparent 0 3px, rgba(95, 242, 208, 0.45) 3px 4px), linear-gradient(180deg, rgba(95, 242, 208, 0.18), transparent 60%), radial-gradient(60% 40% at 50% 40%, rgba(185, 126, 222, 0.30), transparent 70%);
  --rw-field-css: linear-gradient(180deg, transparent 40%, rgba(95, 242, 208, 0.05) 40.2%, transparent 60%), repeating-linear-gradient(180deg, transparent 0 22px, rgba(95, 242, 208, 0.06) 22px 24px), radial-gradient(60% 36% at 50% 40%, rgba(185, 126, 222, 0.16), transparent 70%);
  color-scheme: dark;
}

/* Moonlit (halloween, dark): A cool halftone glow, drifting clouds with violet edges, a few faint stars. */
[data-theme="moonlit"] {
  --rw-ground: #070814;
  --rw-ground-2: #090b18;
  --rw-surface-0: #0a0c1a;
  --rw-surface-1: #0e1121;
  --rw-surface-2: #14182c;
  --rw-surface-3: #1d2239;
  --rw-text: #eef0fa;
  --rw-text-muted: #a5adc5;
  --rw-text-soft: #8b92a5;
  --rw-line: rgba(200, 212, 255, 0.11);
  --rw-line-strong: rgba(200, 212, 255, 0.22);
  --rw-line-input: #666d89;
  --rw-accent: #c8d4ff;
  --rw-accent-strong: #eef2ff;
  --rw-accent-2: #b97ede;
  --rw-signal: #36ff84;
  --rw-signal-text: #36ff84;
  --rw-action: #703093;
  --rw-action-ink: #f7eeff;
  --rw-action-light: #9554bb;
  --rw-action-press: #5c257a;
  --rw-focus: #36ff84;
  --rw-danger: #ff8a8a;
  --rw-warn: #ffd88a;
  --rw-ok: #36ff84;
  --rw-live: #ff6a7d;
  --rw-scrim: rgba(3, 4, 10, 0.74);
  --rw-glass: rgba(14, 17, 33, 0.76);
  --rw-glass-blur: 18px;
  --rw-shadow: rgba(0, 0, 0, 0.5);
  --rw-shadow-tint: rgba(30, 36, 80, 0.46);
  --rw-highlight: rgba(200, 212, 255, 0.1);
  --rw-glow: rgba(200, 212, 255, 0.26);
  --rw-selection: rgba(149, 84, 187, 0.5);
  --rw-selection-ink: #ffffff;
  --rw-border-width: 1px;
  --rw-focus-width: 3px;
  --rw-radius-scale: 1.1;
  --rw-tempo: 1.25;
  --rw-veil-strength: 0.74;
  --rw-sample: radial-gradient(circle at 76% 26%, rgba(238, 242, 255, 0.85) 0 5px, transparent 6px), radial-gradient(circle at 76% 26%, rgba(200, 212, 255, 0.35) 0 1px, transparent 1.6px) 0 0 / 3px 3px, radial-gradient(40% 50% at 76% 26%, rgba(200, 212, 255, 0.28), transparent 70%), radial-gradient(60% 30% at 30% 70%, rgba(42, 48, 80, 0.85), transparent 70%), radial-gradient(1px 1px at 20% 20%, #eef2ff, transparent), radial-gradient(1px 1px at 46% 12%, #eef2ff, transparent);
  --rw-field-css: radial-gradient(28% 36% at 78% 20%, rgba(200, 212, 255, 0.16), transparent 70%), radial-gradient(rgba(200, 212, 255, 0.10) 1px, transparent 1.6px) 0 0 / 5px 5px, radial-gradient(60% 24% at 30% 66%, rgba(42, 48, 80, 0.5), transparent 70%), radial-gradient(1px 1px at 18% 22%, rgba(238, 242, 255, 0.8), transparent), radial-gradient(1px 1px at 42% 12%, rgba(238, 242, 255, 0.7), transparent), radial-gradient(1px 1px at 60% 34%, rgba(238, 242, 255, 0.6), transparent);
  color-scheme: dark;
}

/* Bone (halloween, light): Bone paper with halftone fog and contour lines in sepia violet. */
[data-theme="bone"] {
  --rw-ground: #efe9dc;
  --rw-ground-2: #e9e2d2;
  --rw-surface-0: #e5dccb;
  --rw-surface-1: #f8f4ec;
  --rw-surface-2: #fbf8f2;
  --rw-surface-3: #fdfbf7;
  --rw-text: #221a1f;
  --rw-text-muted: #50414b;
  --rw-text-soft: #675a62;
  --rw-line: rgba(60, 40, 50, 0.12);
  --rw-line-strong: rgba(60, 40, 50, 0.24);
  --rw-line-input: #877980;
  --rw-accent: #6a2c74;
  --rw-accent-strong: #4f2257;
  --rw-accent-2: #2f6b2f;
  --rw-signal: #3fae5a;
  --rw-signal-text: #2a632a;
  --rw-action: #703093;
  --rw-action-ink: #f7eeff;
  --rw-action-light: #9554bb;
  --rw-action-press: #5c257a;
  --rw-focus: #2a632a;
  --rw-danger: #a52d1b;
  --rw-warn: #7a5200;
  --rw-ok: #2a632a;
  --rw-live: #b32a18;
  --rw-scrim: rgba(34, 26, 31, 0.42);
  --rw-glass: rgba(248, 244, 236, 0.84);
  --rw-glass-blur: 12px;
  --rw-shadow: rgba(60, 40, 30, 0.12);
  --rw-shadow-tint: rgba(90, 60, 70, 0.16);
  --rw-highlight: rgba(255, 255, 255, 0.78);
  --rw-glow: rgba(112, 48, 147, 0.18);
  --rw-selection: rgba(112, 48, 147, 0.2);
  --rw-selection-ink: #221a1f;
  --rw-border-width: 1px;
  --rw-focus-width: 3px;
  --rw-radius-scale: 0.9;
  --rw-tempo: 1.15;
  --rw-veil-strength: 0.90;
  --rw-sample: radial-gradient(circle, rgba(94, 58, 99, 0.42) 0.9px, transparent 1.3px) 0 0 / 4px 4px, radial-gradient(80% 60% at 30% 70%, rgba(239, 233, 220, 1) 30%, transparent 75%), repeating-radial-gradient(circle at 80% 110%, transparent 0 9px, rgba(94, 58, 99, 0.5) 9px 10px, transparent 10px 18px);
  --rw-field-css: radial-gradient(70% 50% at 70% 30%, rgba(94, 58, 99, 0.06), transparent 70%), radial-gradient(circle, rgba(94, 58, 99, 0.10) 1px, transparent 1.6px) 0 0 / 6px 6px, repeating-radial-gradient(circle at 80% 118%, transparent 0 46px, rgba(94, 58, 99, 0.08) 46px 48px, transparent 48px 92px);
  color-scheme: light;
}

/* High Contrast (accessibility, dark): Black and white with violet and green accents, a still field and a thick focus ring. */
[data-theme="high-contrast"] {
  --rw-ground: #000000;
  --rw-ground-2: #000000;
  --rw-surface-0: #000000;
  --rw-surface-1: #0a0a0a;
  --rw-surface-2: #141414;
  --rw-surface-3: #1c1c1c;
  --rw-text: #ffffff;
  --rw-text-muted: #e6e6e6;
  --rw-text-soft: #cfcfcf;
  --rw-line: rgba(255, 255, 255, 0.55);
  --rw-line-strong: #ffffff;
  --rw-line-input: #ffffff;
  --rw-accent: #d1a4ef;
  --rw-accent-strong: #e4c7f9;
  --rw-accent-2: #36ff84;
  --rw-signal: #36ff84;
  --rw-signal-text: #36ff84;
  --rw-action: #d1a4ef;
  --rw-action-ink: #000000;
  --rw-action-light: #e4c7f9;
  --rw-action-press: #b97ede;
  --rw-focus: #36ff84;
  --rw-danger: #ff8a80;
  --rw-warn: #ffd700;
  --rw-ok: #36ff84;
  --rw-live: #ff8a80;
  --rw-scrim: rgba(0, 0, 0, 0.88);
  --rw-glass: #000000;
  --rw-glass-blur: 0px;
  --rw-shadow: rgba(0, 0, 0, 0);
  --rw-shadow-tint: rgba(0, 0, 0, 0);
  --rw-highlight: rgba(255, 255, 255, 0);
  --rw-glow: rgba(0, 0, 0, 0);
  --rw-selection: #d1a4ef;
  --rw-selection-ink: #000000;
  --rw-border-width: 2px;
  --rw-focus-width: 4px;
  --rw-radius-scale: 0.6;
  --rw-tempo: 0.7;
  --rw-veil-strength: 1;
  --rw-sample: radial-gradient(rgba(255, 255, 255, 0.5) 1px, transparent 1.4px) 2px 2px / 8px 8px, linear-gradient(90deg, transparent 46%, #d1a4ef 46% 54%, transparent 54%) 0 0 / 100% 2px no-repeat;
  --rw-field-css: radial-gradient(rgba(255, 255, 255, 0.16) 1px, transparent 1.5px) 15px 15px / 32px 32px;
  color-scheme: dark;
}

/* Brand: RoachWares */
[data-brand="roachwares"][data-theme="kernel-night"],
[data-brand="roachwares"] [data-theme="kernel-night"],
:root[data-brand="roachwares"]:not([data-theme]) {
  --rw-signal: #8cff4f;
  --rw-signal-text: #8cff4f;
  --rw-accent-2: #8cff4f;
  --rw-focus: #8cff4f;
  --rw-ok: #8cff4f;
  --rw-ground: #030403;
  --rw-ground-2: #050705;
  --rw-surface-0: #070906;
  --rw-surface-1: #0a0d09;
  --rw-surface-2: #10140e;
  --rw-surface-3: #181d15;
  --rw-text: #f4f0dd;
  --rw-text-muted: #c4c0aa;
  --rw-text-soft: #9d9a87;
  --rw-line: rgba(244, 240, 221, 0.1);
  --rw-line-strong: rgba(244, 240, 221, 0.2);
  --rw-line-input: #77745f;
  --rw-glass: rgba(10, 13, 9, 0.74);
  --rw-shadow-tint: rgba(14, 29, 8, 0.55);
  --rw-highlight: rgba(244, 240, 221, 0.07);
  --rw-selection-ink: #f4f0dd;
  --rw-wordmark-ink: #f4f0dd;
  --rw-wordmark-accent: #8cff4f;
}
[data-brand="roachwares"][data-theme="daylight"],
[data-brand="roachwares"] [data-theme="daylight"] {
  --rw-signal: #5fd12a;
  --rw-signal-text: #2d5a12;
  --rw-accent-2: #2d5a12;
  --rw-focus: #2d5a12;
  --rw-ok: #2d5a12;
  --rw-ground: #f4f0dd;
  --rw-ground-2: #ece7cf;
  --rw-surface-0: #e8e2c9;
  --rw-surface-1: #fbf8ec;
  --rw-surface-2: #fdfbf3;
  --rw-surface-3: #ffffff;
  --rw-text: #10120c;
  --rw-text-muted: #4a4a3c;
  --rw-text-soft: #5f5e4d;
  --rw-line: rgba(16, 18, 12, 0.12);
  --rw-line-strong: rgba(16, 18, 12, 0.24);
  --rw-line-input: #82806d;
  --rw-glass: rgba(251, 248, 236, 0.84);
  --rw-shadow: rgba(16, 18, 12, 0.12);
  --rw-shadow-tint: rgba(40, 50, 20, 0.14);
  --rw-selection-ink: #10120c;
  --rw-wordmark-ink: #10120c;
  --rw-wordmark-accent: #2d5a12;
}
[data-brand="roachwares"][data-theme="phosphor"],
[data-brand="roachwares"] [data-theme="phosphor"] {
  --rw-wordmark-ink: #f4f0dd;
  --rw-wordmark-accent: #8cff4f;
}
[data-brand="roachwares"][data-theme="witchlight"],
[data-brand="roachwares"] [data-theme="witchlight"] {
  --rw-signal: #8cff4f;
  --rw-signal-text: #8cff4f;
  --rw-accent-2: #8cff4f;
  --rw-focus: #8cff4f;
  --rw-ok: #8cff4f;
  --rw-wordmark-ink: #f4f0dd;
  --rw-wordmark-accent: #8cff4f;
}
[data-brand="roachwares"][data-theme="spectral"],
[data-brand="roachwares"] [data-theme="spectral"] {
  --rw-signal: #8cff4f;
  --rw-signal-text: #8cff4f;
  --rw-accent-2: #8cff4f;
  --rw-focus: #8cff4f;
  --rw-ok: #8cff4f;
  --rw-wordmark-ink: #f4f0dd;
  --rw-wordmark-accent: #8cff4f;
}
[data-brand="roachwares"][data-theme="hollow-circuit"],
[data-brand="roachwares"] [data-theme="hollow-circuit"] {
  --rw-signal: #8cff4f;
  --rw-signal-text: #8cff4f;
  --rw-accent-2: #8cff4f;
  --rw-focus: #8cff4f;
  --rw-ok: #8cff4f;
  --rw-wordmark-ink: #f4f0dd;
  --rw-wordmark-accent: #8cff4f;
}
[data-brand="roachwares"][data-theme="moonlit"],
[data-brand="roachwares"] [data-theme="moonlit"] {
  --rw-signal: #8cff4f;
  --rw-signal-text: #8cff4f;
  --rw-accent-2: #8cff4f;
  --rw-focus: #8cff4f;
  --rw-ok: #8cff4f;
  --rw-wordmark-ink: #f4f0dd;
  --rw-wordmark-accent: #8cff4f;
}
[data-brand="roachwares"][data-theme="bone"],
[data-brand="roachwares"] [data-theme="bone"] {
  --rw-signal: #5fd12a;
  --rw-signal-text: #2d5a12;
  --rw-accent-2: #2d5a12;
  --rw-focus: #2d5a12;
  --rw-ok: #2d5a12;
  --rw-wordmark-ink: #10120c;
  --rw-wordmark-accent: #2d5a12;
}
[data-brand="roachwares"][data-theme="high-contrast"],
[data-brand="roachwares"] [data-theme="high-contrast"] {
  --rw-wordmark-ink: #f4f0dd;
  --rw-wordmark-accent: #8cff4f;
}

/* Brand: Stream */
[data-brand="stream"][data-theme="kernel-night"],
[data-brand="stream"] [data-theme="kernel-night"],
:root[data-brand="stream"]:not([data-theme]) {
  --rw-signal: #92ff51;
  --rw-signal-text: #92ff51;
  --rw-accent-2: #92ff51;
  --rw-focus: #92ff51;
  --rw-live: #ff4d3a;
}
[data-brand="stream"][data-theme="daylight"],
[data-brand="stream"] [data-theme="daylight"] {
  --rw-live: #c42a17;
}
[data-brand="stream"][data-theme="witchlight"],
[data-brand="stream"] [data-theme="witchlight"] {
  --rw-signal: #92ff51;
  --rw-signal-text: #92ff51;
  --rw-accent-2: #92ff51;
  --rw-focus: #92ff51;
  --rw-live: #ff4d3a;
}
[data-brand="stream"][data-theme="spectral"],
[data-brand="stream"] [data-theme="spectral"] {
  --rw-signal: #92ff51;
  --rw-signal-text: #92ff51;
  --rw-accent-2: #92ff51;
  --rw-focus: #92ff51;
  --rw-live: #ff4d3a;
}
[data-brand="stream"][data-theme="hollow-circuit"],
[data-brand="stream"] [data-theme="hollow-circuit"] {
  --rw-signal: #92ff51;
  --rw-signal-text: #92ff51;
  --rw-accent-2: #92ff51;
  --rw-focus: #92ff51;
  --rw-live: #ff4d3a;
}
[data-brand="stream"][data-theme="moonlit"],
[data-brand="stream"] [data-theme="moonlit"] {
  --rw-signal: #92ff51;
  --rw-signal-text: #92ff51;
  --rw-accent-2: #92ff51;
  --rw-focus: #92ff51;
  --rw-live: #ff4d3a;
}
[data-brand="stream"][data-theme="bone"],
[data-brand="stream"] [data-theme="bone"] {
  --rw-live: #c42a17;
}

/* Brand: Forge */
[data-brand="forge"][data-theme="kernel-night"],
[data-brand="forge"] [data-theme="kernel-night"],
:root[data-brand="forge"]:not([data-theme]) {
  --rw-accent-2: #ff7a3d;
  --rw-warn: #ffb347;
}
[data-brand="forge"][data-theme="daylight"],
[data-brand="forge"] [data-theme="daylight"] {
  --rw-accent-2: #a8431a;
}
[data-brand="forge"][data-theme="phosphor"],
[data-brand="forge"] [data-theme="phosphor"] {
  --rw-accent-2: #ff7a3d;
  --rw-warn: #ffb347;
}
[data-brand="forge"][data-theme="witchlight"],
[data-brand="forge"] [data-theme="witchlight"] {
  --rw-accent-2: #ff7a3d;
  --rw-warn: #ffb347;
}
[data-brand="forge"][data-theme="spectral"],
[data-brand="forge"] [data-theme="spectral"] {
  --rw-accent-2: #ff7a3d;
  --rw-warn: #ffb347;
}
[data-brand="forge"][data-theme="hollow-circuit"],
[data-brand="forge"] [data-theme="hollow-circuit"] {
  --rw-accent-2: #ff7a3d;
  --rw-warn: #ffb347;
}
[data-brand="forge"][data-theme="moonlit"],
[data-brand="forge"] [data-theme="moonlit"] {
  --rw-accent-2: #ff7a3d;
  --rw-warn: #ffb347;
}
[data-brand="forge"][data-theme="bone"],
[data-brand="forge"] [data-theme="bone"] {
  --rw-accent-2: #a8431a;
}

/* No theme attribute (no JavaScript): follow the system */
@media (prefers-color-scheme: light) {
  :root:not([data-theme]) {
    --rw-ground: #f4f5fa;
    --rw-ground-2: #eceef6;
    --rw-surface-0: #eaebf3;
    --rw-surface-1: #ffffff;
    --rw-surface-2: #ffffff;
    --rw-surface-3: #ffffff;
    --rw-text: #0e0c17;
    --rw-text-muted: #504b60;
    --rw-text-soft: #686477;
    --rw-line: rgba(30, 24, 70, 0.11);
    --rw-line-strong: rgba(30, 24, 70, 0.22);
    --rw-line-input: #858197;
    --rw-accent: #703093;
    --rw-accent-strong: #5c257a;
    --rw-accent-2: #007a39;
    --rw-signal: #2fdc72;
    --rw-signal-text: #006f34;
    --rw-action: #703093;
    --rw-action-ink: #f7eeff;
    --rw-action-light: #9554bb;
    --rw-action-press: #5c257a;
    --rw-focus: #007a39;
    --rw-danger: #b8301d;
    --rw-warn: #855700;
    --rw-ok: #006f34;
    --rw-live: #c42a17;
    --rw-scrim: rgba(14, 12, 23, 0.46);
    --rw-glass: rgba(255, 255, 255, 0.8);
    --rw-glass-blur: 14px;
    --rw-shadow: rgba(30, 24, 70, 0.1);
    --rw-shadow-tint: rgba(66, 26, 88, 0.16);
    --rw-highlight: rgba(255, 255, 255, 0.92);
    --rw-glow: rgba(149, 84, 187, 0.26);
    --rw-selection: rgba(149, 84, 187, 0.26);
    --rw-selection-ink: #0e0c17;
    --rw-border-width: 1px;
    --rw-focus-width: 3px;
    --rw-radius-scale: 1;
    --rw-tempo: 0.9;
    --rw-veil-strength: 0.88;
    --rw-sample: radial-gradient(110% 80% at 85% 0%, rgba(149, 84, 187, 0.20), transparent 60%), repeating-radial-gradient(circle at 20% 120%, transparent 0 9px, rgba(78, 75, 96, 0.45) 9px 10px, transparent 10px 18px), radial-gradient(rgba(112, 96, 150, 0.30) 0.7px, transparent 1.1px) 0 0 / 4px 4px;
    --rw-field-css: radial-gradient(90% 70% at 92% 0%, rgba(149, 84, 187, 0.12), transparent 62%), repeating-radial-gradient(circle at 18% 120%, transparent 0 46px, rgba(78, 75, 96, 0.10) 46px 48px, transparent 48px 92px), radial-gradient(rgba(112, 96, 150, 0.12) 1px, transparent 1.6px) 0 0 / 6px 6px;
    color-scheme: light;
  }
  :root[data-brand="roachwares"]:not([data-theme]) {
    --rw-signal: #5fd12a;
    --rw-signal-text: #2d5a12;
    --rw-accent-2: #2d5a12;
    --rw-focus: #2d5a12;
    --rw-ok: #2d5a12;
    --rw-ground: #f4f0dd;
    --rw-ground-2: #ece7cf;
    --rw-surface-0: #e8e2c9;
    --rw-surface-1: #fbf8ec;
    --rw-surface-2: #fdfbf3;
    --rw-surface-3: #ffffff;
    --rw-text: #10120c;
    --rw-text-muted: #4a4a3c;
    --rw-text-soft: #5f5e4d;
    --rw-line: rgba(16, 18, 12, 0.12);
    --rw-line-strong: rgba(16, 18, 12, 0.24);
    --rw-line-input: #82806d;
    --rw-glass: rgba(251, 248, 236, 0.84);
    --rw-shadow: rgba(16, 18, 12, 0.12);
    --rw-shadow-tint: rgba(40, 50, 20, 0.14);
    --rw-selection-ink: #10120c;
    --rw-wordmark-ink: #10120c;
    --rw-wordmark-accent: #2d5a12;
  }
  :root[data-brand="stream"]:not([data-theme]) {
    --rw-live: #c42a17;
  }
  :root[data-brand="forge"]:not([data-theme]) {
    --rw-accent-2: #a8431a;
  }
}
@media (prefers-contrast: more) {
  :root:not([data-theme]) {
    --rw-ground: #000000;
    --rw-ground-2: #000000;
    --rw-surface-0: #000000;
    --rw-surface-1: #0a0a0a;
    --rw-surface-2: #141414;
    --rw-surface-3: #1c1c1c;
    --rw-text: #ffffff;
    --rw-text-muted: #e6e6e6;
    --rw-text-soft: #cfcfcf;
    --rw-line: rgba(255, 255, 255, 0.55);
    --rw-line-strong: #ffffff;
    --rw-line-input: #ffffff;
    --rw-accent: #d1a4ef;
    --rw-accent-strong: #e4c7f9;
    --rw-accent-2: #36ff84;
    --rw-signal: #36ff84;
    --rw-signal-text: #36ff84;
    --rw-action: #d1a4ef;
    --rw-action-ink: #000000;
    --rw-action-light: #e4c7f9;
    --rw-action-press: #b97ede;
    --rw-focus: #36ff84;
    --rw-danger: #ff8a80;
    --rw-warn: #ffd700;
    --rw-ok: #36ff84;
    --rw-live: #ff8a80;
    --rw-scrim: rgba(0, 0, 0, 0.88);
    --rw-glass: #000000;
    --rw-glass-blur: 0px;
    --rw-shadow: rgba(0, 0, 0, 0);
    --rw-shadow-tint: rgba(0, 0, 0, 0);
    --rw-highlight: rgba(255, 255, 255, 0);
    --rw-glow: rgba(0, 0, 0, 0);
    --rw-selection: #d1a4ef;
    --rw-selection-ink: #000000;
    --rw-border-width: 2px;
    --rw-focus-width: 4px;
    --rw-radius-scale: 0.6;
    --rw-tempo: 0.7;
    --rw-veil-strength: 1;
    --rw-sample: radial-gradient(rgba(255, 255, 255, 0.5) 1px, transparent 1.4px) 2px 2px / 8px 8px, linear-gradient(90deg, transparent 46%, #d1a4ef 46% 54%, transparent 54%) 0 0 / 100% 2px no-repeat;
    --rw-field-css: radial-gradient(rgba(255, 255, 255, 0.16) 1px, transparent 1.5px) 15px 15px / 32px 32px;
    color-scheme: dark;
  }
  :root[data-brand="roachwares"]:not([data-theme]) {
    --rw-ground: #000000;
    --rw-ground-2: #000000;
    --rw-surface-0: #000000;
    --rw-surface-1: #0a0a0a;
    --rw-surface-2: #141414;
    --rw-surface-3: #1c1c1c;
    --rw-text: #ffffff;
    --rw-text-muted: #e6e6e6;
    --rw-text-soft: #cfcfcf;
    --rw-line: rgba(255, 255, 255, 0.55);
    --rw-line-strong: #ffffff;
    --rw-line-input: #ffffff;
    --rw-accent: #d1a4ef;
    --rw-accent-strong: #e4c7f9;
    --rw-accent-2: #36ff84;
    --rw-signal: #36ff84;
    --rw-signal-text: #36ff84;
    --rw-action: #d1a4ef;
    --rw-action-ink: #000000;
    --rw-action-light: #e4c7f9;
    --rw-action-press: #b97ede;
    --rw-focus: #36ff84;
    --rw-danger: #ff8a80;
    --rw-warn: #ffd700;
    --rw-ok: #36ff84;
    --rw-live: #ff8a80;
    --rw-scrim: rgba(0, 0, 0, 0.88);
    --rw-glass: #000000;
    --rw-glass-blur: 0px;
    --rw-shadow: rgba(0, 0, 0, 0);
    --rw-shadow-tint: rgba(0, 0, 0, 0);
    --rw-highlight: rgba(255, 255, 255, 0);
    --rw-glow: rgba(0, 0, 0, 0);
    --rw-selection: #d1a4ef;
    --rw-selection-ink: #000000;
    --rw-border-width: 2px;
    --rw-focus-width: 4px;
    --rw-radius-scale: 0.6;
    --rw-tempo: 0.7;
    --rw-veil-strength: 1;
    --rw-wordmark-ink: #f4f0dd;
    --rw-wordmark-accent: #8cff4f;
  }
  :root[data-brand="stream"]:not([data-theme]) {
    --rw-ground: #000000;
    --rw-ground-2: #000000;
    --rw-surface-0: #000000;
    --rw-surface-1: #0a0a0a;
    --rw-surface-2: #141414;
    --rw-surface-3: #1c1c1c;
    --rw-text: #ffffff;
    --rw-text-muted: #e6e6e6;
    --rw-text-soft: #cfcfcf;
    --rw-line: rgba(255, 255, 255, 0.55);
    --rw-line-strong: #ffffff;
    --rw-line-input: #ffffff;
    --rw-accent: #d1a4ef;
    --rw-accent-strong: #e4c7f9;
    --rw-accent-2: #36ff84;
    --rw-signal: #36ff84;
    --rw-signal-text: #36ff84;
    --rw-action: #d1a4ef;
    --rw-action-ink: #000000;
    --rw-action-light: #e4c7f9;
    --rw-action-press: #b97ede;
    --rw-focus: #36ff84;
    --rw-danger: #ff8a80;
    --rw-warn: #ffd700;
    --rw-ok: #36ff84;
    --rw-live: #ff8a80;
    --rw-scrim: rgba(0, 0, 0, 0.88);
    --rw-glass: #000000;
    --rw-glass-blur: 0px;
    --rw-shadow: rgba(0, 0, 0, 0);
    --rw-shadow-tint: rgba(0, 0, 0, 0);
    --rw-highlight: rgba(255, 255, 255, 0);
    --rw-glow: rgba(0, 0, 0, 0);
    --rw-selection: #d1a4ef;
    --rw-selection-ink: #000000;
    --rw-border-width: 2px;
    --rw-focus-width: 4px;
    --rw-radius-scale: 0.6;
    --rw-tempo: 0.7;
    --rw-veil-strength: 1;
  }
  :root[data-brand="forge"]:not([data-theme]) {
    --rw-ground: #000000;
    --rw-ground-2: #000000;
    --rw-surface-0: #000000;
    --rw-surface-1: #0a0a0a;
    --rw-surface-2: #141414;
    --rw-surface-3: #1c1c1c;
    --rw-text: #ffffff;
    --rw-text-muted: #e6e6e6;
    --rw-text-soft: #cfcfcf;
    --rw-line: rgba(255, 255, 255, 0.55);
    --rw-line-strong: #ffffff;
    --rw-line-input: #ffffff;
    --rw-accent: #d1a4ef;
    --rw-accent-strong: #e4c7f9;
    --rw-accent-2: #36ff84;
    --rw-signal: #36ff84;
    --rw-signal-text: #36ff84;
    --rw-action: #d1a4ef;
    --rw-action-ink: #000000;
    --rw-action-light: #e4c7f9;
    --rw-action-press: #b97ede;
    --rw-focus: #36ff84;
    --rw-danger: #ff8a80;
    --rw-warn: #ffd700;
    --rw-ok: #36ff84;
    --rw-live: #ff8a80;
    --rw-scrim: rgba(0, 0, 0, 0.88);
    --rw-glass: #000000;
    --rw-glass-blur: 0px;
    --rw-shadow: rgba(0, 0, 0, 0);
    --rw-shadow-tint: rgba(0, 0, 0, 0);
    --rw-highlight: rgba(255, 255, 255, 0);
    --rw-glow: rgba(0, 0, 0, 0);
    --rw-selection: #d1a4ef;
    --rw-selection-ink: #000000;
    --rw-border-width: 2px;
    --rw-focus-width: 4px;
    --rw-radius-scale: 0.6;
    --rw-tempo: 0.7;
    --rw-veil-strength: 1;
  }
}

/* The field without WebGL: the theme's still at the field's own pixel size, over its CSS composition */
.rw-field.is-still {
  background: var(--rw-still, none) 50% 0 / calc(var(--rw-still-w, 0px) * var(--rw-still-scale, 1)) calc(var(--rw-still-h, 0px) * var(--rw-still-scale, 1)) no-repeat, var(--rw-field-css), var(--rw-ground);
  image-rendering: pixelated;
  -webkit-mask-image: var(--rw-still-mask, none);
  mask-image: var(--rw-still-mask, none);
}
@media (min-width: 2561px), (min-height: 1601px) {
  .rw-field.is-still { --rw-still-scale: 1.5; }
}
@media (min-width: 3841px), (min-height: 2401px) {
  .rw-field.is-still { --rw-still-scale: 2; }
}
[data-theme="kernel-night"] .rw-field.is-still,
.rw-field.is-still[data-theme="kernel-night"],
:root:not([data-theme]) .rw-field.is-still {
  --rw-still: url("stills/kernel-night.png"); --rw-still-w: 2560px; --rw-still-h: 1600px;
}
@media (max-width: 1600px) and (max-height: 1000px) {
  [data-theme="kernel-night"] .rw-field.is-still,
  .rw-field.is-still[data-theme="kernel-night"],
  :root:not([data-theme]) .rw-field.is-still {
    --rw-still: url("stills/kernel-night-1600.png"); --rw-still-w: 1600px; --rw-still-h: 1000px;
  }
}
@media (orientation: portrait) and (max-width: 1080px) and (max-height: 1440px) {
  [data-theme="kernel-night"] .rw-field.is-still,
  .rw-field.is-still[data-theme="kernel-night"],
  :root:not([data-theme]) .rw-field.is-still {
    --rw-still: url("stills/kernel-night-portrait-1080.png"); --rw-still-w: 1080px; --rw-still-h: 1440px;
  }
}
@media (orientation: portrait) and (max-width: 480px) and (max-height: 1100px) {
  [data-theme="kernel-night"] .rw-field.is-still,
  .rw-field.is-still[data-theme="kernel-night"],
  :root:not([data-theme]) .rw-field.is-still {
    --rw-still: url("stills/kernel-night-portrait.png"); --rw-still-w: 480px; --rw-still-h: 1100px;
  }
}
[data-theme="daylight"] .rw-field.is-still,
.rw-field.is-still[data-theme="daylight"] {
  --rw-still: url("stills/daylight.png"); --rw-still-w: 2560px; --rw-still-h: 1600px;
}
@media (max-width: 1600px) and (max-height: 1000px) {
  [data-theme="daylight"] .rw-field.is-still,
  .rw-field.is-still[data-theme="daylight"] {
    --rw-still: url("stills/daylight-1600.png"); --rw-still-w: 1600px; --rw-still-h: 1000px;
  }
}
@media (orientation: portrait) and (max-width: 1080px) and (max-height: 1440px) {
  [data-theme="daylight"] .rw-field.is-still,
  .rw-field.is-still[data-theme="daylight"] {
    --rw-still: url("stills/daylight-portrait-1080.png"); --rw-still-w: 1080px; --rw-still-h: 1440px;
  }
}
@media (orientation: portrait) and (max-width: 480px) and (max-height: 1100px) {
  [data-theme="daylight"] .rw-field.is-still,
  .rw-field.is-still[data-theme="daylight"] {
    --rw-still: url("stills/daylight-portrait.png"); --rw-still-w: 480px; --rw-still-h: 1100px;
  }
}
[data-theme="phosphor"] .rw-field.is-still,
.rw-field.is-still[data-theme="phosphor"] {
  --rw-still: url("stills/phosphor.png"); --rw-still-w: 2560px; --rw-still-h: 1600px;
}
@media (max-width: 1600px) and (max-height: 1000px) {
  [data-theme="phosphor"] .rw-field.is-still,
  .rw-field.is-still[data-theme="phosphor"] {
    --rw-still: url("stills/phosphor-1600.png"); --rw-still-w: 1600px; --rw-still-h: 1000px;
  }
}
@media (orientation: portrait) and (max-width: 1080px) and (max-height: 1440px) {
  [data-theme="phosphor"] .rw-field.is-still,
  .rw-field.is-still[data-theme="phosphor"] {
    --rw-still: url("stills/phosphor-portrait-1080.png"); --rw-still-w: 1080px; --rw-still-h: 1440px;
  }
}
@media (orientation: portrait) and (max-width: 480px) and (max-height: 1100px) {
  [data-theme="phosphor"] .rw-field.is-still,
  .rw-field.is-still[data-theme="phosphor"] {
    --rw-still: url("stills/phosphor-portrait.png"); --rw-still-w: 480px; --rw-still-h: 1100px;
  }
}
[data-theme="witchlight"] .rw-field.is-still,
.rw-field.is-still[data-theme="witchlight"] {
  --rw-still: url("stills/witchlight.png"); --rw-still-w: 2560px; --rw-still-h: 1600px;
}
@media (max-width: 1600px) and (max-height: 1000px) {
  [data-theme="witchlight"] .rw-field.is-still,
  .rw-field.is-still[data-theme="witchlight"] {
    --rw-still: url("stills/witchlight-1600.png"); --rw-still-w: 1600px; --rw-still-h: 1000px;
  }
}
@media (orientation: portrait) and (max-width: 1080px) and (max-height: 1440px) {
  [data-theme="witchlight"] .rw-field.is-still,
  .rw-field.is-still[data-theme="witchlight"] {
    --rw-still: url("stills/witchlight-portrait-1080.png"); --rw-still-w: 1080px; --rw-still-h: 1440px;
  }
}
@media (orientation: portrait) and (max-width: 480px) and (max-height: 1100px) {
  [data-theme="witchlight"] .rw-field.is-still,
  .rw-field.is-still[data-theme="witchlight"] {
    --rw-still: url("stills/witchlight-portrait.png"); --rw-still-w: 480px; --rw-still-h: 1100px;
  }
}
[data-theme="spectral"] .rw-field.is-still,
.rw-field.is-still[data-theme="spectral"] {
  --rw-still: url("stills/spectral.png"); --rw-still-w: 2560px; --rw-still-h: 1600px;
}
@media (max-width: 1600px) and (max-height: 1000px) {
  [data-theme="spectral"] .rw-field.is-still,
  .rw-field.is-still[data-theme="spectral"] {
    --rw-still: url("stills/spectral-1600.png"); --rw-still-w: 1600px; --rw-still-h: 1000px;
  }
}
@media (orientation: portrait) and (max-width: 1080px) and (max-height: 1440px) {
  [data-theme="spectral"] .rw-field.is-still,
  .rw-field.is-still[data-theme="spectral"] {
    --rw-still: url("stills/spectral-portrait-1080.png"); --rw-still-w: 1080px; --rw-still-h: 1440px;
  }
}
@media (orientation: portrait) and (max-width: 480px) and (max-height: 1100px) {
  [data-theme="spectral"] .rw-field.is-still,
  .rw-field.is-still[data-theme="spectral"] {
    --rw-still: url("stills/spectral-portrait.png"); --rw-still-w: 480px; --rw-still-h: 1100px;
  }
}
[data-theme="hollow-circuit"] .rw-field.is-still,
.rw-field.is-still[data-theme="hollow-circuit"] {
  --rw-still: url("stills/hollow-circuit.png"); --rw-still-w: 2560px; --rw-still-h: 1600px;
}
@media (max-width: 1600px) and (max-height: 1000px) {
  [data-theme="hollow-circuit"] .rw-field.is-still,
  .rw-field.is-still[data-theme="hollow-circuit"] {
    --rw-still: url("stills/hollow-circuit-1600.png"); --rw-still-w: 1600px; --rw-still-h: 1000px;
  }
}
@media (orientation: portrait) and (max-width: 1080px) and (max-height: 1440px) {
  [data-theme="hollow-circuit"] .rw-field.is-still,
  .rw-field.is-still[data-theme="hollow-circuit"] {
    --rw-still: url("stills/hollow-circuit-portrait-1080.png"); --rw-still-w: 1080px; --rw-still-h: 1440px;
  }
}
@media (orientation: portrait) and (max-width: 480px) and (max-height: 1100px) {
  [data-theme="hollow-circuit"] .rw-field.is-still,
  .rw-field.is-still[data-theme="hollow-circuit"] {
    --rw-still: url("stills/hollow-circuit-portrait.png"); --rw-still-w: 480px; --rw-still-h: 1100px;
  }
}
[data-theme="moonlit"] .rw-field.is-still,
.rw-field.is-still[data-theme="moonlit"] {
  --rw-still: url("stills/moonlit.png"); --rw-still-w: 2560px; --rw-still-h: 1600px;
}
@media (max-width: 1600px) and (max-height: 1000px) {
  [data-theme="moonlit"] .rw-field.is-still,
  .rw-field.is-still[data-theme="moonlit"] {
    --rw-still: url("stills/moonlit-1600.png"); --rw-still-w: 1600px; --rw-still-h: 1000px;
  }
}
@media (orientation: portrait) and (max-width: 1080px) and (max-height: 1440px) {
  [data-theme="moonlit"] .rw-field.is-still,
  .rw-field.is-still[data-theme="moonlit"] {
    --rw-still: url("stills/moonlit-portrait-1080.png"); --rw-still-w: 1080px; --rw-still-h: 1440px;
  }
}
@media (orientation: portrait) and (max-width: 480px) and (max-height: 1100px) {
  [data-theme="moonlit"] .rw-field.is-still,
  .rw-field.is-still[data-theme="moonlit"] {
    --rw-still: url("stills/moonlit-portrait.png"); --rw-still-w: 480px; --rw-still-h: 1100px;
  }
}
[data-theme="bone"] .rw-field.is-still,
.rw-field.is-still[data-theme="bone"] {
  --rw-still: url("stills/bone.png"); --rw-still-w: 2560px; --rw-still-h: 1600px;
}
@media (max-width: 1600px) and (max-height: 1000px) {
  [data-theme="bone"] .rw-field.is-still,
  .rw-field.is-still[data-theme="bone"] {
    --rw-still: url("stills/bone-1600.png"); --rw-still-w: 1600px; --rw-still-h: 1000px;
  }
}
@media (orientation: portrait) and (max-width: 1080px) and (max-height: 1440px) {
  [data-theme="bone"] .rw-field.is-still,
  .rw-field.is-still[data-theme="bone"] {
    --rw-still: url("stills/bone-portrait-1080.png"); --rw-still-w: 1080px; --rw-still-h: 1440px;
  }
}
@media (orientation: portrait) and (max-width: 480px) and (max-height: 1100px) {
  [data-theme="bone"] .rw-field.is-still,
  .rw-field.is-still[data-theme="bone"] {
    --rw-still: url("stills/bone-portrait.png"); --rw-still-w: 480px; --rw-still-h: 1100px;
  }
}
[data-theme="high-contrast"] .rw-field.is-still,
.rw-field.is-still[data-theme="high-contrast"] {
  --rw-still: url("stills/high-contrast.png"); --rw-still-w: 2560px; --rw-still-h: 1600px;
}
@media (max-width: 1600px) and (max-height: 1000px) {
  [data-theme="high-contrast"] .rw-field.is-still,
  .rw-field.is-still[data-theme="high-contrast"] {
    --rw-still: url("stills/high-contrast-1600.png"); --rw-still-w: 1600px; --rw-still-h: 1000px;
  }
}
@media (orientation: portrait) and (max-width: 1080px) and (max-height: 1440px) {
  [data-theme="high-contrast"] .rw-field.is-still,
  .rw-field.is-still[data-theme="high-contrast"] {
    --rw-still: url("stills/high-contrast-portrait-1080.png"); --rw-still-w: 1080px; --rw-still-h: 1440px;
  }
}
@media (orientation: portrait) and (max-width: 480px) and (max-height: 1100px) {
  [data-theme="high-contrast"] .rw-field.is-still,
  .rw-field.is-still[data-theme="high-contrast"] {
    --rw-still: url("stills/high-contrast-portrait.png"); --rw-still-w: 480px; --rw-still-h: 1100px;
  }
}
.rw-field.is-still[data-composition="roachnet"] {
  --rw-still-mask: radial-gradient(ellipse 30% 24% at 36% 44%, rgba(0, 0, 0, 0.28) 55%, #000 100%);
}
.rw-field.is-still[data-composition="docs"] {
  --rw-still-mask: radial-gradient(ellipse 30% 70% at 50% 50%, rgba(0, 0, 0, 0.08) 70%, #000 100%);
}
.rw-field.is-still[data-composition="apps"] {
  --rw-still-mask: radial-gradient(ellipse 42% 16% at 50% 30%, rgba(0, 0, 0, 0.4) 55%, #000 100%);
}
.rw-field.is-still[data-composition="accounts"] {
  --rw-still-mask: radial-gradient(ellipse 22% 34% at 50% 50%, rgba(0, 0, 0, 0.04) 70%, #000 100%);
}
.rw-field.is-still[data-composition="claw"] {
  --rw-still-mask: radial-gradient(ellipse 26% 80% at 50% 50%, rgba(0, 0, 0, 0.1) 70%, #000 100%);
}
.rw-field.is-still[data-composition="roachwares"] {
  --rw-still-mask: radial-gradient(ellipse 30% 22% at 34% 42%, rgba(0, 0, 0, 0.3) 55%, #000 100%);
}
.rw-field.is-still[data-composition="stream"] {
  --rw-still-mask: radial-gradient(ellipse 36% 30% at 50% 44%, rgba(0, 0, 0, 0.05) 70%, #000 100%);
}
.rw-field.is-still[data-composition="forge"] {
  --rw-still-mask: radial-gradient(ellipse 32% 26% at 50% 42%, rgba(0, 0, 0, 0.3) 55%, #000 100%);
}