*,
*::before,
*::after {
    box-sizing: border-box;
}

:root {
    --brave-ui-font-family: "Brave Plex Mono", ui-monospace, "SFMono-Regular", "Menlo", monospace;
    --brave-body-font-family: var(--brave-ui-font-family);
    --brave-dialogue-font-family: var(--brave-body-font-family);
    --brave-mono-font-family: var(--brave-ui-font-family);
    --brave-font-family: var(--brave-ui-font-family);
    --brave-letter-spacing: 0.01em;
    --brave-body-letter-spacing: var(--brave-letter-spacing);
    --brave-dialogue-letter-spacing: var(--brave-body-letter-spacing);
    --brave-text-scale: 1;
    --brave-font-size-scale: 1;
    --brave-pack-rail-width: var(--brave-map-size);
    --brave-card-width: 304px;
    --brave-map-size: 304px;
    --brave-rail-column-width: max(var(--brave-pack-rail-width), var(--brave-card-width));
    --brave-rail-right-width: var(--brave-rail-column-width);
    --brave-rail-width: calc((var(--brave-rail-column-width) * 2) + var(--brave-rail-gap));
    --brave-rail-offset: 34px;
    --brave-rail-gap: 14px;
    --brave-radius-panel: 24px;
    --brave-radius-card: 20px;
    --brave-radius-card-tight: 16px;
    --brave-radius-control: 16px;
    --brave-radius-pill: 999px;
    --brave-text-glow: none;
    --brave-bg-top: #14211b;
    --brave-bg-bottom: #0b120f;
    --brave-bg-floor: #101914;
    --brave-panel: rgba(16, 24, 20, 0.94);
    --brave-panel-soft: rgba(21, 31, 25, 0.86);
    --brave-panel-deep: rgba(10, 15, 12, 0.97);
    --brave-border: rgba(214, 178, 109, 0.2);
    --brave-border-strong: rgba(224, 194, 135, 0.48);
    --brave-text: #efe5d2;
    --brave-text-soft: #c8bca3;
    --brave-text-dim: #a8997a;
    --brave-accent: #d8a35a;
    --brave-accent-deep: #8d6030;
    --brave-accent-rgb: 216, 163, 90;
    --brave-accent-mid: #9b6832;
    --brave-accent-dark: #7d5128;
    --brave-accent-contrast: #1d1408;
    --brave-good: #8abf97;
    --brave-bad: #d58a76;
    --brave-text-bright: #fff4df;
    --brave-text-brighter: #fff8eb;
    --brave-link: #f2c57f;
    --brave-prompt: #f2d6a4;
    --brave-bg-warm-glow: rgba(151, 109, 52, 0.18);
    --brave-bg-cool-glow: rgba(70, 103, 79, 0.16);
    --brave-overlay-sheen: rgba(255, 255, 255, 0.035);
    --brave-overlay-warm: rgba(216, 163, 90, 0.08);
    --brave-overlay-cool: rgba(104, 141, 116, 0.07);
    --brave-world-surface-tint: rgba(var(--brave-accent-rgb), 0.06);
    --brave-world-surface-tint-soft: rgba(var(--brave-accent-rgb), 0.035);
    --brave-world-surface-tint-strong: rgba(var(--brave-accent-rgb), 0.11);
    --brave-world-line: rgba(var(--brave-accent-rgb), 0.16);
    --brave-state-surface-tint: transparent;
    --brave-state-surface-tint-soft: transparent;
    --brave-surface-top: rgba(26, 37, 31, 0.97);
    --brave-surface-bottom: rgba(11, 16, 13, 0.98);
    --brave-surface-soft-top: rgba(30, 44, 35, 0.98);
    --brave-surface-soft-bottom: rgba(10, 15, 12, 0.99);
    --brave-surface-well-top: rgba(21, 31, 25, 0.95);
    --brave-surface-well-bottom: rgba(10, 15, 12, 0.985);
    --brave-surface-deep-top: rgba(16, 23, 19, 0.98);
    --brave-surface-deep-bottom: rgba(7, 10, 8, 0.99);
    --brave-room-safe-top: color-mix(in srgb, var(--brave-world-surface-tint-strong) 92%, rgba(26, 37, 31, 0.7));
    --brave-room-safe-bottom: color-mix(in srgb, var(--brave-world-surface-tint-soft) 82%, rgba(11, 16, 13, 0.6));
    --brave-room-safe-border: rgba(var(--brave-accent-rgb), 0.18);
    --brave-room-safe-accent: color-mix(in srgb, var(--brave-accent) 42%, var(--brave-text-soft));
    --brave-room-safe-rule: rgba(var(--brave-accent-rgb), 0.24);
    --brave-room-safe-icon: color-mix(in srgb, var(--brave-accent) 66%, var(--brave-text-bright));
    --brave-room-danger-top: rgba(43, 33, 31, 0.62);
    --brave-room-danger-bottom: rgba(17, 13, 12, 0.56);
    --brave-room-danger-border: rgba(213, 138, 118, 0.16);
    --brave-room-danger-accent: #d7b0a1;
    --brave-room-danger-rule: rgba(213, 138, 118, 0.22);
    --brave-room-danger-icon: #dc957f;
    --brave-shadow: 0 18px 45px rgba(0, 0, 0, 0.34);
}

body[data-brave-theme="hearth"] {
    --brave-radius-panel: 26px;
    --brave-radius-card: 22px;
    --brave-radius-card-tight: 18px;
    --brave-radius-control: 18px;
    --brave-bg-top: #14110f;
    --brave-bg-bottom: #050404;
    --brave-bg-floor: #0e0b09;
    --brave-panel: rgba(20, 17, 14, 0.95);
    --brave-panel-soft: rgba(28, 23, 19, 0.88);
    --brave-panel-deep: rgba(8, 7, 6, 0.98);
    --brave-border: rgba(222, 183, 116, 0.18);
    --brave-border-strong: rgba(236, 203, 145, 0.42);
    --brave-text: #f1ebe0;
    --brave-text-soft: #d3c7b7;
    --brave-text-dim: #a99881;
    --brave-text-bright: #fff9ef;
    --brave-text-brighter: #fffdf8;
    --brave-overlay-sheen: rgba(255, 245, 221, 0.05);
    --brave-overlay-warm: rgba(216, 163, 90, 0.12);
    --brave-overlay-cool: rgba(92, 123, 102, 0.05);
    --brave-surface-top: rgba(28, 23, 19, 0.97);
    --brave-surface-bottom: rgba(8, 7, 6, 0.99);
    --brave-surface-soft-top: rgba(33, 27, 22, 0.98);
    --brave-surface-soft-bottom: rgba(10, 8, 7, 0.99);
    --brave-surface-well-top: rgba(24, 20, 17, 0.96);
    --brave-surface-well-bottom: rgba(8, 7, 5, 0.99);
    --brave-surface-deep-top: rgba(17, 14, 12, 0.98);
    --brave-surface-deep-bottom: rgba(6, 5, 4, 0.995);
    --brave-text-glow: none;
    --brave-shadow: 0 20px 48px rgba(0, 0, 0, 0.36);
}

body[data-brave-theme="signalglass"] {
    --brave-radius-panel: 8px;
    --brave-radius-card: 6px;
    --brave-radius-card-tight: 4px;
    --brave-radius-control: 5px;
    --brave-bg-top: #040607;
    --brave-bg-bottom: #010101;
    --brave-bg-floor: #060809;
    --brave-panel: rgba(5, 8, 8, 0.96);
    --brave-panel-soft: rgba(8, 12, 12, 0.9);
    --brave-panel-deep: rgba(1, 2, 2, 0.99);
    --brave-border: rgba(223, 240, 235, 0.09);
    --brave-border-strong: rgba(240, 250, 247, 0.18);
    --brave-text: #d6e6df;
    --brave-text-soft: #b1c3bc;
    --brave-text-dim: #7e938c;
    --brave-text-bright: #f0fffb;
    --brave-text-brighter: #f7fffc;
    --brave-overlay-sheen: rgba(255, 255, 255, 0.02);
    --brave-overlay-warm: rgba(216, 163, 90, 0.04);
    --brave-overlay-cool: rgba(101, 141, 130, 0.07);
    --brave-surface-top: rgba(8, 11, 11, 0.985);
    --brave-surface-bottom: rgba(2, 3, 3, 0.995);
    --brave-surface-soft-top: rgba(10, 14, 14, 0.985);
    --brave-surface-soft-bottom: rgba(2, 3, 3, 0.995);
    --brave-surface-well-top: rgba(7, 10, 10, 0.985);
    --brave-surface-well-bottom: rgba(1, 2, 2, 0.997);
    --brave-surface-deep-top: rgba(4, 6, 6, 0.99);
    --brave-surface-deep-bottom: rgba(0, 1, 1, 1);
    --brave-text-glow: 0 0 0.4rem rgba(var(--brave-accent-rgb), 0.16);
    --brave-shadow: 0 18px 42px rgba(0, 0, 0, 0.52);
}

body[data-brave-theme="terminal"] {
    --brave-radius-panel: 0px;
    --brave-radius-card: 0px;
    --brave-radius-card-tight: 0px;
    --brave-radius-control: 0px;
    --brave-bg-top: #080b0d;
    --brave-bg-bottom: #030405;
    --brave-bg-floor: #040506;
    --brave-bg-warm-glow: transparent;
    --brave-bg-cool-glow: transparent;
    --brave-panel: rgba(5, 7, 8, 0.3);
    --brave-panel-soft: rgba(8, 10, 11, 0.22);
    --brave-panel-deep: rgba(2, 3, 4, 0.18);
    --brave-border: rgba(231, 238, 236, 0.08);
    --brave-border-strong: rgba(239, 244, 242, 0.14);
    --brave-text: #d9e2de;
    --brave-text-soft: #b5c3bd;
    --brave-text-dim: #82918b;
    --brave-text-bright: #f2f7f4;
    --brave-text-brighter: #fbfffd;
    --brave-overlay-sheen: transparent;
    --brave-overlay-warm: transparent;
    --brave-overlay-cool: transparent;
    --brave-surface-top: rgba(5, 7, 8, 0.18);
    --brave-surface-bottom: rgba(2, 3, 4, 0.08);
    --brave-surface-soft-top: rgba(6, 8, 9, 0.16);
    --brave-surface-soft-bottom: rgba(2, 3, 4, 0.06);
    --brave-surface-well-top: rgba(5, 7, 8, 0.14);
    --brave-surface-well-bottom: rgba(2, 3, 4, 0.05);
    --brave-surface-deep-top: rgba(4, 5, 6, 0.12);
    --brave-surface-deep-bottom: rgba(2, 3, 4, 0.04);
    --brave-text-glow: 0 0 0.28rem rgba(var(--brave-accent-rgb), 0.08);
    --brave-shadow: none;
}

body[data-brave-theme="campfire"] {
    --brave-radius-panel: 22px;
    --brave-radius-card: 18px;
    --brave-radius-card-tight: 16px;
    --brave-radius-control: 18px;
    --brave-bg-top: #13100d;
    --brave-bg-bottom: #050403;
    --brave-bg-floor: #0d0a08;
    --brave-panel: rgba(18, 16, 14, 0.92);
    --brave-panel-soft: rgba(25, 22, 19, 0.84);
    --brave-panel-deep: rgba(7, 6, 5, 0.96);
    --brave-border: rgba(220, 180, 112, 0.16);
    --brave-border-strong: rgba(240, 206, 150, 0.34);
    --brave-text: #f1e9dc;
    --brave-text-soft: #d4c6b3;
    --brave-text-dim: #ab9982;
    --brave-text-bright: #fff8ee;
    --brave-text-brighter: #fffdf7;
    --brave-overlay-sheen: rgba(255, 238, 213, 0.035);
    --brave-overlay-warm: rgba(216, 163, 90, 0.09);
    --brave-overlay-cool: rgba(83, 105, 93, 0.05);
    --brave-surface-top: rgba(27, 24, 21, 0.9);
    --brave-surface-bottom: rgba(8, 7, 6, 0.95);
    --brave-surface-soft-top: rgba(33, 29, 25, 0.9);
    --brave-surface-soft-bottom: rgba(9, 8, 7, 0.96);
    --brave-surface-well-top: rgba(24, 21, 18, 0.88);
    --brave-surface-well-bottom: rgba(7, 6, 5, 0.96);
    --brave-surface-deep-top: rgba(16, 14, 12, 0.9);
    --brave-surface-deep-bottom: rgba(5, 4, 4, 0.98);
    --brave-text-glow: 0 0 0.5rem rgba(var(--brave-accent-rgb), 0.1);
    --brave-shadow: 0 22px 50px rgba(0, 0, 0, 0.38);
}

body[data-brave-theme="journal"] {
    --brave-radius-panel: 12px;
    --brave-radius-card: 10px;
    --brave-radius-card-tight: 8px;
    --brave-radius-control: 10px;
    --brave-bg-top: #ece3ce;
    --brave-bg-bottom: #dccfaf;
    --brave-bg-floor: #e5d8bb;
    --brave-panel: rgba(247, 241, 228, 0.96);
    --brave-panel-soft: rgba(242, 234, 218, 0.92);
    --brave-panel-deep: rgba(230, 220, 199, 0.98);
    --brave-border: rgba(100, 76, 43, 0.18);
    --brave-border-strong: rgba(113, 86, 50, 0.3);
    --brave-text: #2a1f14;
    --brave-text-soft: #4d4030;
    --brave-text-dim: #736552;
    --brave-text-bright: #120d06;
    --brave-text-brighter: #090603;
    --brave-overlay-sheen: rgba(255, 255, 255, 0.22);
    --brave-overlay-warm: rgba(168, 130, 72, 0.07);
    --brave-overlay-cool: rgba(106, 125, 113, 0.05);
    --brave-surface-top: rgba(250, 244, 230, 0.98);
    --brave-surface-bottom: rgba(237, 228, 209, 0.97);
    --brave-surface-soft-top: rgba(248, 240, 224, 0.98);
    --brave-surface-soft-bottom: rgba(233, 222, 202, 0.97);
    --brave-surface-well-top: rgba(244, 236, 219, 0.98);
    --brave-surface-well-bottom: rgba(230, 220, 199, 0.98);
    --brave-surface-deep-top: rgba(239, 229, 208, 0.98);
    --brave-surface-deep-bottom: rgba(222, 210, 187, 0.99);
    --brave-text-glow: none;
    --brave-shadow: 0 12px 28px rgba(100, 76, 43, 0.14);
}

body[data-brave-theme="atlas"] {
    --brave-radius-panel: 14px;
    --brave-radius-card: 12px;
    --brave-radius-card-tight: 10px;
    --brave-radius-control: 10px;
    --brave-bg-top: #0d1114;
    --brave-bg-bottom: #040507;
    --brave-bg-floor: #090b0d;
    --brave-panel: rgba(12, 15, 18, 0.95);
    --brave-panel-soft: rgba(16, 20, 24, 0.88);
    --brave-panel-deep: rgba(5, 7, 9, 0.99);
    --brave-border: rgba(188, 202, 214, 0.12);
    --brave-border-strong: rgba(213, 224, 232, 0.22);
    --brave-text: #edf1f5;
    --brave-text-soft: #c5ced6;
    --brave-text-dim: #94a0ab;
    --brave-text-bright: #fbfdff;
    --brave-text-brighter: #ffffff;
    --brave-overlay-sheen: rgba(255, 255, 255, 0.025);
    --brave-overlay-warm: rgba(216, 163, 90, 0.03);
    --brave-overlay-cool: rgba(102, 126, 151, 0.08);
    --brave-surface-top: rgba(17, 21, 25, 0.97);
    --brave-surface-bottom: rgba(7, 9, 11, 0.995);
    --brave-surface-soft-top: rgba(21, 26, 31, 0.98);
    --brave-surface-soft-bottom: rgba(8, 10, 12, 0.995);
    --brave-surface-well-top: rgba(16, 20, 24, 0.97);
    --brave-surface-well-bottom: rgba(6, 8, 10, 0.995);
    --brave-surface-deep-top: rgba(11, 14, 17, 0.98);
    --brave-surface-deep-bottom: rgba(4, 5, 7, 1);
    --brave-text-glow: none;
    --brave-shadow: 0 18px 40px rgba(0, 0, 0, 0.42);
}

body[data-brave-world-tone="neutral"] {
    --brave-accent: #b58b57;
    --brave-accent-deep: #815d36;
    --brave-accent-rgb: 181, 139, 87;
    --brave-accent-mid: #95683e;
    --brave-accent-dark: #6c4a2b;
    --brave-link: #d0ab75;
    --brave-prompt: #d8ba8d;
    --brave-bg-warm-glow: rgba(120, 92, 56, 0.13);
    --brave-bg-cool-glow: rgba(92, 108, 96, 0.11);
    --brave-world-surface-tint: rgba(var(--brave-accent-rgb), 0.05);
    --brave-world-surface-tint-soft: rgba(var(--brave-accent-rgb), 0.03);
    --brave-world-surface-tint-strong: rgba(var(--brave-accent-rgb), 0.09);
}

body[data-brave-world-tone="brambleford"] {
    --brave-accent: #e0b371;
    --brave-accent-deep: #9b6d35;
    --brave-accent-rgb: 224, 179, 113;
    --brave-accent-mid: #b98343;
    --brave-accent-dark: #82562b;
    --brave-link: #edd09a;
    --brave-prompt: #ebd1a2;
    --brave-bg-top: #1b140f;
    --brave-bg-bottom: #0c0907;
    --brave-bg-floor: #120d0a;
    --brave-bg-warm-glow: rgba(206, 153, 84, 0.3);
    --brave-bg-cool-glow: rgba(96, 128, 101, 0.12);
    --brave-world-surface-tint: rgba(var(--brave-accent-rgb), 0.1);
    --brave-world-surface-tint-soft: rgba(var(--brave-accent-rgb), 0.065);
    --brave-world-surface-tint-strong: rgba(var(--brave-accent-rgb), 0.155);
    --brave-world-line: rgba(var(--brave-accent-rgb), 0.21);
    --brave-surface-top: rgba(40, 30, 22, 0.94);
    --brave-surface-bottom: rgba(14, 10, 8, 0.92);
    --brave-surface-soft-top: rgba(48, 36, 26, 0.94);
    --brave-surface-soft-bottom: rgba(15, 10, 8, 0.92);
    --brave-surface-well-top: rgba(36, 28, 21, 0.9);
    --brave-surface-well-bottom: rgba(13, 10, 7, 0.88);
    --brave-surface-deep-top: rgba(27, 20, 14, 0.84);
    --brave-surface-deep-bottom: rgba(11, 8, 6, 0.8);
    --brave-room-safe-top: color-mix(in srgb, var(--brave-world-surface-tint-strong) 100%, rgba(74, 51, 24, 0.72));
    --brave-room-safe-bottom: color-mix(in srgb, var(--brave-world-surface-tint-soft) 96%, rgba(24, 16, 10, 0.62));
    --brave-room-safe-border: rgba(var(--brave-accent-rgb), 0.28);
    --brave-room-safe-accent: color-mix(in srgb, var(--brave-accent) 68%, var(--brave-text-bright));
    --brave-room-safe-rule: rgba(var(--brave-accent-rgb), 0.38);
    --brave-room-safe-icon: color-mix(in srgb, var(--brave-accent) 88%, var(--brave-text-bright));
}

body[data-brave-world-tone="goblinroad"] {
    --brave-accent: #c67a4d;
    --brave-accent-deep: #88472b;
    --brave-accent-rgb: 198, 122, 77;
    --brave-accent-mid: #9b5f36;
    --brave-accent-dark: #6e4122;
    --brave-link: #d9966e;
    --brave-prompt: #d9a278;
    --brave-bg-warm-glow: rgba(157, 84, 47, 0.2);
    --brave-bg-cool-glow: rgba(102, 82, 58, 0.1);
    --brave-world-surface-tint: rgba(var(--brave-accent-rgb), 0.085);
    --brave-world-surface-tint-soft: rgba(var(--brave-accent-rgb), 0.05);
    --brave-world-surface-tint-strong: rgba(var(--brave-accent-rgb), 0.13);
    --brave-room-danger-top: rgba(55, 34, 26, 0.66);
    --brave-room-danger-bottom: rgba(22, 13, 10, 0.58);
    --brave-room-danger-border: rgba(198, 122, 77, 0.2);
    --brave-room-danger-accent: #ddb192;
    --brave-room-danger-rule: rgba(198, 122, 77, 0.24);
    --brave-room-danger-icon: #d98f66;
}

body[data-brave-world-tone="woods"] {
    --brave-accent: #78b49a;
    --brave-accent-deep: #3f6c5a;
    --brave-accent-rgb: 120, 180, 154;
    --brave-accent-mid: #5f917b;
    --brave-accent-dark: #416556;
    --brave-link: #96ceb5;
    --brave-prompt: #a8d3c0;
    --brave-bg-warm-glow: rgba(71, 120, 99, 0.12);
    --brave-bg-cool-glow: rgba(68, 108, 116, 0.18);
    --brave-world-surface-tint: rgba(var(--brave-accent-rgb), 0.08);
    --brave-world-surface-tint-soft: rgba(var(--brave-accent-rgb), 0.048);
    --brave-world-surface-tint-strong: rgba(var(--brave-accent-rgb), 0.125);
    --brave-room-danger-top: rgba(27, 42, 37, 0.68);
    --brave-room-danger-bottom: rgba(11, 19, 18, 0.6);
    --brave-room-danger-border: rgba(120, 180, 154, 0.18);
    --brave-room-danger-accent: #b6d8cc;
    --brave-room-danger-rule: rgba(120, 180, 154, 0.22);
    --brave-room-danger-icon: #93ccb3;
}

body[data-brave-world-tone="oldbarrow"] {
    --brave-accent: #b6b0a1;
    --brave-accent-deep: #726c61;
    --brave-accent-rgb: 182, 176, 161;
    --brave-accent-mid: #8c8778;
    --brave-accent-dark: #646052;
    --brave-link: #cbc5b5;
    --brave-prompt: #d7d1c1;
    --brave-bg-warm-glow: rgba(132, 127, 114, 0.1);
    --brave-bg-cool-glow: rgba(83, 95, 106, 0.16);
    --brave-world-surface-tint: rgba(var(--brave-accent-rgb), 0.07);
    --brave-world-surface-tint-soft: rgba(var(--brave-accent-rgb), 0.038);
    --brave-world-surface-tint-strong: rgba(var(--brave-accent-rgb), 0.1);
    --brave-room-danger-top: rgba(39, 38, 39, 0.68);
    --brave-room-danger-bottom: rgba(16, 16, 18, 0.62);
    --brave-room-danger-border: rgba(182, 176, 161, 0.18);
    --brave-room-danger-accent: #d7d2c5;
    --brave-room-danger-rule: rgba(182, 176, 161, 0.22);
    --brave-room-danger-icon: #c7c0b0;
}

body[data-brave-world-tone="watchtower"] {
    --brave-accent: #b07a57;
    --brave-accent-deep: #774b31;
    --brave-accent-rgb: 176, 122, 87;
    --brave-accent-mid: #8f5d3c;
    --brave-accent-dark: #66412b;
    --brave-link: #cb9b79;
    --brave-prompt: #d5b08e;
    --brave-bg-warm-glow: rgba(131, 87, 57, 0.16);
    --brave-bg-cool-glow: rgba(88, 83, 77, 0.13);
    --brave-world-surface-tint: rgba(var(--brave-accent-rgb), 0.075);
    --brave-world-surface-tint-soft: rgba(var(--brave-accent-rgb), 0.043);
    --brave-world-surface-tint-strong: rgba(var(--brave-accent-rgb), 0.11);
}

body[data-brave-world-tone="warrens"] {
    --brave-accent: #c88d43;
    --brave-accent-deep: #83551e;
    --brave-accent-rgb: 200, 141, 67;
    --brave-accent-mid: #9c6a2a;
    --brave-accent-dark: #744b1d;
    --brave-link: #dfae67;
    --brave-prompt: #e1bb82;
    --brave-bg-warm-glow: rgba(145, 92, 31, 0.19);
    --brave-bg-cool-glow: rgba(93, 84, 39, 0.1);
    --brave-world-surface-tint: rgba(var(--brave-accent-rgb), 0.085);
    --brave-world-surface-tint-soft: rgba(var(--brave-accent-rgb), 0.052);
    --brave-world-surface-tint-strong: rgba(var(--brave-accent-rgb), 0.13);
}

body[data-brave-world-tone="blackfen"] {
    --brave-accent: #6fa278;
    --brave-accent-deep: #3d6447;
    --brave-accent-rgb: 111, 162, 120;
    --brave-accent-mid: #57845f;
    --brave-accent-dark: #3d6044;
    --brave-link: #8bbd94;
    --brave-prompt: #9bc3a2;
    --brave-bg-warm-glow: rgba(66, 104, 61, 0.12);
    --brave-bg-cool-glow: rgba(58, 101, 74, 0.19);
    --brave-world-surface-tint: rgba(var(--brave-accent-rgb), 0.082);
    --brave-world-surface-tint-soft: rgba(var(--brave-accent-rgb), 0.05);
    --brave-world-surface-tint-strong: rgba(var(--brave-accent-rgb), 0.128);
    --brave-room-danger-top: rgba(24, 42, 29, 0.68);
    --brave-room-danger-bottom: rgba(10, 18, 13, 0.62);
    --brave-room-danger-border: rgba(111, 162, 120, 0.18);
    --brave-room-danger-accent: #bdd5c0;
    --brave-room-danger-rule: rgba(111, 162, 120, 0.22);
    --brave-room-danger-icon: #8cc196;
}

body[data-brave-world-tone="drownedweir"] {
    --brave-accent: #7ebbc5;
    --brave-accent-deep: #3d6e7b;
    --brave-accent-rgb: 126, 187, 197;
    --brave-accent-mid: #5d94a0;
    --brave-accent-dark: #416774;
    --brave-link: #9fd0d7;
    --brave-prompt: #b0d9df;
    --brave-bg-warm-glow: rgba(77, 120, 125, 0.1);
    --brave-bg-cool-glow: rgba(45, 90, 116, 0.22);
    --brave-world-surface-tint: rgba(var(--brave-accent-rgb), 0.082);
    --brave-world-surface-tint-soft: rgba(var(--brave-accent-rgb), 0.05);
    --brave-world-surface-tint-strong: rgba(var(--brave-accent-rgb), 0.126);
    --brave-room-danger-top: rgba(20, 34, 42, 0.72);
    --brave-room-danger-bottom: rgba(8, 13, 19, 0.66);
    --brave-room-danger-border: rgba(126, 187, 197, 0.2);
    --brave-room-danger-accent: #c6e0e4;
    --brave-room-danger-rule: rgba(126, 187, 197, 0.24);
    --brave-room-danger-icon: #9cd5dd;
}

body[data-brave-world-tone="nexus"] {
    --brave-accent: #7cb7d7;
    --brave-accent-deep: #476d8d;
    --brave-accent-rgb: 124, 183, 215;
    --brave-accent-mid: #5d8fac;
    --brave-accent-dark: #446780;
    --brave-link: #9dcceb;
    --brave-prompt: #b4d6ea;
    --brave-bg-warm-glow: rgba(92, 133, 171, 0.14);
    --brave-bg-cool-glow: rgba(65, 96, 147, 0.18);
    --brave-world-surface-tint: rgba(var(--brave-accent-rgb), 0.085);
    --brave-world-surface-tint-soft: rgba(var(--brave-accent-rgb), 0.052);
    --brave-world-surface-tint-strong: rgba(var(--brave-accent-rgb), 0.13);
}

body[data-brave-world-tone="junkyard"] {
    --brave-accent: #dd8f52;
    --brave-accent-deep: #8d532a;
    --brave-accent-rgb: 221, 143, 82;
    --brave-accent-mid: #af6e37;
    --brave-accent-dark: #7a4b26;
    --brave-link: #f0b276;
    --brave-prompt: #efc18f;
    --brave-bg-warm-glow: rgba(178, 105, 46, 0.2);
    --brave-bg-cool-glow: rgba(58, 118, 132, 0.18);
    --brave-world-surface-tint: rgba(var(--brave-accent-rgb), 0.09);
    --brave-world-surface-tint-soft: rgba(var(--brave-accent-rgb), 0.056);
    --brave-world-surface-tint-strong: rgba(var(--brave-accent-rgb), 0.135);
}

body[data-brave-world-tone="portal"] {
    --brave-accent: #9ab8da;
    --brave-accent-deep: #5b7596;
    --brave-accent-rgb: 154, 184, 218;
    --brave-accent-mid: #738eb0;
    --brave-accent-dark: #556783;
    --brave-link: #b8d0ea;
    --brave-prompt: #c8d9ea;
    --brave-bg-warm-glow: rgba(98, 128, 166, 0.15);
    --brave-bg-cool-glow: rgba(72, 103, 149, 0.16);
    --brave-world-surface-tint: rgba(var(--brave-accent-rgb), 0.085);
    --brave-world-surface-tint-soft: rgba(var(--brave-accent-rgb), 0.05);
    --brave-world-surface-tint-strong: rgba(var(--brave-accent-rgb), 0.13);
}

.ra {
    display: inline-block;
    font-size: 1rem;
    line-height: 1;
    vertical-align: middle;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@font-face {
    font-family: "Brave Plex Mono";
    src: url("../fonts/IBMPlexMono-Regular.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "Brave DejaVu Sans Mono";
    src: url("../fonts/DejaVuSansMono.woff") format("woff");
    font-display: swap;
}

@font-face {
    font-family: "Brave Ubuntu Mono";
    src: url("../fonts/UbuntuMono.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "Brave VT323";
    src: url("../fonts/VT323-Regular.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "Brave Anonymous Pro";
    src: url("../fonts/AnonymousPro-Regular.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "Brave Fira Mono";
    src: url("../fonts/FiraMono-Regular.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "Brave Share Tech Mono";
    src: url("../fonts/ShareTechMono-Regular.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "Brave Space Mono";
    src: url("../fonts/SpaceMono-Regular.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "Brave Red Hat Mono";
    src: url("../fonts/RedHatMonoVar.ttf") format("truetype");
    font-display: swap;
}


@font-face {
    font-family: "Brave Source Sans 3";
    src: url("../fonts/SourceSans3-Regular.ttf") format("truetype");
    font-display: swap;
    font-weight: 400;
}

@font-face {
    font-family: "Brave Source Sans 3";
    src: url("../fonts/SourceSans3-Medium.ttf") format("truetype");
    font-display: swap;
    font-weight: 500;
}

@font-face {
    font-family: "Brave Silkscreen";
    src: url("../fonts/Silkscreen-Regular.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "Brave Tiny5";
    src: url("../fonts/Tiny5-Regular.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "Brave Press Start 2P";
    src: url("../fonts/PressStart2P-Regular.ttf") format("truetype");
    font-display: swap;
}

body[data-brave-font="plex"] {
    --brave-ui-font-family: "Brave Plex Mono", ui-monospace, "SFMono-Regular", "Menlo", monospace;
    --brave-body-font-family: var(--brave-ui-font-family);
    --brave-dialogue-font-family: var(--brave-body-font-family);
    --brave-mono-font-family: var(--brave-ui-font-family);
    --brave-font-family: var(--brave-ui-font-family);
    --brave-letter-spacing: 0.01em;
    --brave-body-letter-spacing: var(--brave-letter-spacing);
    --brave-dialogue-letter-spacing: var(--brave-body-letter-spacing);
    --brave-text-scale: 1;
}

body[data-brave-font="dejavu"] {
    --brave-ui-font-family: "Brave DejaVu Sans Mono", ui-monospace, "SFMono-Regular", "Menlo", monospace;
    --brave-body-font-family: var(--brave-ui-font-family);
    --brave-dialogue-font-family: var(--brave-body-font-family);
    --brave-mono-font-family: var(--brave-ui-font-family);
    --brave-font-family: var(--brave-ui-font-family);
    --brave-letter-spacing: 0.01em;
    --brave-body-letter-spacing: var(--brave-letter-spacing);
    --brave-dialogue-letter-spacing: var(--brave-body-letter-spacing);
    --brave-text-scale: 1;
}

body[data-brave-font="ubuntu"] {
    --brave-ui-font-family: "Brave Ubuntu Mono", ui-monospace, "SFMono-Regular", "Menlo", monospace;
    --brave-body-font-family: var(--brave-ui-font-family);
    --brave-dialogue-font-family: var(--brave-body-font-family);
    --brave-mono-font-family: var(--brave-ui-font-family);
    --brave-font-family: var(--brave-ui-font-family);
    --brave-letter-spacing: 0.012em;
    --brave-body-letter-spacing: var(--brave-letter-spacing);
    --brave-dialogue-letter-spacing: var(--brave-body-letter-spacing);
    --brave-text-scale: 1;
}

body[data-brave-font="redhat"] {
    --brave-ui-font-family: "Brave Red Hat Mono", ui-monospace, "SFMono-Regular", "Menlo", monospace;
    --brave-body-font-family: "Brave Source Sans 3", system-ui, -apple-system, "Segoe UI", sans-serif;
    --brave-dialogue-font-family: "Brave Source Sans 3", system-ui, -apple-system, "Segoe UI", sans-serif;
    --brave-mono-font-family: var(--brave-ui-font-family);
    --brave-font-family: var(--brave-ui-font-family);
    --brave-letter-spacing: 0.01em;
    --brave-body-letter-spacing: 0;
    --brave-dialogue-letter-spacing: 0;
    --brave-text-scale: 1;
}

body[data-brave-font="anonymous"] {
    --brave-ui-font-family: "Brave Anonymous Pro", ui-monospace, "SFMono-Regular", "Menlo", monospace;
    --brave-body-font-family: "Brave Source Sans 3", system-ui, -apple-system, "Segoe UI", sans-serif;
    --brave-dialogue-font-family: "Brave Source Sans 3", system-ui, -apple-system, "Segoe UI", sans-serif;
    --brave-mono-font-family: var(--brave-ui-font-family);
    --brave-font-family: var(--brave-ui-font-family);
    --brave-letter-spacing: 0.012em;
    --brave-body-letter-spacing: 0;
    --brave-dialogue-letter-spacing: 0;
    --brave-text-scale: 1;
}

body[data-brave-font="fira"] {
    --brave-ui-font-family: "Brave Fira Mono", ui-monospace, "SFMono-Regular", "Menlo", monospace;
    --brave-body-font-family: var(--brave-ui-font-family);
    --brave-dialogue-font-family: var(--brave-body-font-family);
    --brave-mono-font-family: var(--brave-ui-font-family);
    --brave-font-family: var(--brave-ui-font-family);
    --brave-letter-spacing: 0.012em;
    --brave-body-letter-spacing: var(--brave-letter-spacing);
    --brave-dialogue-letter-spacing: var(--brave-body-letter-spacing);
    --brave-text-scale: 1;
}

body[data-brave-font="sharetech"] {
    --brave-ui-font-family: "Brave Share Tech Mono", ui-monospace, "SFMono-Regular", "Menlo", monospace;
    --brave-body-font-family: var(--brave-ui-font-family);
    --brave-dialogue-font-family: var(--brave-body-font-family);
    --brave-mono-font-family: var(--brave-ui-font-family);
    --brave-font-family: var(--brave-ui-font-family);
    --brave-letter-spacing: 0.015em;
    --brave-body-letter-spacing: var(--brave-letter-spacing);
    --brave-dialogue-letter-spacing: var(--brave-body-letter-spacing);
    --brave-text-scale: 1;
}

body[data-brave-font="space"] {
    --brave-ui-font-family: "Brave Space Mono", ui-monospace, "SFMono-Regular", "Menlo", monospace;
    --brave-body-font-family: "Brave Source Sans 3", system-ui, -apple-system, "Segoe UI", sans-serif;
    --brave-dialogue-font-family: "Brave Source Sans 3", system-ui, -apple-system, "Segoe UI", sans-serif;
    --brave-mono-font-family: var(--brave-ui-font-family);
    --brave-font-family: var(--brave-ui-font-family);
    --brave-letter-spacing: 0.012em;
    --brave-body-letter-spacing: 0;
    --brave-dialogue-letter-spacing: 0;
    --brave-text-scale: 1;
}

body[data-brave-font="vt323"] {
    --brave-ui-font-family: "Brave VT323", ui-monospace, "SFMono-Regular", "Menlo", monospace;
    --brave-body-font-family: "Brave Source Sans 3", system-ui, -apple-system, "Segoe UI", sans-serif;
    --brave-dialogue-font-family: "Brave Source Sans 3", system-ui, -apple-system, "Segoe UI", sans-serif;
    --brave-mono-font-family: var(--brave-ui-font-family);
    --brave-font-family: var(--brave-ui-font-family);
    --brave-letter-spacing: 0.03em;
    --brave-body-letter-spacing: 0;
    --brave-dialogue-letter-spacing: 0;
    --brave-text-scale: 1.16;
}

body[data-brave-font="silkscreen"] {
    --brave-ui-font-family: "Brave Silkscreen", ui-monospace, "SFMono-Regular", "Menlo", monospace;
    --brave-body-font-family: var(--brave-ui-font-family);
    --brave-dialogue-font-family: var(--brave-body-font-family);
    --brave-mono-font-family: var(--brave-ui-font-family);
    --brave-font-family: var(--brave-ui-font-family);
    --brave-letter-spacing: 0.02em;
    --brave-body-letter-spacing: var(--brave-letter-spacing);
    --brave-dialogue-letter-spacing: var(--brave-body-letter-spacing);
    --brave-text-scale: 1;
}

body[data-brave-font="tiny5"] {
    --brave-ui-font-family: "Brave Tiny5", ui-monospace, "SFMono-Regular", "Menlo", monospace;
    --brave-body-font-family: var(--brave-ui-font-family);
    --brave-dialogue-font-family: var(--brave-body-font-family);
    --brave-mono-font-family: var(--brave-ui-font-family);
    --brave-font-family: var(--brave-ui-font-family);
    --brave-letter-spacing: 0.025em;
    --brave-body-letter-spacing: var(--brave-letter-spacing);
    --brave-dialogue-letter-spacing: var(--brave-body-letter-spacing);
    --brave-text-scale: 1.22;
}

body[data-brave-font="pressstart"] {
    --brave-ui-font-family: "Brave Press Start 2P", ui-monospace, "SFMono-Regular", "Menlo", monospace;
    --brave-body-font-family: var(--brave-ui-font-family);
    --brave-dialogue-font-family: var(--brave-body-font-family);
    --brave-mono-font-family: var(--brave-ui-font-family);
    --brave-font-family: var(--brave-ui-font-family);
    --brave-letter-spacing: 0.02em;
    --brave-body-letter-spacing: var(--brave-letter-spacing);
    --brave-dialogue-letter-spacing: var(--brave-body-letter-spacing);
    --brave-text-scale: 0.92;
}

html,
body {
    font-family: var(--brave-ui-font-family);
    letter-spacing: var(--brave-letter-spacing);
    width: 100%;
    height: 100%;
    min-height: 100%;
    overflow: hidden !important;
    overscroll-behavior: none;
    scrollbar-width: none !important;
    position: fixed;
    inset: 0;
    background:
        radial-gradient(circle at top left, var(--brave-bg-warm-glow), transparent 24%),
        radial-gradient(circle at top right, var(--brave-bg-cool-glow), transparent 28%),
        linear-gradient(180deg, var(--brave-bg-top) 0%, var(--brave-bg-bottom) 54%, var(--brave-bg-floor) 100%);
}

body {
    font-family: var(--brave-ui-font-family);
    letter-spacing: var(--brave-letter-spacing);
    margin: 0;
    width: 100%;
    height: 100%;
    overflow: hidden !important;
    background:
        radial-gradient(circle at 18% 0, var(--brave-bg-warm-glow), transparent 30%),
        radial-gradient(circle at 82% 0, var(--brave-bg-cool-glow), transparent 26%),
        linear-gradient(180deg, var(--brave-bg-top), var(--brave-bg-bottom));
    color: var(--brave-text);
    transition: color 220ms ease, background 220ms ease;
}

body::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(135deg, var(--brave-overlay-sheen), transparent 30%),
        radial-gradient(circle at 25% 18%, var(--brave-overlay-warm), transparent 24%),
        radial-gradient(circle at 78% 10%, var(--brave-overlay-cool), transparent 20%);
    transition: background 220ms ease, opacity 220ms ease, filter 220ms ease;
}

body::after {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    opacity: 0;
}

body[data-brave-theme="hearth"]::after {
    opacity: 0.09;
    background:
        radial-gradient(circle at 18% 10%, rgba(var(--brave-accent-rgb), 0.08), transparent 20%),
        radial-gradient(circle at 86% 0, rgba(255, 235, 193, 0.04), transparent 18%),
        radial-gradient(circle at 50% 100%, rgba(0, 0, 0, 0.24), transparent 36%);
}

body[data-brave-theme="signalglass"]::after {
    opacity: 0.11;
    background:
        repeating-linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.05) 0,
            rgba(255, 255, 255, 0.05) 1px,
            transparent 1px,
            transparent 4px
        ),
        linear-gradient(90deg, rgba(255, 255, 255, 0.03), transparent 18%, transparent 82%, rgba(255, 255, 255, 0.03));
}

body[data-brave-theme="terminal"]::after {
    opacity: 0.045;
    background:
        repeating-linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.028) 0,
            rgba(255, 255, 255, 0.028) 1px,
            transparent 1px,
            transparent 4px
        );
}

html:has(body[data-brave-theme="terminal"]),
body[data-brave-theme="terminal"] {
    background: linear-gradient(180deg, var(--brave-bg-top), var(--brave-bg-bottom));
}

body[data-brave-theme="terminal"]::before {
    background: none;
}

body[data-brave-theme="campfire"]::after {
    opacity: 0.08;
    background:
        repeating-linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.03) 0,
            rgba(255, 255, 255, 0.03) 1px,
            transparent 1px,
            transparent 5px
        ),
        radial-gradient(circle at 18% 14%, rgba(var(--brave-accent-rgb), 0.07), transparent 22%);
    filter: blur(0.25px);
}

body[data-brave-theme="journal"]::after {
    opacity: 0.1;
    background:
        radial-gradient(circle at 18% 16%, rgba(var(--brave-accent-rgb), 0.04), transparent 20%),
        radial-gradient(circle at 72% 70%, rgba(120, 96, 61, 0.05), transparent 24%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.08), transparent 32%);
}

body[data-brave-theme="atlas"]::after {
    opacity: 0.06;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.02), transparent 16%, transparent 84%, rgba(255, 255, 255, 0.02)),
        repeating-linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.014) 0,
            rgba(255, 255, 255, 0.014) 1px,
            transparent 1px,
            transparent 6px
        );
}

#clientwrapper {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: hidden !important;
    scrollbar-width: none !important;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar,
#clientwrapper::-webkit-scrollbar {
    width: 0;
    height: 0;
}

/* Ensure font variables are inherited by Evennia's output classes */
.out, .msg, .messagewindow, #messagewindow, .lm_content {
    font-family: var(--brave-ui-font-family) !important;
}

.lm_controls,
.lm_header > .lm_title,
.lm_tab > .lm_title[style*="width"] {
    display: none !important;
}

#toolbar {
    position: fixed;
    top: auto;
    left: auto;
    right: 22px;
    bottom: auto;
    z-index: 40;
    display: none;
    pointer-events: auto;
}

#toolbar[aria-hidden="false"] {
    display: block;
}

#connecting {
    position: fixed;
    top: 56px; /* Offset below the toolbar area */
    right: 18px;
    z-index: 20;
    color: var(--brave-text-soft);
}

.lm_goldenlayout,
.lm_item,
.lm_items,
.lm_content,
.split,
.split-sub {
    background: transparent !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

.split, .split-sub {
    overflow-y: auto !important;
}

.lm_content {
    overflow: hidden !important;
}

.split-sub {
    padding: 0 !important;
    position: relative;
}

.lm_root {
    background: transparent !important;
}

.lm_content {
    padding: 0 !important;
    overflow: hidden !important;
}

.lm_header {
    height: 10px !important;
    min-height: 0 !important;
    padding: 0 18px 6px;
    overflow: hidden;
    background: transparent !important;
}

.goldenlayout-options-ui select,
.goldenlayout-options-ui input,
.goldenlayout-options-ui button,
.goldenlayout-options-ui label,
.goldenlayout-options-ui div,
.goldenlayout-options-ui {
    font-family: var(--brave-ui-font-family);
    letter-spacing: var(--brave-letter-spacing);
}

.goldenlayout-options-ui .card,
.goldenlayout-options-ui > div {
    color: var(--brave-text);
}

.goldenlayout-options-ui select {
    min-width: 200px;
    margin: 0 10px 12px 0;
    border: 1px solid rgba(var(--brave-accent-rgb), 0.2);
    border-radius: 10px;
    background: linear-gradient(180deg, var(--brave-surface-well-top), var(--brave-surface-well-bottom));
    color: var(--brave-text-bright);
    padding: 8px 10px;
    outline: none;
}

.goldenlayout-options-ui select:focus {
    border-color: rgba(var(--brave-accent-rgb), 0.52);
    box-shadow: 0 0 0 3px rgba(var(--brave-accent-rgb), 0.1);
}

.brave-options-heading {
    font-weight: bold;
    margin: 0 0 8px;
    color: var(--brave-text-soft);
}

.lm_header .lm_tabs {
    display: none !important;
}

.lm_header .lm_tab {
    display: none !important;
}

.lm_left,
.lm_right {
    display: none;
}

.lm_splitter {
    background: transparent !important;
}

@media screen and (max-width: 900px) {
    body[data-brave-input-context="command"] .brave-gl-input-item,
    body[data-brave-input-context="command"] .brave-gl-input-column,
    body[data-brave-input-context="command"] .brave-gl-input-splitter,
    body[data-brave-input-context="command"] .inputwrap,
    body[data-brave-input-context="command"] #inputcontrol {
        display: none !important;
    }

    body[data-brave-input-context="command"] .brave-gl-main-item {
        height: 100% !important;
        width: 100% !important;
    }
}

@media screen and (min-width: 901px) {
    body .inputwrap,
    body .prompt,
    body .brave-input-modebar {
        display: none !important;
    }

    body .brave-gl-input-item,
    body .brave-gl-input-item > .lm_content,
    body .brave-gl-input-item > .lm_content > div {
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
        overflow: hidden !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    body .brave-gl-input-splitter {
        display: none !important;
    }

    body .brave-gl-main-item {
        height: 100% !important;
        width: auto !important;
    }
}

.lm_splitter.lm_vertical {
    position: relative;
}

.lm_splitter.lm_vertical::before {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    top: 1px;
    bottom: 1px;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent, rgba(var(--brave-accent-rgb), 0.28), transparent);
}

.lm_drag_handle {
    background: transparent !important;
}

.content,
#messagewindow {
    height: calc(100% - 28px);
    margin: 12px 16px 16px;
    padding: 18px 20px 22px;
    border: 1px solid color-mix(in srgb, var(--brave-world-line) 72%, var(--brave-border));
    border-radius: var(--brave-radius-panel);
    background:
        radial-gradient(circle at 0 0, var(--brave-state-surface-tint), transparent 48%),
        radial-gradient(circle at 100% 0, var(--brave-world-surface-tint-strong), transparent 42%),
        radial-gradient(circle at 0 100%, var(--brave-world-surface-tint-soft), transparent 34%),
        linear-gradient(180deg, color-mix(in srgb, var(--brave-world-surface-tint) 94%, transparent), transparent 30%),
        linear-gradient(180deg, var(--brave-surface-top), var(--brave-surface-bottom));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        var(--brave-shadow);
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

@media screen and (min-width: 1100px) {
    .content,
    #messagewindow {
        padding-right: calc(var(--brave-rail-width) + 44px);
    }

    body.brave-mainview-active .content,
    body.brave-mainview-active #messagewindow {
        padding-right: 24px;
    }
}

.content::-webkit-scrollbar,
#messagewindow::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}

.out {
    font-family: var(--brave-body-font-family);
    letter-spacing: var(--brave-body-letter-spacing);
    background: transparent;
    color: var(--brave-text);
    font-size: calc(0.98rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.62;
    text-shadow: var(--brave-text-glow);
}

.out a,
#messagewindow a {
    color: var(--brave-link);
}

.inp {
    color: rgba(var(--brave-accent-rgb), 0.66);
}

.sys {
    color: var(--brave-good);
}

.err {
    color: var(--brave-bad);
}

.inputwrap {
    margin: 12px 16px 16px;
    height: calc(100% - 28px);
    padding: 10px 12px 12px;
    border: 1px solid color-mix(in srgb, var(--brave-world-line) 72%, var(--brave-border));
    border-radius: var(--brave-radius-panel);
    background:
        radial-gradient(circle at 0 0, var(--brave-state-surface-tint-soft), transparent 46%),
        radial-gradient(circle at 100% 0, var(--brave-world-surface-tint), transparent 40%),
        linear-gradient(180deg, color-mix(in srgb, var(--brave-world-surface-tint-soft) 96%, transparent), transparent 24%),
        linear-gradient(180deg, var(--brave-surface-soft-top), var(--brave-surface-soft-bottom));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        var(--brave-shadow);
    flex-shrink: 0;
    overflow: hidden;
}

.prompt {
    font-family: var(--brave-ui-font-family);
    letter-spacing: calc(var(--brave-letter-spacing) + 0.02em);
    margin: 0 0 6px;
    color: var(--brave-prompt);
    font-size: calc(0.76rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    text-transform: uppercase;
    opacity: 0.8;
}

.prompt:empty {
    display: none;
}

.inputfieldwrapper {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 48px;
    gap: 10px;
    align-items: stretch;
    width: 100%;
}

.brave-input-modebar {
    display: none !important;
    gap: 8px;
    margin: 0 0 10px;
}

.brave-input-modebar__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 8px 12px;
    border: 1px solid color-mix(in srgb, var(--brave-world-line) 70%, rgba(var(--brave-accent-rgb), 0.16));
    border-radius: 999px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent 42%),
        linear-gradient(180deg, var(--brave-surface-deep-top), var(--brave-surface-deep-bottom));
    color: var(--brave-text-dim);
    font-family: var(--brave-font-family);
    font-size: calc(0.66rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    letter-spacing: calc(var(--brave-letter-spacing) + 0.06em);
    text-transform: uppercase;
    cursor: pointer;
}

.brave-input-modebar__button--active {
    border-color: rgba(var(--brave-accent-rgb), 0.38);
    background:
        linear-gradient(180deg, rgba(var(--brave-accent-rgb), 0.12), transparent 52%),
        linear-gradient(180deg, var(--brave-panel-soft), var(--brave-panel-deep));
    color: var(--brave-text-bright);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.brave-input-modebar__button:disabled {
    opacity: 0.46;
    cursor: default;
}

.brave-input-modebar__button:focus-visible {
    outline: none;
    border-color: rgba(var(--brave-accent-rgb), 0.44);
}

.inputfield,
#inputfield {
    grid-column: 1;
    grid-row: 1;
    font-family: var(--brave-font-family);
    font-size: calc(1rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    letter-spacing: var(--brave-letter-spacing);
    width: auto;
    min-width: 0;
    min-height: 44px;
    max-height: 72px;
    padding: 10px 14px;
    border: 1px solid color-mix(in srgb, var(--brave-world-line) 66%, rgba(var(--brave-accent-rgb), 0.13));
    border-radius: var(--brave-radius-control);
    background:
        linear-gradient(180deg, var(--brave-state-surface-tint-soft), transparent 36%),
        radial-gradient(circle at 100% 0, var(--brave-world-surface-tint-soft), transparent 36%),
        linear-gradient(180deg, color-mix(in srgb, var(--brave-world-surface-tint-soft) 94%, rgba(var(--brave-accent-rgb), 0.035)), transparent 30%),
        linear-gradient(180deg, var(--brave-surface-deep-top), var(--brave-surface-deep-bottom));
    color: var(--brave-text-brighter);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
    resize: none;
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.inputfield::-webkit-scrollbar,
#inputfield::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}

.inputfield::placeholder,
#inputfield::placeholder {
    color: color-mix(in srgb, var(--brave-text) 34%, transparent);
}

.inputfield:focus,
#inputfield:focus {
    border-color: rgba(var(--brave-accent-rgb), 0.56);
    background: linear-gradient(180deg, var(--brave-panel-soft), var(--brave-panel-deep));
    box-shadow:
        0 0 0 4px rgba(var(--brave-accent-rgb), 0.11),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
    color: var(--brave-text-bright);
    outline: none;
}

body.brave-command-ready .inputfield.focused,
body.brave-command-ready #inputfield.focused,
body.brave-command-ready #inputfield:focus {
    border-color: rgba(var(--brave-accent-rgb), 0.64);
}

body.brave-command-armed:not(.brave-command-has-text) .inputfieldwrapper::after {
    content: "";
    position: absolute;
    left: 16px;
    top: 50%;
    width: 1px;
    height: 1.15em;
    transform: translateY(-50%);
    background: rgba(var(--brave-accent-rgb), 0.82);
    box-shadow: 0 0 12px rgba(var(--brave-accent-rgb), 0.2);
    pointer-events: none;
    animation: brave-command-caret-blink 1.05s steps(1, end) infinite;
    z-index: 2;
}

body.brave-command-armed .inputfieldwrapper:focus-within::after {
    display: none;
}

@keyframes brave-command-caret-blink {
    0%,
    48% {
        opacity: 1;
    }

    49%,
    100% {
        opacity: 0;
    }
}

.inputsend,
#inputsend {
    grid-column: 2;
    grid-row: 1;
    position: static;
    width: 48px;
    min-width: 48px;
    height: 44px;
    align-self: stretch;
    border: 1px solid rgba(var(--brave-accent-rgb), 0.22);
    border-radius: var(--brave-radius-control);
    background: linear-gradient(180deg, var(--brave-accent), var(--brave-accent-mid) 72%, var(--brave-accent-dark) 100%);
    color: var(--brave-accent-contrast);
    font-family: var(--brave-font-family);
    font-size: 1.28rem;
    font-weight: 400;
    letter-spacing: normal;
    text-transform: none;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow:
        inset 0 1px 0 rgba(255, 246, 225, 0.24),
        0 10px 24px rgba(0, 0, 0, 0.28);
    transition: transform 120ms ease, filter 120ms ease, box-shadow 120ms ease;
    z-index: 1;
    cursor: pointer;
}

.inputsend:hover,
.inputsend:focus-visible,
#inputsend:hover,
#inputsend:focus-visible {
    transform: translateY(-1px);
    filter: brightness(1.05);
    box-shadow:
        inset 0 1px 0 rgba(255, 246, 225, 0.28),
        0 14px 28px rgba(0, 0, 0, 0.32);
    outline: none;
}

#brave-picker-sheet {
    position: fixed;
    inset: 0;
    z-index: 5030;
    display: none;
}

#brave-notice-stack {
    position: fixed;
    right: 20px;
    bottom: 24px;
    z-index: 25;
    width: min(420px, calc(100vw - 32px));
    display: none;
    pointer-events: auto;
}

#brave-notice-stack[aria-hidden="false"] {
    display: block;
}

#brave-picker-sheet[aria-hidden="false"] {
    display: block;
}

body.brave-objectives-welcome-active #brave-picker-sheet {
    z-index: 5000;
}

.brave-picker-sheet__backdrop {
    position: absolute;
    inset: 0;
    z-index: 0;
    background: rgba(4, 6, 8, 0.7);
    backdrop-filter: blur(10px);
}

.brave-picker-sheet__backdrop--clear {
    background: transparent;
    backdrop-filter: none;
}

.brave-picker-sheet__panel {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: min(560px, calc(100% - 32px));
    max-height: min(76vh, 720px);
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 18px;
    border: 1px solid color-mix(in srgb, var(--brave-world-line) 78%, rgba(var(--brave-accent-rgb), 0.2));
    border-radius: var(--brave-radius-panel);
    background:
        radial-gradient(circle at 0 0, var(--brave-state-surface-tint), transparent 48%),
        radial-gradient(circle at 100% 0, var(--brave-world-surface-tint-strong), transparent 42%),
        linear-gradient(180deg, color-mix(in srgb, var(--brave-world-surface-tint) 98%, transparent), transparent 24%),
        linear-gradient(180deg, var(--brave-surface-soft-top), var(--brave-surface-soft-bottom));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 28px 56px rgba(0, 0, 0, 0.38);
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    pointer-events: auto;
}

.brave-picker-sheet__head {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.brave-picker-sheet__titlebar {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.brave-picker-sheet__title-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 999px;
    background: rgba(var(--brave-accent-rgb), 0.12);
    color: var(--brave-text-bright);
    flex: 0 0 auto;
}

.brave-picker-sheet__option-meta {
    letter-spacing: calc(var(--brave-letter-spacing) + 0.08em);
    color: var(--brave-text-dim);
    font-size: calc(0.74rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    text-transform: uppercase;
}

.brave-picker-sheet__title {
    font-family: var(--brave-dialogue-font-family);
    letter-spacing: var(--brave-dialogue-letter-spacing);
    flex: 1 1 auto;
    min-width: 0;
    color: var(--brave-text-bright);
    font-size: calc(1.02rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.1;
    text-transform: uppercase;
    overflow-wrap: anywhere;
}

.brave-picker-sheet__subtitle {
    font-family: var(--brave-body-font-family);
    letter-spacing: var(--brave-body-letter-spacing);
    color: var(--brave-text-soft);
    font-size: calc(0.84rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.45;
}

.brave-picker-sheet__close {
    white-space: nowrap;
}

.brave-picker-sheet__options {
    display: grid;
    gap: 10px;
    overflow-y: auto;
    padding-right: 2px;
    scrollbar-width: thin;
    scrollbar-color: color-mix(in srgb, var(--brave-accent) 54%, var(--brave-text-dim)) color-mix(in srgb, var(--brave-world-line) 38%, transparent);
}

.brave-picker-sheet__options::-webkit-scrollbar {
    width: 8px;
}

.brave-picker-sheet__options::-webkit-scrollbar-track {
    border-radius: 999px;
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--brave-world-surface-tint) 42%, transparent), color-mix(in srgb, var(--brave-surface-deep-bottom) 64%, transparent));
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--brave-world-line) 34%, transparent);
}

.brave-picker-sheet__options::-webkit-scrollbar-thumb {
    border: 2px solid transparent;
    border-radius: 999px;
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--brave-accent) 72%, var(--brave-text-soft)), color-mix(in srgb, var(--brave-accent) 44%, var(--brave-world-line)));
    background-clip: padding-box;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.16),
        0 0 0 1px rgba(var(--brave-accent-rgb), 0.12);
}

.brave-picker-sheet__options::-webkit-scrollbar-thumb:hover {
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--brave-accent) 84%, var(--brave-text-bright)), color-mix(in srgb, var(--brave-accent) 56%, var(--brave-world-line)));
    background-clip: padding-box;
}

.brave-picker-sheet__bodycopy {
    display: grid;
    gap: 8px;
    padding: 2px 2px 4px;
}

.brave-picker-sheet__bodyline {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-family: var(--brave-body-font-family);
    letter-spacing: var(--brave-body-letter-spacing);
    color: var(--brave-text-soft);
    font-size: calc(0.8rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.45;
}

.brave-picker-sheet__bodyline-icon {
    flex-shrink: 0;
    margin-top: -1px;
    color: var(--brave-text-muted);
}

.brave-picker-sheet__bodyline-icon .material-symbols-outlined {
    font-size: 1.1rem;
}

.brave-picker-sheet__option {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    width: 100%;
    min-height: 58px;
    padding: 12px 14px;
    border: 1px solid color-mix(in srgb, var(--brave-world-line) 72%, rgba(var(--brave-accent-rgb), 0.16));
    border-radius: var(--brave-radius-card);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent 42%),
        linear-gradient(180deg, color-mix(in srgb, var(--brave-panel-soft) 88%, transparent), color-mix(in srgb, var(--brave-panel-deep) 92%, transparent));
    color: var(--brave-text-bright);
    text-align: center;
}

.brave-picker-sheet__option--danger {
    border-color: rgba(181, 86, 71, 0.38);
}

.brave-picker-sheet__option-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 999px;
    background: rgba(var(--brave-accent-rgb), 0.12);
    color: var(--brave-text-bright);
}

.brave-picker-sheet__option-body {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.brave-picker-sheet__option-label {
    color: var(--brave-text-bright);
    font-size: calc(0.84rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.3;
}

.brave-picker-sheet__panel--popover {
    left: auto;
    top: auto;
    width: min(320px, calc(100vw - 24px));
    max-height: min(60vh, 520px);
    transform: none;
    gap: 10px;
    padding: 14px;
    border-radius: calc(var(--brave-radius-panel) - 2px);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 20px 44px rgba(0, 0, 0, 0.34);
}

.brave-picker-sheet__panel--popover .brave-picker-sheet__head {
    gap: 6px;
}

.brave-picker-sheet__panel--popover .brave-picker-sheet__title {
    letter-spacing: calc(var(--brave-letter-spacing) + 0.08em);
    font-size: calc(0.82rem * var(--brave-text-scale) * var(--brave-font-size-scale));
}

.brave-picker-sheet__panel--popover .brave-picker-sheet__close,
.brave-picker-sheet__panel--popover .brave-picker-sheet__subtitle,
.brave-picker-sheet__panel--popover .brave-picker-sheet__bodycopy {
    display: none;
}

.brave-picker-sheet__panel--popover .brave-picker-sheet__options {
    gap: 8px;
}

.brave-picker-sheet__panel--popover .brave-picker-sheet__option {
    min-height: 48px;
    padding: 10px 12px;
    border-radius: var(--brave-radius-card-tight);
}

.brave-boss-gate__backdrop {
    position: absolute;
    inset: 0;
    z-index: 0;
    background: rgba(4, 6, 8, 0.76);
    backdrop-filter: blur(10px);
}

.brave-boss-gate {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: min(540px, calc(100% - 32px));
    max-height: min(92vh, 720px);
    transform: translate(-50%, -50%);
    display: grid;
    gap: 12px;
    padding: 14px;
    border: 1px solid color-mix(in srgb, var(--brave-world-line) 72%, rgba(var(--brave-accent-rgb), 0.24));
    border-radius: var(--brave-radius-panel);
    background:
        radial-gradient(circle at 0 0, rgba(var(--brave-accent-rgb), 0.16), transparent 44%),
        linear-gradient(180deg, var(--brave-surface-soft-top), var(--brave-surface-soft-bottom));
    box-shadow: 0 28px 60px rgba(0, 0, 0, 0.42);
    overflow: hidden;
}

.brave-boss-gate__head {
    display: grid;
    gap: 6px;
}

.brave-boss-gate__titlebar {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    gap: 10px;
    align-items: center;
}

.brave-boss-gate__title-icon,
.brave-boss-gate__choice-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 999px;
    background: rgba(var(--brave-accent-rgb), 0.14);
    color: var(--brave-text-bright);
}

.brave-boss-gate__titlewrap {
    min-width: 0;
}

.brave-boss-gate__title {
    margin: 0;
    color: var(--brave-text-bright);
    font-family: var(--brave-dialogue-font-family);
    font-size: calc(0.98rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    letter-spacing: var(--brave-dialogue-letter-spacing);
    line-height: 1.15;
    text-transform: uppercase;
}

.brave-boss-gate__summary,
.brave-boss-gate__status,
.brave-boss-gate__slot-meta,
.brave-boss-gate__choice-meta {
    color: var(--brave-text-soft);
    font-family: var(--brave-body-font-family);
    font-size: calc(0.76rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.35;
}

.brave-boss-gate__summary {
    margin: 2px 0 0;
}

.brave-boss-gate__status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 5px 10px;
    border: 1px solid rgba(var(--brave-accent-rgb), 0.28);
    border-radius: 999px;
    background: rgba(var(--brave-accent-rgb), 0.1);
    color: var(--brave-text-bright);
    white-space: nowrap;
}

.brave-boss-gate__close,
.brave-boss-gate__remove,
.brave-boss-gate__action {
    border: 1px solid color-mix(in srgb, var(--brave-world-line) 70%, transparent);
    border-radius: var(--brave-radius-control);
    background: color-mix(in srgb, var(--brave-panel-soft) 78%, transparent);
    color: var(--brave-text-bright);
    cursor: pointer;
}

.brave-boss-gate__close {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 8px;
}

.brave-boss-gate__slots {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    align-items: start;
    justify-content: center;
}

.brave-boss-gate__slot {
    position: relative;
    aspect-ratio: 1 / 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: min(100%, 186px);
    gap: 6px;
    padding: 10px;
    justify-self: center;
    border: 1px solid color-mix(in srgb, var(--brave-world-line) 76%, rgba(var(--brave-accent-rgb), 0.18));
    border-radius: var(--brave-radius-card);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.04), transparent 42%),
        color-mix(in srgb, var(--brave-panel-deep) 90%, transparent);
    overflow: hidden;
}

.brave-boss-gate__slot--empty {
    justify-content: center;
    align-items: center;
    border-style: dashed;
    opacity: 0.78;
    text-align: center;
}

.brave-boss-gate__slot-bg {
    position: absolute;
    left: 50%;
    top: 50%;
    color: rgba(var(--brave-accent-rgb), 0.11);
    transform: translate(-50%, -50%) scale(6.6);
    transform-origin: center;
    pointer-events: none;
}

.brave-boss-gate__slot-main {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 5px;
    justify-items: center;
    min-width: 0;
    max-width: 100%;
    padding: 0;
    text-align: center;
}

.brave-boss-gate__slot-kicker {
    position: relative;
    z-index: 1;
    color: var(--brave-text-muted);
    font-size: calc(0.64rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    text-transform: uppercase;
}

.brave-boss-gate__slot-name,
.brave-boss-gate__choice-title {
    position: relative;
    z-index: 1;
    color: var(--brave-text-bright);
    font-family: var(--brave-dialogue-font-family);
    font-size: calc(1rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.brave-boss-gate__slot-name {
    display: block;
    max-width: 100%;
    font-size: calc(0.92rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    text-align: center;
}

.brave-boss-gate__slot-meta {
    display: grid;
    grid-template-columns: 1fr;
    gap: 3px;
    max-width: 100%;
    text-align: center;
}

.brave-boss-gate__slot-meta span {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.brave-boss-gate__remove {
    position: absolute;
    right: 8px;
    top: 8px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 5px 7px;
    font-size: calc(0.66rem * var(--brave-text-scale) * var(--brave-font-size-scale));
}

.brave-boss-gate__choices,
.brave-boss-gate__actions {
    display: grid;
    gap: 10px;
}

.brave-boss-gate__choice {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    min-height: 62px;
    padding: 12px;
    border: 1px solid color-mix(in srgb, var(--brave-world-line) 72%, rgba(var(--brave-accent-rgb), 0.16));
    border-radius: var(--brave-radius-card);
    background: color-mix(in srgb, var(--brave-panel-soft) 84%, transparent);
    color: var(--brave-text-bright);
    text-align: left;
}

.brave-boss-gate__choice--disabled,
.brave-boss-gate__action--disabled {
    opacity: 0.55;
    cursor: default;
}

.brave-boss-gate__choice-body {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.brave-boss-gate__actions {
    grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
}

.brave-boss-gate__action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 40px;
    padding: 8px 10px;
}

.brave-boss-gate__action--danger {
    border-color: rgba(181, 86, 71, 0.42);
    background: color-mix(in srgb, #8f352f 54%, var(--brave-panel-soft));
}

.brave-boss-gate__action--accent {
    border-color: rgba(var(--brave-accent-rgb), 0.38);
    background: color-mix(in srgb, var(--brave-accent) 36%, var(--brave-panel-soft));
}

.brave-boss-gate__empty-state {
    padding: 14px;
    border: 1px dashed color-mix(in srgb, var(--brave-world-line) 72%, transparent);
    border-radius: var(--brave-radius-card);
    color: var(--brave-text-soft);
    font-family: var(--brave-body-font-family);
    font-size: calc(0.96rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    font-weight: 500;
    letter-spacing: var(--brave-body-letter-spacing);
    line-height: 1.45;
}

@media (max-width: 680px) {
    .brave-boss-gate {
        width: min(360px, calc(100% - 20px));
        max-height: min(94vh, 720px);
        padding: 12px;
    }

    .brave-boss-gate__slots {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .brave-boss-gate__slot {
        width: min(100%, 154px);
    }

    .brave-boss-gate__close {
        justify-self: end;
    }
}

.brave-audio-settings {
    display: grid;
    gap: 14px;
    min-height: 0;
}

.brave-audio-settings__toggles,
.brave-audio-settings__sliders,
.brave-audio-settings__actions {
    display: grid;
    gap: 10px;
}

.brave-audio-settings__toggle,
.brave-audio-settings__slider-row {
    display: grid;
    gap: 10px;
    padding: 12px 14px;
    border: 1px solid color-mix(in srgb, var(--brave-world-line) 72%, rgba(var(--brave-accent-rgb), 0.16));
    border-radius: var(--brave-radius-card);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent 42%),
        linear-gradient(180deg, color-mix(in srgb, var(--brave-panel-soft) 88%, transparent), color-mix(in srgb, var(--brave-panel-deep) 92%, transparent));
}

.brave-audio-settings__toggle {
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    width: 100%;
    color: var(--brave-text-bright);
    font-size: calc(0.82rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    text-align: left;
    cursor: pointer;
}

.brave-audio-settings__toggle[aria-pressed="true"] {
    border-color: color-mix(in srgb, var(--brave-accent) 46%, rgba(var(--brave-accent-rgb), 0.18));
    background:
        linear-gradient(180deg, rgba(var(--brave-accent-rgb), 0.16), rgba(var(--brave-accent-rgb), 0.06)),
        linear-gradient(180deg, color-mix(in srgb, var(--brave-panel-soft) 90%, transparent), color-mix(in srgb, var(--brave-panel-deep) 94%, transparent));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 0 0 1px rgba(var(--brave-accent-rgb), 0.08);
}

.brave-audio-settings__toggle-indicator {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    color: var(--brave-text-bright);
}

.brave-audio-settings__toggle[aria-pressed="true"] .brave-audio-settings__toggle-indicator {
    color: color-mix(in srgb, var(--brave-accent) 68%, var(--brave-text-bright));
}

.brave-audio-settings__slider-row {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
}

.brave-audio-settings__slider-label {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--brave-text-bright);
    font-size: calc(0.82rem * var(--brave-text-scale) * var(--brave-font-size-scale));
}

.brave-audio-settings__slider-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 999px;
    background: rgba(var(--brave-accent-rgb), 0.12);
    color: var(--brave-text-bright);
}

.brave-audio-settings__slider {
    grid-column: 1 / -1;
    width: 100%;
    margin: 0;
    accent-color: var(--brave-accent);
}

.brave-audio-settings__slider-value {
    color: var(--brave-text-soft);
    font-size: calc(0.76rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    letter-spacing: calc(var(--brave-letter-spacing) + 0.03em);
    text-transform: uppercase;
}

.brave-audio-settings__actions {
    grid-template-columns: repeat(auto-fit, minmax(148px, 1fr));
    padding-bottom: max(0px, env(safe-area-inset-bottom));
}

@media (max-width: 900px) {
    .brave-picker-sheet__panel {
        width: min(560px, calc(100% - 20px));
        max-height: calc(100dvh - 20px);
        padding: 14px;
    }

    .brave-audio-settings {
        gap: 12px;
    }

    .brave-audio-settings__actions {
        grid-template-columns: 1fr;
    }
}

.brave-notice {
    display: grid;
    gap: 12px;
    padding: 16px 16px 14px;
    border: 1px solid color-mix(in srgb, var(--brave-world-line) 76%, rgba(var(--brave-accent-rgb), 0.18));
    border-radius: var(--brave-radius-panel);
    background:
        radial-gradient(circle at 0 0, var(--brave-state-surface-tint), transparent 48%),
        radial-gradient(circle at 100% 0, var(--brave-world-surface-tint-strong), transparent 42%),
        linear-gradient(180deg, color-mix(in srgb, var(--brave-world-surface-tint) 98%, transparent), transparent 24%),
        linear-gradient(180deg, var(--brave-surface-soft-top), var(--brave-surface-soft-bottom));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 22px 44px rgba(0, 0, 0, 0.3);
    pointer-events: auto;
}

.brave-notice--good {
    border-color: color-mix(in srgb, rgba(77, 158, 109, 0.62) 62%, rgba(var(--brave-accent-rgb), 0.18));
}

.brave-notice--danger {
    border-color: color-mix(in srgb, rgba(181, 86, 71, 0.72) 72%, rgba(var(--brave-accent-rgb), 0.18));
}

.brave-notice--warn {
    border-color: color-mix(in srgb, rgba(216, 160, 82, 0.72) 72%, rgba(var(--brave-accent-rgb), 0.18));
}

.brave-notice--kind-quest-update {
    border-color: color-mix(in srgb, var(--brave-accent) 48%, var(--brave-world-line));
    background:
        radial-gradient(circle at 0 0, rgba(var(--brave-accent-rgb), 0.16), transparent 46%),
        radial-gradient(circle at 100% 0, rgba(226, 194, 128, 0.1), transparent 44%),
        linear-gradient(180deg, rgba(28, 24, 17, 0.98), rgba(9, 10, 8, 0.98));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.055),
        0 18px 38px rgba(0, 0, 0, 0.34),
        0 0 0 1px rgba(var(--brave-accent-rgb), 0.08);
}

.brave-notice--kind-quest-update .brave-notice__icon {
    background: rgba(var(--brave-accent-rgb), 0.16);
    color: color-mix(in srgb, var(--brave-accent) 72%, var(--brave-text-bright));
}

.brave-notice__head,
.brave-notice__titlebar {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.brave-notice__head {
    justify-content: space-between;
}

.brave-notice__titlebar {
    flex: 1 1 auto;
}

.brave-notice__titlecopy {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.brave-notice__eyebrow {
    color: color-mix(in srgb, var(--brave-accent) 72%, var(--brave-text-dim));
    font-size: calc(0.62rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    font-weight: 700;
    letter-spacing: calc(var(--brave-letter-spacing) + 0.1em);
    line-height: 1;
    text-transform: uppercase;
}

.brave-notice__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 999px;
    background: rgba(var(--brave-accent-rgb), 0.12);
    color: var(--brave-text-bright);
}

.brave-notice__title {
    flex: 1 1 auto;
    min-width: 0;
    color: var(--brave-text-bright);
    font-size: calc(0.98rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.1;
    letter-spacing: calc(var(--brave-letter-spacing) + 0.04em);
    text-transform: uppercase;
    overflow-wrap: anywhere;
}

.brave-notice__close {
    white-space: nowrap;
}

.brave-notice__body {
    display: grid;
    gap: 8px;
}

.brave-notice__line {
    color: var(--brave-text-soft);
    font-size: calc(0.82rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.48;
}

.brave-notice--kind-quest-update .brave-notice__line {
    color: color-mix(in srgb, var(--brave-text-soft) 88%, var(--brave-text-bright));
}

.brave-activity-overlay {
    position: fixed;
    inset: 0;
    z-index: 1215;
    display: grid;
    place-items: center;
    padding: 18px;
    --brave-activity-primary-rgb: 116, 154, 176;
    --brave-activity-secondary-rgb: 214, 186, 122;
    --brave-activity-panel-top: rgba(24, 30, 37, 0.97);
    --brave-activity-panel-bottom: rgba(7, 10, 14, 0.995);
    --brave-activity-title-color: #eef5fa;
    --brave-activity-copy-color: #d5e2ea;
    --brave-activity-soft-color: #c2d1db;
    --brave-activity-dim-color: #8ea1ae;
    pointer-events: auto;
}

.brave-activity-overlay__backdrop {
    position: absolute;
    inset: 0;
    background: color-mix(in srgb, #020609 78%, transparent);
    backdrop-filter: blur(10px);
}

.brave-activity-overlay__panel {
    position: relative;
    z-index: 1;
    width: min(940px, calc(100vw - 28px));
    max-height: min(860px, calc(100vh - 28px));
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    gap: 14px;
    padding: 18px;
    border: 1px solid rgba(var(--brave-activity-primary-rgb), 0.24);
    border-radius: var(--brave-radius-panel);
    background:
        radial-gradient(circle at 0 0, rgba(var(--brave-activity-primary-rgb), 0.14), transparent 44%),
        radial-gradient(circle at 100% 0, rgba(var(--brave-activity-secondary-rgb), 0.1), transparent 34%),
        linear-gradient(180deg, var(--brave-activity-panel-top), var(--brave-activity-panel-bottom));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 30px 68px rgba(0, 0, 0, 0.44);
    overflow: hidden;
}

.brave-activity-overlay__panel:focus {
    outline: none;
}

.brave-activity-overlay__head {
    display: grid;
    gap: 10px;
}

.brave-activity-overlay__titlebar {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.brave-activity-overlay__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 999px;
    color: var(--brave-activity-title-color);
    background: rgba(var(--brave-activity-primary-rgb), 0.16);
    box-shadow: inset 0 0 0 1px rgba(var(--brave-activity-primary-rgb), 0.16);
    flex: 0 0 auto;
}

.brave-activity-overlay__titles {
    min-width: 0;
    flex: 1 1 auto;
}

.brave-activity-overlay__eyebrow {
    color: var(--brave-activity-dim-color);
    font-size: calc(0.72rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.25;
    text-transform: uppercase;
    overflow-wrap: anywhere;
}

.brave-activity-overlay__title {
    color: var(--brave-activity-title-color);
    font-family: var(--brave-dialogue-font-family);
    letter-spacing: var(--brave-dialogue-letter-spacing);
    font-size: calc(1.22rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.1;
    text-transform: uppercase;
    overflow-wrap: anywhere;
}

.brave-activity-overlay__stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.brave-activity-overlay__stat {
    min-width: 0;
    display: grid;
    gap: 2px;
    padding: 9px 10px;
    border: 1px solid rgba(var(--brave-activity-primary-rgb), 0.16);
    border-radius: var(--brave-radius-card-tight);
    background:
        linear-gradient(180deg, rgba(var(--brave-activity-primary-rgb), 0.12), rgba(10, 13, 18, 0.96));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        inset 0 0 0 1px rgba(255, 255, 255, 0.01);
}

.brave-activity-overlay__stat span {
    color: var(--brave-activity-dim-color);
    font-size: calc(0.68rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.2;
    text-transform: uppercase;
}

.brave-activity-overlay__stat strong {
    color: var(--brave-activity-title-color);
    font-size: calc(0.96rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.brave-activity-overlay__message {
    padding: 10px 11px;
    border: 1px solid rgba(var(--brave-activity-primary-rgb), 0.16);
    border-radius: var(--brave-radius-card-tight);
    color: var(--brave-activity-title-color);
    background:
        linear-gradient(180deg, rgba(var(--brave-activity-primary-rgb), 0.12), rgba(10, 13, 18, 0.9));
    font-size: calc(0.82rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.brave-activity-overlay__message--good {
    border-color: color-mix(in srgb, var(--brave-good) 46%, var(--brave-world-line));
    background: color-mix(in srgb, var(--brave-good) 12%, transparent);
}

.brave-activity-overlay__bodycopy {
    display: grid;
    gap: 8px;
    padding: 2px 2px 4px;
}

.brave-activity-overlay__bodyline {
    color: var(--brave-activity-copy-color);
    font-size: calc(0.84rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.48;
    overflow-wrap: anywhere;
}

.brave-activity-overlay__body {
    min-height: 0;
    overflow-y: auto;
    display: grid;
    gap: 14px;
    padding-right: 2px;
    scrollbar-width: thin;
    scrollbar-color: rgba(var(--brave-activity-primary-rgb), 0.58) rgba(255, 255, 255, 0.06);
}

.brave-activity-overlay__section {
    min-width: 0;
    display: grid;
    gap: 9px;
}

.brave-activity-overlay__section-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: var(--brave-activity-dim-color);
    font-size: calc(0.72rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.2;
    text-transform: uppercase;
}

.brave-activity-overlay__section-head span,
.brave-activity-overlay__section-head strong {
    overflow-wrap: anywhere;
}

.brave-activity-overlay__section-head strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 24px;
    padding: 0 8px;
    border: 1px solid rgba(var(--brave-activity-secondary-rgb), 0.22);
    border-radius: 999px;
    color: var(--brave-activity-title-color);
    background: rgba(var(--brave-activity-secondary-rgb), 0.1);
}

.brave-activity-overlay__cards {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.brave-activity-card {
    min-width: 0;
    min-height: 174px;
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr) auto auto;
    gap: 8px;
    padding: 12px;
    border: 1px solid rgba(var(--brave-activity-primary-rgb), 0.14);
    border-radius: var(--brave-radius-card-tight);
    background:
        linear-gradient(180deg, rgba(var(--brave-activity-primary-rgb), 0.08), transparent 34%),
        linear-gradient(180deg, rgba(16, 21, 28, 0.96), rgba(6, 9, 13, 0.99));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.03),
        inset 0 0 0 1px rgba(255, 255, 255, 0.01);
}

.brave-activity-card--ready {
    border-color: rgba(var(--brave-activity-primary-rgb), 0.28);
    box-shadow:
        inset 3px 0 0 rgba(var(--brave-activity-secondary-rgb), 0.52),
        inset 0 1px 0 rgba(255, 255, 255, 0.03),
        inset 0 0 0 1px rgba(255, 255, 255, 0.01);
}

.brave-activity-card--locked {
    opacity: 0.72;
}

.brave-activity-card__head {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    align-items: start;
}

.brave-activity-card__title {
    min-width: 0;
    color: var(--brave-activity-title-color);
    font-size: calc(0.98rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.brave-activity-card__badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 150px;
    padding: 3px 6px;
    border: 1px solid rgba(var(--brave-activity-primary-rgb), 0.16);
    border-radius: 999px;
    color: var(--brave-activity-soft-color);
    background: rgba(var(--brave-activity-primary-rgb), 0.08);
    font-size: calc(0.64rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.15;
    text-transform: uppercase;
    text-align: right;
    overflow-wrap: anywhere;
}

.brave-activity-card__badge--ready {
    border-color: rgba(var(--brave-activity-secondary-rgb), 0.28);
    color: var(--brave-activity-title-color);
    background: rgba(var(--brave-activity-secondary-rgb), 0.14);
}

.brave-activity-card__badge--locked {
    color: var(--brave-activity-dim-color);
    background: rgba(255, 255, 255, 0.04);
}

.brave-activity-card__badge--muted {
    color: var(--brave-activity-soft-color);
}

.brave-activity-card__result {
    color: var(--brave-activity-soft-color);
    font-size: calc(0.78rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.brave-activity-card__summary,
.brave-activity-card__line,
.brave-activity-overlay__empty {
    color: var(--brave-activity-soft-color);
    font-size: calc(0.82rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.42;
    overflow-wrap: anywhere;
}

.brave-activity-card__lines {
    display: grid;
    align-content: start;
    gap: 4px;
}

.brave-activity-card__line {
    color: var(--brave-activity-dim-color);
}

.brave-activity-card__actions {
    align-self: end;
}

.brave-activity-card__action,
.brave-activity-overlay__footer-action {
    width: 100%;
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 9px 12px;
    border: 1px solid rgba(var(--brave-activity-primary-rgb), 0.44);
    border-radius: var(--brave-radius-card-tight);
    color: var(--brave-activity-title-color);
    background:
        linear-gradient(180deg, rgba(var(--brave-activity-primary-rgb), 0.54), rgba(var(--brave-activity-primary-rgb), 0.32)),
        linear-gradient(180deg, rgba(20, 25, 33, 0.96), rgba(9, 12, 17, 0.98));
    font: inherit;
    font-size: calc(0.82rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.2;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.22);
}

.brave-activity-card__action:not(:disabled),
.brave-activity-overlay__footer-action:not(:disabled) {
    cursor: pointer;
}

.brave-activity-card__action:disabled,
.brave-activity-overlay__footer-action:disabled {
    opacity: 0.48;
    filter: grayscale(0.35);
}

.brave-activity-card__action-icon,
.brave-activity-overlay__footer-icon {
    flex: 0 0 auto;
}

.brave-activity-overlay__empty {
    padding: 12px;
    border: 1px dashed rgba(var(--brave-activity-primary-rgb), 0.18);
    border-radius: var(--brave-radius-card-tight);
    background: rgba(var(--brave-activity-primary-rgb), 0.08);
}

.brave-activity-overlay--cooking {
    --brave-activity-primary-rgb: 184, 92, 63;
    --brave-activity-secondary-rgb: 236, 171, 86;
    --brave-activity-panel-top: rgba(38, 17, 12, 0.97);
    --brave-activity-panel-bottom: rgba(14, 7, 5, 0.995);
    --brave-activity-title-color: #fff0e4;
    --brave-activity-copy-color: #f1ddd0;
    --brave-activity-soft-color: #e6cfc2;
    --brave-activity-dim-color: #c88f74;
}

.brave-activity-overlay--tinkering {
    --brave-activity-primary-rgb: 146, 154, 168;
    --brave-activity-secondary-rgb: 194, 150, 86;
    --brave-activity-panel-top: rgba(20, 23, 28, 0.97);
    --brave-activity-panel-bottom: rgba(8, 10, 13, 0.995);
    --brave-activity-title-color: #eef2f7;
    --brave-activity-copy-color: #dde3ea;
    --brave-activity-soft-color: #ccd4de;
    --brave-activity-dim-color: #9ba6b5;
}

.brave-activity-overlay--mastery {
    --brave-activity-primary-rgb: 104, 140, 201;
    --brave-activity-secondary-rgb: 233, 196, 120;
    --brave-activity-panel-top: rgba(14, 18, 31, 0.97);
    --brave-activity-panel-bottom: rgba(6, 8, 16, 0.995);
    --brave-activity-title-color: #f2f6ff;
    --brave-activity-copy-color: #dde6f8;
    --brave-activity-soft-color: #ced8ee;
    --brave-activity-dim-color: #92a3c8;
}

.brave-activity-overlay__footer {
    display: flex;
    justify-content: flex-end;
}

.brave-activity-overlay__footer-action {
    width: auto;
    min-width: 160px;
}

.brave-activity-overlay--arcade-result .brave-activity-overlay__panel {
    width: min(640px, calc(100vw - 28px));
    max-height: min(680px, calc(100vh - 28px));
    grid-template-rows: auto minmax(0, 1fr) auto;
    border-color: rgba(255, 86, 201, 0.26);
    background:
        radial-gradient(circle at 0 0, rgba(112, 229, 255, 0.16), transparent 46%),
        radial-gradient(circle at 100% 0, rgba(255, 86, 201, 0.18), transparent 36%),
        radial-gradient(circle at 50% 120%, rgba(128, 102, 255, 0.14), transparent 44%),
        linear-gradient(180deg, rgba(18, 10, 28, 0.985), rgba(5, 4, 14, 0.995));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 34px 72px rgba(0, 0, 0, 0.48);
}

.brave-activity-overlay--arcade-result .brave-activity-overlay__icon {
    background: rgba(255, 86, 201, 0.16);
    color: #eefbff;
}

.brave-activity-overlay--arcade-result .brave-activity-overlay__eyebrow {
    color: #ff9de4;
}

.brave-activity-overlay--arcade-result .brave-activity-overlay__title {
    color: #eefbff;
}

.brave-activity-overlay--arcade-result .brave-activity-overlay__head {
    gap: 16px;
}

.brave-activity-overlay--arcade-result .brave-activity-overlay__body {
    display: grid;
    gap: 14px;
    padding-top: 0;
}

.brave-arcade-result__headline {
    display: flex;
    justify-content: center;
}

.brave-arcade-result__headline span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 14px;
    border: 1px solid rgba(255, 108, 220, 0.28);
    border-radius: 999px;
    background:
        linear-gradient(180deg, rgba(75, 25, 83, 0.94), rgba(30, 13, 46, 0.98));
    color: #ffd2f4;
    font-size: 0.78rem;
    font-weight: 800;
}

.brave-arcade-result__summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.brave-arcade-result__summary-card {
    display: grid;
    gap: 4px;
    padding: 12px 14px;
    border: 1px solid rgba(112, 229, 255, 0.16);
    border-radius: var(--brave-radius-card-tight);
    background:
        linear-gradient(180deg, rgba(27, 19, 46, 0.92), rgba(10, 8, 20, 0.98));
}

.brave-arcade-result__summary-card span {
    color: #86e7ff;
    font-size: 0.76rem;
    font-weight: 700;
}

.brave-arcade-result__summary-card strong {
    color: #eefbff;
    font-size: 1.22rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}

.brave-arcade-result__summary-card--score {
    border-color: rgba(112, 229, 255, 0.28);
}

.brave-arcade-result__summary-card--rank {
    border-color: rgba(255, 108, 220, 0.28);
}

.brave-arcade-result__summary-card--high {
    border-color: rgba(137, 108, 255, 0.28);
}

.brave-arcade-result__board {
    display: grid;
    gap: 10px;
    padding: 14px;
    border: 1px solid rgba(255, 86, 201, 0.2);
    border-radius: var(--brave-radius-card-tight);
    background:
        linear-gradient(180deg, rgba(23, 17, 42, 0.94), rgba(8, 7, 18, 0.99));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        inset 0 0 0 1px rgba(255, 255, 255, 0.01);
}

.brave-arcade-result__board-head {
}

.brave-arcade-result__board-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 1px solid rgba(255, 86, 201, 0.22);
    border-radius: 8px;
    background: rgba(255, 86, 201, 0.12);
    color: #ffd1f5;
}

.brave-arcade-result__board-title {
    color: #eefbff;
    font-size: 1rem;
    font-weight: 800;
}

.brave-arcade-result__table-head,
.brave-arcade-result__row {
    display: grid;
    grid-template-columns: 70px minmax(0, 1fr) minmax(72px, auto);
    align-items: center;
    gap: 10px;
}

.brave-arcade-result__table-head {
    padding: 0 12px;
    color: #85e7ff;
    font-size: 0.72rem;
    font-weight: 700;
}

.brave-arcade-result__table-head span:last-child {
    text-align: right;
}

.brave-arcade-result__table {
    display: grid;
    gap: 8px;
}

.brave-arcade-result__row {
    min-height: 48px;
    padding: 0 12px;
    border: 1px solid rgba(112, 229, 255, 0.12);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(17, 14, 31, 0.94), rgba(7, 6, 16, 0.98));
}

.brave-arcade-result__row--top {
    border-color: rgba(255, 108, 220, 0.3);
    background:
        linear-gradient(180deg, rgba(67, 22, 78, 0.94), rgba(25, 11, 40, 0.98));
}

.brave-arcade-result__row--current {
    border-color: rgba(112, 229, 255, 0.32);
    box-shadow: inset 0 0 0 1px rgba(112, 229, 255, 0.14);
}

.brave-arcade-result__row--standing {
    border-color: rgba(137, 108, 255, 0.3);
    background:
        linear-gradient(180deg, rgba(34, 22, 58, 0.94), rgba(13, 10, 28, 0.98));
}

.brave-arcade-result__row--empty {
    opacity: 0.58;
}

.brave-arcade-result__rank {
    color: #97ecff;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}

.brave-arcade-result__row--top .brave-arcade-result__rank,
.brave-arcade-result__row--top .brave-arcade-result__score {
    color: #ffd2f4;
}

.brave-arcade-result__name {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.brave-arcade-result__name-text {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #eefbff;
    font-weight: 700;
}

.brave-arcade-result__tag {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 22px;
    padding: 0 8px;
    border: 1px solid rgba(112, 229, 255, 0.24);
    border-radius: 999px;
    background: rgba(112, 229, 255, 0.12);
    color: #d8faff;
    font-size: 0.72rem;
    font-weight: 800;
}

.brave-arcade-result__score {
    justify-self: end;
    color: #eefbff;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}

.brave-arcade-result__standing {
    display: grid;
    gap: 8px;
    padding-top: 8px;
    border-top: 1px solid rgba(255, 86, 201, 0.16);
}

.brave-arcade-result__standing-label {
    color: #b89bff;
    font-size: 0.72rem;
    font-weight: 700;
}

.brave-arcade-result__notes {
    display: grid;
    gap: 8px;
}

.brave-arcade-result__note {
    padding: 11px 12px;
    border: 1px solid rgba(112, 229, 255, 0.14);
    border-radius: var(--brave-radius-card-tight);
    background:
        linear-gradient(180deg, rgba(21, 17, 37, 0.88), rgba(8, 7, 18, 0.96));
    color: #cef6ff;
    font-weight: 600;
}

.brave-arcade-result__note--record {
    border-color: rgba(255, 108, 220, 0.3);
    background:
        linear-gradient(180deg, rgba(71, 24, 81, 0.9), rgba(24, 11, 39, 0.98));
    color: #ffd5f6;
}

.brave-arcade-result__note--personal {
    border-color: rgba(112, 229, 255, 0.24);
}

.brave-arcade-result__note--reward {
    border-color: rgba(137, 108, 255, 0.3);
    background:
        linear-gradient(180deg, rgba(35, 22, 60, 0.9), rgba(13, 10, 28, 0.98));
    color: #efe6ff;
}

@media (max-width: 640px) {
    .brave-activity-overlay--arcade-result .brave-activity-overlay__panel {
        width: calc(100vw - 18px);
        max-height: calc(100vh - 18px);
        gap: 12px;
        padding: 16px;
    }

    .brave-arcade-result__summary {
        grid-template-columns: 1fr;
    }

    .brave-arcade-result__board {
        padding: 12px;
    }

    .brave-arcade-result__table-head,
    .brave-arcade-result__row {
        grid-template-columns: 58px minmax(0, 1fr) minmax(64px, auto);
        gap: 8px;
    }

    .brave-arcade-result__table-head {
        padding: 0 10px;
    }

    .brave-arcade-result__row {
        min-height: 44px;
        padding: 0 10px;
    }

}

.brave-fishing-minigame {
    position: fixed;
    inset: 0;
    z-index: 1220;
    display: grid;
    place-items: center;
    padding: 18px;
    --brave-fishing-primary-rgb: 88, 188, 206;
    --brave-fishing-secondary-rgb: 149, 224, 202;
    --brave-fishing-panel-top: rgba(10, 23, 29, 0.97);
    --brave-fishing-panel-bottom: rgba(4, 10, 14, 0.995);
    --brave-fishing-title-color: #effcff;
    --brave-fishing-copy-color: #d8f2f4;
    --brave-fishing-soft-color: #c6e9ed;
    --brave-fishing-dim-color: #87bbc3;
    pointer-events: auto;
}

.brave-fishing-minigame__backdrop {
    position: absolute;
    inset: 0;
    background: color-mix(in srgb, #020609 78%, transparent);
    backdrop-filter: blur(10px);
}

.brave-fishing-minigame__panel {
    position: relative;
    z-index: 1;
    width: min(620px, calc(100vw - 28px));
    max-height: min(840px, calc(100vh - 28px));
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto auto;
    gap: 14px;
    padding: 18px;
    border: 1px solid rgba(var(--brave-fishing-primary-rgb), 0.24);
    border-radius: var(--brave-radius-panel);
    background:
        radial-gradient(circle at 0 0, rgba(var(--brave-fishing-primary-rgb), 0.14), transparent 44%),
        radial-gradient(circle at 100% 0, rgba(var(--brave-fishing-secondary-rgb), 0.1), transparent 34%),
        linear-gradient(180deg, var(--brave-fishing-panel-top), var(--brave-fishing-panel-bottom));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 30px 68px rgba(0, 0, 0, 0.44);
    overflow: hidden;
}

.brave-fishing-minigame__panel:focus {
    outline: none;
}

.brave-fishing-minigame__panel--setup {
    width: min(820px, calc(100vw - 28px));
}

.brave-fishing-minigame__head {
    display: grid;
    gap: 10px;
}

.brave-fishing-minigame__titlebar {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.brave-fishing-minigame__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 999px;
    color: var(--brave-fishing-title-color);
    background: rgba(var(--brave-fishing-primary-rgb), 0.16);
    box-shadow: inset 0 0 0 1px rgba(var(--brave-fishing-primary-rgb), 0.16);
    flex: 0 0 auto;
}

.brave-fishing-minigame__titles {
    min-width: 0;
    flex: 1 1 auto;
}

.brave-fishing-minigame__eyebrow {
    color: var(--brave-fishing-dim-color);
    font-size: calc(0.72rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.25;
    text-transform: uppercase;
}

.brave-fishing-minigame__title {
    color: var(--brave-fishing-title-color);
    font-family: var(--brave-dialogue-font-family);
    letter-spacing: var(--brave-dialogue-letter-spacing);
    font-size: calc(1.2rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.1;
    text-transform: uppercase;
}

.brave-fishing-minigame__loadout {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.brave-fishing-minigame__loadout span {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 5px 9px;
    border: 1px solid rgba(var(--brave-fishing-primary-rgb), 0.16);
    border-radius: 999px;
    color: var(--brave-fishing-soft-color);
    background: rgba(var(--brave-fishing-primary-rgb), 0.08);
    font-size: calc(0.76rem * var(--brave-text-scale) * var(--brave-font-size-scale));
}

.brave-fishing-minigame__setup {
    min-height: 0;
    overflow-y: auto;
    display: grid;
    grid-template-columns: minmax(190px, 0.35fr) minmax(0, 0.65fr);
    gap: 14px;
    padding-right: 2px;
    scrollbar-width: thin;
    scrollbar-color: rgba(var(--brave-fishing-primary-rgb), 0.58) rgba(255, 255, 255, 0.06);
}

.brave-fishing-minigame__setup-summary,
.brave-fishing-minigame__gear-column {
    min-width: 0;
    border: 1px solid rgba(var(--brave-fishing-primary-rgb), 0.16);
    border-radius: var(--brave-radius-card);
    background:
        linear-gradient(180deg, rgba(var(--brave-fishing-primary-rgb), 0.09), transparent 34%),
        linear-gradient(180deg, rgba(14, 20, 26, 0.96), rgba(6, 9, 13, 0.99));
}

.brave-fishing-minigame__setup-summary {
    align-self: start;
    display: grid;
    gap: 12px;
    padding: 14px;
}

.brave-fishing-minigame__setup-label {
    color: var(--brave-fishing-dim-color);
    font-size: calc(0.72rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.2;
    text-transform: uppercase;
}

.brave-fishing-minigame__setup-title {
    color: var(--brave-fishing-title-color);
    font-size: calc(1.02rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.2;
}

.brave-fishing-minigame__setup-text,
.brave-fishing-minigame__gear-summary,
.brave-fishing-minigame__empty {
    color: var(--brave-fishing-soft-color);
    font-size: calc(0.82rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.45;
}

.brave-fishing-minigame__setup-message {
    padding: 10px 11px;
    border: 1px solid rgba(var(--brave-fishing-primary-rgb), 0.16);
    border-radius: var(--brave-radius-card-tight);
    color: var(--brave-fishing-title-color);
    background:
        linear-gradient(180deg, rgba(var(--brave-fishing-primary-rgb), 0.12), rgba(8, 11, 15, 0.9));
    font-size: calc(0.82rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.4;
}

.brave-fishing-minigame__setup-message--good {
    border-color: color-mix(in srgb, var(--brave-good) 46%, var(--brave-world-line));
    background: color-mix(in srgb, var(--brave-good) 12%, transparent);
}

.brave-fishing-minigame__active-tackle {
    display: grid;
    gap: 8px;
}

.brave-fishing-minigame__active-tackle div {
    display: grid;
    gap: 2px;
    padding: 9px 10px;
    border-radius: var(--brave-radius-card-tight);
    background: rgba(var(--brave-fishing-primary-rgb), 0.08);
}

.brave-fishing-minigame__active-tackle span {
    color: var(--brave-fishing-dim-color);
    font-size: calc(0.7rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    text-transform: uppercase;
}

.brave-fishing-minigame__active-tackle strong {
    min-width: 0;
    color: var(--brave-fishing-title-color);
    font-size: calc(0.88rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    font-weight: 700;
    overflow-wrap: anywhere;
}

.brave-fishing-minigame__gear {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.brave-fishing-minigame__gear-column {
    display: grid;
    align-content: start;
    gap: 8px;
    padding: 12px;
}

.brave-fishing-minigame__gear-option {
    width: 100%;
    min-height: 112px;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 10px;
    align-items: start;
    padding: 10px;
    border: 1px solid rgba(var(--brave-fishing-primary-rgb), 0.14);
    border-radius: var(--brave-radius-card-tight);
    color: var(--brave-fishing-soft-color);
    background:
        linear-gradient(180deg, rgba(var(--brave-fishing-primary-rgb), 0.08), transparent 34%),
        linear-gradient(180deg, rgba(16, 21, 28, 0.96), rgba(6, 9, 13, 0.99));
    font: inherit;
    text-align: left;
}

.brave-fishing-minigame__gear-option:not(:disabled) {
    cursor: pointer;
}

.brave-fishing-minigame__gear-option:not(:disabled):hover {
    border-color: rgba(var(--brave-fishing-primary-rgb), 0.28);
    background:
        linear-gradient(180deg, rgba(var(--brave-fishing-primary-rgb), 0.16), transparent 34%),
        linear-gradient(180deg, rgba(16, 21, 28, 0.96), rgba(6, 9, 13, 0.99));
}

.brave-fishing-minigame__gear-option--selected {
    border-color: rgba(var(--brave-fishing-primary-rgb), 0.28);
    box-shadow: inset 3px 0 0 rgba(var(--brave-fishing-secondary-rgb), 0.52);
}

.brave-fishing-minigame__gear-option--locked {
    opacity: 0.58;
}

.brave-fishing-minigame__gear-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 999px;
    color: var(--brave-fishing-title-color);
    background: rgba(var(--brave-fishing-primary-rgb), 0.14);
}

.brave-fishing-minigame__gear-copy,
.brave-fishing-minigame__gear-head {
    min-width: 0;
    display: grid;
    gap: 5px;
}

.brave-fishing-minigame__gear-head {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
}

.brave-fishing-minigame__gear-name {
    min-width: 0;
    color: var(--brave-fishing-title-color);
    font-size: calc(0.9rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.brave-fishing-minigame__gear-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 6px;
    border: 1px solid rgba(var(--brave-fishing-primary-rgb), 0.16);
    border-radius: 999px;
    color: var(--brave-fishing-soft-color);
    background: rgba(var(--brave-fishing-primary-rgb), 0.08);
    font-size: calc(0.64rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.1;
    text-transform: uppercase;
}

.brave-fishing-minigame__gear-badge--selected {
    border-color: rgba(var(--brave-fishing-secondary-rgb), 0.28);
    color: var(--brave-fishing-title-color);
    background: rgba(var(--brave-fishing-secondary-rgb), 0.14);
}

.brave-fishing-minigame__gear-badge--locked {
    color: var(--brave-fishing-dim-color);
    background: rgba(255, 255, 255, 0.04);
}

.brave-fishing-minigame__gear-meta {
    color: var(--brave-fishing-dim-color);
    font-size: calc(0.72rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.3;
}

.brave-fishing-minigame__stage {
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(180px, 0.64fr) minmax(0, 0.36fr);
    gap: 14px;
    align-items: stretch;
}

.brave-fishing-minigame__lane {
    position: relative;
    min-height: 390px;
    border: 1px solid color-mix(in srgb, var(--brave-world-line) 74%, rgba(var(--brave-accent-rgb), 0.18));
    border-radius: var(--brave-radius-card);
    overflow: hidden;
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--brave-danger) 22%, transparent) 0 10%,
        transparent 10% 36%,
        color-mix(in srgb, var(--brave-good) 24%, transparent) 36% 68%,
        transparent 68% 90%,
        color-mix(in srgb, var(--brave-danger) 22%, transparent) 90% 100%),
        linear-gradient(180deg, color-mix(in srgb, #12364a 62%, var(--brave-panel-deep)), color-mix(in srgb, #071a22 72%, var(--brave-surface-deep-bottom)));
    touch-action: none;
    user-select: none;
}

.brave-fishing-minigame__water {
    position: absolute;
    inset: 0;
    background:
        repeating-linear-gradient(180deg, rgba(255, 255, 255, 0.06) 0 2px, transparent 2px 30px),
        linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.045), transparent);
    opacity: 0.65;
}

.brave-fishing-minigame__progress {
    position: absolute;
    left: 8px;
    bottom: 8px;
    z-index: 1;
    width: 8px;
    max-height: calc(100% - 16px);
    height: 0;
    border-radius: 999px;
    background: linear-gradient(0deg, color-mix(in srgb, var(--brave-good) 78%, var(--brave-text-bright)), color-mix(in srgb, var(--brave-good) 38%, transparent));
    box-shadow: 0 0 14px color-mix(in srgb, var(--brave-good) 28%, transparent);
    transition: height 90ms linear;
}

.brave-fishing-minigame__marker {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    width: 54px;
    height: 54px;
    transform: translate(-50%, -50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    color: var(--brave-text-bright);
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--brave-accent) 62%, var(--brave-text-bright)), color-mix(in srgb, var(--brave-accent) 44%, var(--brave-panel-deep)));
    box-shadow:
        0 12px 24px rgba(0, 0, 0, 0.28),
        0 0 0 8px rgba(var(--brave-accent-rgb), 0.1);
    transition: top 90ms linear;
}

.brave-fishing-minigame[data-fishing-band="danger"] .brave-fishing-minigame__marker {
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--brave-danger) 64%, var(--brave-text-bright)), color-mix(in srgb, var(--brave-danger) 46%, var(--brave-panel-deep)));
    box-shadow:
        0 12px 24px rgba(0, 0, 0, 0.32),
        0 0 0 9px color-mix(in srgb, var(--brave-danger) 16%, transparent);
}

.brave-fishing-minigame__marker .material-symbols-outlined {
    font-size: 1.8rem;
}

.brave-fishing-minigame__zone {
    position: absolute;
    left: 10px;
    right: 10px;
    z-index: 1;
    min-height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--brave-text-bright);
    font-size: calc(0.72rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    text-transform: uppercase;
    background: rgba(0, 0, 0, 0.18);
    border-radius: 999px;
}

.brave-fishing-minigame__zone--escape {
    top: 10px;
    color: color-mix(in srgb, var(--brave-danger) 48%, var(--brave-text-bright));
}

.brave-fishing-minigame__zone--catch {
    bottom: 10px;
    color: color-mix(in srgb, var(--brave-danger) 48%, var(--brave-text-bright));
}

.brave-fishing-minigame__zone--hold {
    top: 50%;
    transform: translateY(-50%);
    color: color-mix(in srgb, var(--brave-good) 54%, var(--brave-text-bright));
    background: color-mix(in srgb, var(--brave-good) 14%, rgba(0, 0, 0, 0.18));
}

.brave-fishing-minigame__readout {
    display: grid;
    align-content: center;
    gap: 12px;
    min-width: 0;
    padding: 14px;
    border: 1px solid rgba(var(--brave-fishing-primary-rgb), 0.16);
    border-radius: var(--brave-radius-card);
    background:
        linear-gradient(180deg, rgba(var(--brave-fishing-primary-rgb), 0.09), transparent 34%),
        linear-gradient(180deg, rgba(14, 20, 26, 0.96), rgba(6, 9, 13, 0.99));
}

.brave-fishing-minigame__status {
    color: var(--brave-fishing-title-color);
    font-size: calc(1rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.2;
    text-transform: uppercase;
}

.brave-fishing-minigame__fish,
.brave-fishing-minigame__timer,
.brave-fishing-minigame__result {
    color: var(--brave-fishing-soft-color);
    font-size: calc(0.86rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.45;
}

.brave-fishing-minigame__result {
    color: var(--brave-fishing-title-color);
}

.brave-fishing-minigame__controls,
.brave-fishing-minigame__result-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: stretch;
}

.brave-fishing-minigame__reel,
.brave-fishing-minigame__secondary {
    min-height: 58px;
    border-radius: var(--brave-radius-card-tight);
    font: inherit;
    color: var(--brave-fishing-title-color);
    border: 1px solid rgba(var(--brave-fishing-primary-rgb), 0.16);
    background:
        linear-gradient(180deg, rgba(var(--brave-fishing-primary-rgb), 0.12), rgba(9, 12, 17, 0.96));
    touch-action: none;
}

.brave-fishing-minigame__reel {
    border-color: rgba(var(--brave-fishing-primary-rgb), 0.44);
    background:
        linear-gradient(180deg, rgba(var(--brave-fishing-primary-rgb), 0.54), rgba(var(--brave-fishing-primary-rgb), 0.34)),
        linear-gradient(180deg, rgba(20, 25, 33, 0.96), rgba(9, 12, 17, 0.98));
    box-shadow: 0 14px 26px rgba(0, 0, 0, 0.28);
    text-transform: uppercase;
}

.brave-fishing-minigame__reel:disabled {
    opacity: 0.48;
    filter: grayscale(0.35);
}

.brave-fishing-minigame__secondary {
    padding-inline: 16px;
}

.brave-fishing-minigame[data-fishing-phase="hook"] .brave-fishing-minigame__marker {
    animation: brave-fishing-bite 320ms infinite alternate ease-in-out;
}

.brave-fishing-minigame[data-fishing-phase="result"] .brave-fishing-minigame__controls {
    display: none;
}

@keyframes brave-fishing-bite {
    from {
        transform: translate(-50%, -50%) scale(1);
    }
    to {
        transform: translate(-50%, -50%) scale(1.12);
    }
}

@media (max-width: 720px) {
    .brave-activity-overlay {
        align-items: end;
        padding: 10px;
    }

    .brave-activity-overlay__panel {
        width: 100%;
        max-height: calc(100vh - 20px);
        padding: 14px;
        border-radius: var(--brave-radius-panel) var(--brave-radius-panel) 0 0;
    }

    .brave-activity-overlay__stats {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .brave-activity-overlay__cards {
        grid-template-columns: minmax(0, 1fr);
    }

    .brave-activity-card {
        min-height: 0;
    }

    .brave-activity-card__head {
        grid-template-columns: minmax(0, 1fr);
    }

    .brave-activity-card__badge {
        max-width: none;
        justify-self: start;
        text-align: left;
    }

    .brave-activity-overlay__footer {
        display: grid;
    }

    .brave-activity-overlay__footer-action {
        width: 100%;
        min-height: 48px;
    }

    .brave-fishing-minigame {
        align-items: end;
        padding: 10px;
    }

    .brave-fishing-minigame__panel {
        width: 100%;
        max-height: calc(100vh - 20px);
        padding: 14px;
        border-radius: var(--brave-radius-panel) var(--brave-radius-panel) 0 0;
        grid-template-rows: auto minmax(0, 1fr) auto auto;
    }

    .brave-fishing-minigame__stage {
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
    }

    .brave-fishing-minigame__setup {
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
    }

    .brave-fishing-minigame__gear {
        grid-template-columns: minmax(0, 1fr);
    }

    .brave-fishing-minigame__gear-option {
        min-height: 96px;
    }

    .brave-fishing-minigame__lane {
        min-height: min(50vh, 430px);
    }

    .brave-fishing-minigame__readout {
        align-content: start;
        grid-template-columns: minmax(0, 1fr) auto;
        padding: 10px 12px;
    }

    .brave-fishing-minigame__result {
        grid-column: 1 / -1;
    }

    .brave-fishing-minigame__controls,
    .brave-fishing-minigame__result-actions {
        grid-template-columns: minmax(0, 1fr);
    }

    .brave-fishing-minigame__reel,
    .brave-fishing-minigame__secondary {
        min-height: 64px;
        width: 100%;
    }
}

.scene-rail {
    position: absolute;
    top: 40px;
    right: var(--brave-rail-offset);
    width: min(calc((var(--brave-rail-column-width) * 2) + var(--brave-rail-gap)), calc(100% - 68px));
    height: calc(100% - 76px);
    padding-right: max(0px, calc(36px - var(--brave-rail-offset)));
    max-height: calc(100% - 76px);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, var(--brave-rail-column-width)));
    grid-template-rows: minmax(0, 1fr) 320px;
    grid-template-areas:
        "card pack"
        "vicinity vicinity";
    column-gap: var(--brave-rail-gap);
    row-gap: 6px;
    align-items: stretch;
    justify-content: end;
    align-content: stretch;
    pointer-events: none;
    z-index: 5;
}

.scene-rail--vicinity-hidden {
    grid-template-rows: auto;
    grid-template-areas: "card pack";
}

.scene-rail--detail-hidden {
    width: min(calc((var(--brave-rail-column-width) * 2) + var(--brave-rail-gap)), calc(100% - 68px));
}

.scene-rail--pack-hidden {
    width: min(var(--brave-rail-column-width), calc(100% - 68px));
    grid-template-columns: minmax(0, var(--brave-rail-column-width));
    grid-template-areas:
        "card"
        "vicinity";
}

.scene-rail--card-hidden {
    width: min(var(--brave-rail-column-width), calc(100% - 68px));
    grid-template-columns: minmax(0, var(--brave-rail-column-width));
    grid-template-areas:
        "pack"
        "vicinity";
}

.scene-rail--pack-hidden.scene-rail--card-hidden {
    grid-template-areas: "vicinity";
}

.scene-rail--vicinity-hidden.scene-rail--pack-hidden {
    width: min(var(--brave-rail-column-width), calc(100% - 68px));
    grid-template-columns: minmax(0, var(--brave-rail-column-width));
    grid-template-areas: "card";
}

.scene-rail--vicinity-hidden.scene-rail--card-hidden {
    width: min(var(--brave-rail-column-width), calc(100% - 68px));
    grid-template-columns: minmax(0, var(--brave-rail-column-width));
    grid-template-areas: "pack";
}

.scene-rail--vicinity-hidden.scene-rail--pack-hidden.scene-rail--card-hidden {
    grid-template-areas: none;
}

.scene-rail--empty {
    display: none !important;
}

.scene-rail__panel {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 16px 18px 18px;
    border: 1px solid color-mix(in srgb, var(--brave-world-line) 76%, rgba(var(--brave-accent-rgb), 0.2));
    border-radius: var(--brave-radius-panel);
    background:
        radial-gradient(circle at 0 0, var(--brave-state-surface-tint), transparent 48%),
        radial-gradient(circle at 100% 0, var(--brave-world-surface-tint-strong), transparent 40%),
        linear-gradient(180deg, color-mix(in srgb, var(--brave-world-surface-tint) 98%, transparent), transparent 28%),
        linear-gradient(180deg, var(--brave-surface-well-top), var(--brave-surface-well-bottom));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 18px 34px rgba(0, 0, 0, 0.26);
}

.scene-rail__panel--clickable,
.scene-card--clickable {
    pointer-events: auto;
    cursor: pointer;
    transition:
        border-color 120ms ease,
        background-color 120ms ease,
        transform 120ms ease,
        box-shadow 120ms ease;
}

.scene-rail__panel--clickable:hover,
.scene-rail__panel--clickable:focus-visible,
.scene-card--clickable:hover,
.scene-card--clickable:focus-visible {
    border-color: rgba(var(--brave-accent-rgb), 0.34);
    background: linear-gradient(180deg, var(--brave-panel-soft), var(--brave-panel-deep));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 20px 38px rgba(0, 0, 0, 0.28);
    outline: none;
}

.scene-rail__panel--map {
    grid-area: map;
    width: 100%;
    min-width: 0;
}

.scene-rail__panel--pack {
    grid-area: pack;
    width: 100%;
    min-width: 0;
    min-height: 0;
    height: 100%;
    max-height: 100%;
    align-self: stretch;
    overflow: hidden;
}

.scene-rail__panel--vicinity {
    grid-area: vicinity;
    width: 100%;
    min-width: 0;
    min-height: 0;
    height: 100%;
    max-height: 100%;
    overflow: hidden;
    pointer-events: auto;
    align-self: stretch;
}

.scene-rail__panel--vicinity .scene-card__section {
    display: flex;
    flex-direction: column;
    min-height: 0;
    flex: 1 1 auto;
}

.scene-rail__panel--vicinity .scene-card__list {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding-right: 2px;
    scrollbar-width: thin;
    scrollbar-color: color-mix(in srgb, var(--brave-accent) 54%, var(--brave-text-dim)) color-mix(in srgb, var(--brave-world-line) 38%, transparent);
}

.scene-rail__panel--vicinity .scene-card__list::-webkit-scrollbar {
    width: 8px;
}

.scene-rail__panel--vicinity .scene-card__list::-webkit-scrollbar-track {
    border-radius: 999px;
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--brave-world-surface-tint) 42%, transparent), color-mix(in srgb, var(--brave-surface-deep-bottom) 64%, transparent));
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--brave-world-line) 34%, transparent);
}

.scene-rail__panel--vicinity .scene-card__list::-webkit-scrollbar-thumb {
    border: 2px solid transparent;
    border-radius: 999px;
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--brave-accent) 72%, var(--brave-text-soft)), color-mix(in srgb, var(--brave-accent) 44%, var(--brave-world-line)));
    background-clip: padding-box;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.16),
        0 0 0 1px rgba(var(--brave-accent-rgb), 0.12);
}

.scene-rail__panel--vicinity .scene-card__list::-webkit-scrollbar-thumb:hover {
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--brave-accent) 84%, var(--brave-text-bright)), color-mix(in srgb, var(--brave-accent) 56%, var(--brave-world-line)));
    background-clip: padding-box;
}

.scene-rail__panel--hidden {
    display: none !important;
}

.scene-rail__heading {
    letter-spacing: calc(var(--brave-letter-spacing) + 0.08em);
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--brave-text-dim);
    font-size: calc(0.72rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    text-transform: uppercase;
}

.scene-rail__heading-icon {
    color: var(--brave-accent);
    font-size: 1rem;
}

.minimap-overlay {
    font-family: var(--brave-mono-font-family);
    letter-spacing: 0;
    position: relative;
    width: 100%;
    min-width: 0;
    aspect-ratio: 1 / 1;
    padding: 20px;
    background:
        radial-gradient(circle at 0 0, var(--brave-state-surface-tint), transparent 50%),
        radial-gradient(circle at 18% 0, color-mix(in srgb, var(--brave-world-surface-tint-strong) 100%, transparent), transparent 38%),
        radial-gradient(circle at 100% 100%, var(--brave-world-surface-tint-soft), transparent 34%),
        linear-gradient(180deg, var(--brave-surface-deep-top), var(--brave-surface-deep-bottom));
    border: 1px solid color-mix(in srgb, var(--brave-world-line) 74%, rgba(var(--brave-accent-rgb), 0.18));
    border-radius: var(--brave-radius-card);
    font-size: calc(0.84rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.08;
    color: color-mix(in srgb, var(--brave-text) 82%, transparent);
    pointer-events: none;
    z-index: 5;
    white-space: pre;
    backdrop-filter: blur(8px);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
    opacity: 0.96;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    text-align: center;
}

.minimap-overlay:empty {
    display: none;
}

.scene-card {
    grid-area: card;
    height: 100%;
    width: 100%;
    min-width: 0;
    min-height: 0;
    max-height: 100%;
    align-self: stretch;
    padding: 16px 18px 18px;
    border: 1px solid color-mix(in srgb, var(--brave-world-line) 74%, rgba(var(--brave-accent-rgb), 0.16));
    border-radius: var(--brave-radius-panel);
    background:
        radial-gradient(circle at 0 0, var(--brave-state-surface-tint), transparent 48%),
        radial-gradient(circle at 100% 0, var(--brave-world-surface-tint-strong), transparent 42%),
        linear-gradient(180deg, color-mix(in srgb, var(--brave-world-surface-tint) 98%, transparent), transparent 28%),
        linear-gradient(180deg, var(--brave-surface-well-top), var(--brave-surface-well-bottom));
    color: var(--brave-text);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 18px 34px rgba(0, 0, 0, 0.26);
    display: flex;
    flex-direction: column;
    gap: 10px;
    overflow: hidden;
}

.scene-card--scrollable {
    overflow-y: auto;
    overscroll-behavior: contain;
    padding-right: 12px;
    scrollbar-width: thin;
    scrollbar-color: color-mix(in srgb, var(--brave-accent) 54%, var(--brave-text-dim)) color-mix(in srgb, var(--brave-world-line) 38%, transparent);
}

.scene-card--scrollable::-webkit-scrollbar {
    width: 8px;
}

.scene-card--scrollable::-webkit-scrollbar-track {
    border-radius: 999px;
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--brave-world-surface-tint) 42%, transparent), color-mix(in srgb, var(--brave-surface-deep-bottom) 64%, transparent));
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--brave-world-line) 34%, transparent);
}

.scene-card--scrollable::-webkit-scrollbar-thumb {
    border: 2px solid transparent;
    border-radius: 999px;
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--brave-accent) 72%, var(--brave-text-soft)), color-mix(in srgb, var(--brave-accent) 44%, var(--brave-world-line)));
    background-clip: padding-box;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.16),
        0 0 0 1px rgba(var(--brave-accent-rgb), 0.12);
}

.scene-card--scrollable::-webkit-scrollbar-thumb:hover {
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--brave-accent) 84%, var(--brave-text-bright)), color-mix(in srgb, var(--brave-accent) 56%, var(--brave-world-line)));
    background-clip: padding-box;
}

.scene-rail .scene-card__section {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.scene-rail .scene-card__section:last-child {
    flex: 1 1 auto;
}

.scene-rail .scene-card__list {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding-right: 2px;
    scrollbar-width: thin;
    scrollbar-color: color-mix(in srgb, var(--brave-accent) 54%, var(--brave-text-dim)) color-mix(in srgb, var(--brave-world-line) 38%, transparent);
}

.scene-rail .scene-card__list::-webkit-scrollbar {
    width: 8px;
}

.scene-rail .scene-card__list::-webkit-scrollbar-track {
    border-radius: 999px;
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--brave-world-surface-tint) 42%, transparent), color-mix(in srgb, var(--brave-surface-deep-bottom) 64%, transparent));
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--brave-world-line) 34%, transparent);
}

.scene-rail .scene-card__list::-webkit-scrollbar-thumb {
    border-radius: 999px;
    border: 2px solid transparent;
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--brave-accent) 72%, var(--brave-text-soft)), color-mix(in srgb, var(--brave-accent) 44%, var(--brave-world-line)));
    background-clip: padding-box;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.16),
        0 0 0 1px rgba(var(--brave-accent-rgb), 0.12);
}

.scene-rail .scene-card__list::-webkit-scrollbar-thumb:hover {
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--brave-accent) 84%, var(--brave-text-bright)), color-mix(in srgb, var(--brave-accent) 56%, var(--brave-world-line)));
    background-clip: padding-box;
}

.scene-rail .scene-card--scrollable .scene-card__section,
.scene-rail .scene-card--scrollable .scene-card__section:last-child,
.scene-rail .scene-card--scrollable .scene-card__list {
    flex: 0 0 auto;
}

.scene-rail .scene-card--scrollable .scene-card__list {
    overflow: hidden;
    padding-right: 0;
}

.scene-card:empty {
    display: none;
}

#mobile-nav-dock {
    display: none;
}

#mobile-utility-sheet {
    display: none;
}

.scene-card__eyebrow {
    letter-spacing: calc(var(--brave-letter-spacing) + 0.08em);
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--brave-text-dim);
    font-size: calc(0.72rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    text-transform: uppercase;
}

.scene-card__eyebrow-icon {
    color: var(--brave-accent);
    font-size: 0.96rem;
}

.scene-card__title {
    font-family: var(--brave-dialogue-font-family);
    font-weight: 500;
    letter-spacing: var(--brave-dialogue-letter-spacing);
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: var(--brave-text-bright);
    font-size: calc(0.94rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.45;
    text-transform: none;
}

.scene-card__title span:last-child {
    min-width: 0;
    overflow-wrap: anywhere;
}

.scene-card__title-icon {
    color: var(--brave-link);
    font-size: 1.08rem;
}

.scene-card__subtitle {
    font-family: var(--brave-body-font-family);
    letter-spacing: var(--brave-body-letter-spacing);
    color: var(--brave-text-dim);
    font-size: calc(0.76rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.45;
}

.scene-card__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.scene-card__chip {
    letter-spacing: calc(var(--brave-letter-spacing) + 0.04em);
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border: 1px solid rgba(var(--brave-accent-rgb), 0.15);
    border-radius: var(--brave-radius-pill);
    background: rgba(255, 255, 255, 0.03);
    color: var(--brave-text-soft);
    font-size: calc(0.7rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    text-transform: uppercase;
}

.scene-card__chip-icon {
    font-size: 0.86rem;
}

.scene-card__chip--safe {
    border-color: var(--brave-room-safe-border);
    background: color-mix(in srgb, var(--brave-room-safe-border) 52%, transparent);
    color: var(--brave-room-safe-accent);
}

.scene-card__chip--danger {
    border-color: var(--brave-room-danger-border);
    background: color-mix(in srgb, var(--brave-room-danger-border) 54%, transparent);
    color: var(--brave-room-danger-accent);
}

.scene-card__chip--accent {
    border-color: rgba(var(--brave-accent-rgb), 0.28);
    background: rgba(var(--brave-accent-rgb), 0.11);
    color: color-mix(in srgb, var(--brave-accent) 62%, var(--brave-text-bright));
}

.scene-card__chip--muted {
    border-color: rgba(200, 188, 163, 0.16);
    background: rgba(255, 255, 255, 0.025);
    color: var(--brave-text-soft);
}

.scene-card__chip--good {
    border-color: rgba(138, 191, 151, 0.28);
    background: rgba(138, 191, 151, 0.1);
    color: #bddfc5;
}

.scene-card__chip--warn {
    border-color: rgba(235, 186, 106, 0.26);
    background: rgba(235, 186, 106, 0.1);
    color: #f1ddb1;
}

.scene-card__chip--rarity-common {
    border-color: rgba(190, 186, 174, 0.2);
    background: rgba(190, 186, 174, 0.08);
    color: #d7d1c3;
}

.scene-card__chip--rarity-uncommon {
    border-color: rgba(96, 190, 126, 0.34);
    background: rgba(96, 190, 126, 0.12);
    color: #aee5ba;
}

.scene-card__chip--rarity-rare {
    border-color: rgba(88, 166, 255, 0.36);
    background: rgba(88, 166, 255, 0.13);
    color: #b9d8ff;
}

.scene-card__chip--rarity-epic {
    border-color: rgba(184, 120, 255, 0.38);
    background: rgba(184, 120, 255, 0.14);
    color: #dfc3ff;
}

.scene-card__chip--rarity-legendary {
    border-color: rgba(245, 175, 76, 0.4);
    background: rgba(245, 175, 76, 0.15);
    color: #f8d59b;
}

.scene-card__chip--rarity-story {
    border-color: rgba(238, 214, 127, 0.4);
    background: rgba(238, 214, 127, 0.14);
    color: #f4e6ae;
}

.scene-card__section {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-height: 0;
    padding-top: 4px;
    border-top: 1px solid rgba(var(--brave-accent-rgb), 0.08);
}

.scene-card__label {
    letter-spacing: calc(var(--brave-letter-spacing) + 0.08em);
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--brave-text-dim);
    font-size: calc(0.68rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    text-transform: uppercase;
}

.scene-card__section-icon {
    color: var(--brave-accent);
    font-size: 0.92rem;
}

.scene-card__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.scene-card__item {
    font-family: var(--brave-body-font-family);
    letter-spacing: var(--brave-body-letter-spacing);
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 10px;
    align-items: start;
    color: var(--brave-text-soft);
    font-size: calc(0.86rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.42;
}

.scene-card__item--interactive {
    padding: 0;
}

.scene-card__item-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    align-items: stretch;
    min-width: 0;
}

.scene-card__item-button {
    appearance: none;
    -webkit-appearance: none;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 10px;
    width: 100%;
    padding: 9px 10px;
    border: 1px solid var(--brave-room-entry-border);
    border-radius: var(--brave-radius-card-tight);
    background:
        radial-gradient(circle at 0 0, var(--brave-room-entry-right), transparent 48%),
        radial-gradient(circle at 100% 0, rgba(255, 255, 255, 0.02), transparent 36%),
        linear-gradient(180deg, var(--brave-room-entry-sheen), transparent 24%),
        rgba(255, 255, 255, 0.03);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.025),
        0 8px 18px rgba(0, 0, 0, 0.08);
    color: var(--brave-text-soft);
    font: inherit;
    line-height: inherit;
    text-align: left;
    cursor: pointer;
    pointer-events: auto;
}

.scene-card__item-row .brave-view__inline-actions {
    align-self: stretch;
    flex-wrap: nowrap;
    gap: 0;
}

.scene-card__item-row .brave-view__mini-action {
    min-height: 100%;
    padding: 7px 9px;
    border-radius: var(--brave-radius-card-tight);
    white-space: nowrap;
}

.scene-card__item-button:hover,
.scene-card__item-button:focus-visible {
    border-color: color-mix(in srgb, var(--brave-room-entry-border) 78%, rgba(255, 255, 255, 0.14));
    background:
        radial-gradient(circle at 0 0, color-mix(in srgb, var(--brave-room-entry-right) 78%, rgba(255, 255, 255, 0.03)), transparent 48%),
        radial-gradient(circle at 100% 0, rgba(255, 255, 255, 0.04), transparent 36%),
        linear-gradient(180deg, color-mix(in srgb, var(--brave-room-entry-sheen) 94%, rgba(255, 255, 255, 0.02)), transparent 24%),
        rgba(255, 255, 255, 0.045);
    outline: none;
}

.scene-card__item-button .scene-card__item-body {
    align-self: center;
}

.scene-card__item-body {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
}

.scene-card__dir {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-width: 1.85rem;
    padding: 2px 6px;
    border-radius: var(--brave-radius-pill);
    background: rgba(var(--brave-accent-rgb), 0.11);
    color: color-mix(in srgb, var(--brave-accent) 58%, var(--brave-text-bright));
    text-align: center;
}

.scene-card__dir--icon {
    min-width: 2rem;
    padding: 4px 6px;
}

.scene-card__dir-icon {
    font-size: 0.88rem;
}

.scene-card__text {
    font-family: var(--brave-body-font-family);
    letter-spacing: var(--brave-body-letter-spacing);
    min-width: 0;
    overflow-wrap: anywhere;
}

.scene-card__item-meta {
    letter-spacing: calc(var(--brave-letter-spacing) + 0.05em);
    color: var(--brave-text-dim);
    font-size: calc(0.68rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    text-transform: uppercase;
}

.scene-card__meter {
    display: flex;
    align-items: center;
    gap: 8px;
}

.scene-card__meter-track {
    position: relative;
    flex: 1;
    min-width: 0;
    overflow: hidden;
    height: 6px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
}

.scene-card__meter-fill {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, rgba(var(--brave-accent-rgb), 0.95), rgba(var(--brave-accent-rgb), 0.64));
}

.scene-card__meter--good .scene-card__meter-fill {
    background: linear-gradient(90deg, rgba(138, 191, 151, 0.98), rgba(98, 162, 116, 0.9));
}

.scene-card__meter--warn .scene-card__meter-fill {
    background: linear-gradient(90deg, rgba(235, 186, 106, 0.98), rgba(205, 145, 61, 0.9));
}

.scene-card__meter--danger .scene-card__meter-fill {
    background: linear-gradient(90deg, rgba(213, 138, 118, 0.98), rgba(174, 82, 74, 0.92));
}

.scene-card__meter--mana .scene-card__meter-fill {
    background: linear-gradient(90deg, rgba(110, 220, 242, 0.98), rgba(56, 158, 212, 0.9));
}

.scene-card__meter--stamina .scene-card__meter-fill {
    background: linear-gradient(90deg, rgba(242, 190, 102, 0.98), rgba(194, 128, 42, 0.9));
}

.scene-card__meter--atb .scene-card__meter-fill {
    background: linear-gradient(90deg, rgba(124, 255, 226, 0.98), rgba(54, 198, 214, 0.9));
}

.scene-card__meter-value {
    color: var(--brave-text-dim);
    font-size: calc(0.66rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1;
}

.scene-card__empty {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    color: var(--brave-text-dim);
    font-size: calc(0.8rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.4;
}

.scene-card__empty-icon {
    color: var(--brave-accent);
    font-size: 0.96rem;
    margin-top: 1px;
}

body.brave-mainview-active .scene-rail {
    display: none !important;
}

.brave-view {
    font-family: var(--brave-ui-font-family);
    display: flex;
    flex-direction: column;
    gap: 18px;
    max-width: 980px;
}

.brave-view__titlebar {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.brave-view__hero-topbar {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.brave-view__titlebar .brave-view__title {
}

.brave-view__hero-topbar .brave-view__eyebrow {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
}

.brave-view__menu-button {
    margin-left: auto;
    flex: 0 0 auto;
    min-height: 36px;
    padding: 7px 12px;
    border: 1px solid color-mix(in srgb, var(--brave-world-line) 76%, rgba(var(--brave-accent-rgb), 0.18));
    border-radius: 12px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.05), transparent 42%),
        linear-gradient(180deg, var(--brave-surface-soft-top), var(--brave-surface-soft-bottom));
    color: var(--brave-text-bright);
    font-family: inherit;
    font-size: calc(0.7rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    letter-spacing: calc(var(--brave-letter-spacing) + 0.08em);
    text-transform: uppercase;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 10px 20px rgba(0, 0, 0, 0.16);
    cursor: pointer;
}

.brave-view__menu-button:hover,
.brave-view__menu-button:focus-visible {
    border-color: rgba(var(--brave-accent-rgb), 0.3);
    background: rgba(255, 255, 255, 0.05);
    outline: none;
}

.brave-view__back {
    margin-left: auto;
    flex: 0 0 auto;
    align-self: center;
    padding: 7px 11px;
    font-size: calc(0.72rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    letter-spacing: calc(var(--brave-letter-spacing) + 0.06em);
    text-transform: uppercase;
}

.brave-view__back .brave-view__action-icon {
    color: inherit;
    font-size: 0.88rem;
}

.brave-view__action-icon--back {
}

.brave-sticky-view {
    position: sticky;
    top: 0;
    z-index: 8;
    margin-bottom: 18px;
    padding-bottom: 16px;
    background:
        linear-gradient(180deg, rgba(6, 9, 7, 0.98), rgba(6, 9, 7, 0.96) 78%, rgba(6, 9, 7, 0));
}

body[data-brave-scene="combat"] #messagewindow > .brave-sticky-view {
    border-radius: 28px;
    overflow: hidden;
    background:
        radial-gradient(circle at 10% 0, rgba(136, 78, 61, 0.12), transparent 30%),
        radial-gradient(circle at 86% 6%, rgba(88, 58, 45, 0.12), transparent 28%),
        linear-gradient(180deg, rgba(10, 11, 13, 0.985), rgba(7, 8, 10, 0.968) 74%, rgba(7, 8, 10, 0.72) 92%, rgba(7, 8, 10, 0));
}

.brave-view--map {
    width: 100%;
    max-width: 1320px;
    gap: 16px;
}

.brave-view--combat {
    width: 100%;
    max-width: 1320px;
    gap: 14px;
}

@media screen and (min-width: 901px) {
    body[data-brave-scene="combat"] #messagewindow > .brave-sticky-view {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    body[data-brave-scene="combat"] #messagewindow > .brave-sticky-view > .brave-view--combat {
        flex-direction: column;
    }

    .brave-view--combat .brave-view__hero {
        flex: 0 0 auto;
    }
}

.brave-view--combat-result {
    max-width: 860px;
    gap: 14px;
}

.brave-view--gear {
    width: 100%;
    max-width: 1040px;
    gap: 14px;
}

.brave-view--gear .brave-view__hero {
    gap: 10px;
}

.brave-view--gear .brave-view__sections {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
}

.brave-view--gear .brave-view__section {
    padding: 12px 14px 14px;
    border-color: color-mix(in srgb, var(--brave-world-line) 66%, rgba(var(--brave-accent-rgb), 0.08));
    background:
        radial-gradient(circle at 0 0, var(--brave-state-surface-tint-soft), transparent 46%),
        linear-gradient(180deg, color-mix(in srgb, var(--brave-world-surface-tint-soft) 96%, transparent), transparent 24%),
        rgba(255, 255, 255, 0.022);
}

.brave-view--gear .brave-view__section-label {
    letter-spacing: calc(var(--brave-letter-spacing) + 0.1em);
    margin-bottom: 2px;
    color: color-mix(in srgb, var(--brave-text-dim) 86%, var(--brave-accent));
    font-size: calc(0.64rem * var(--brave-text-scale) * var(--brave-font-size-scale));
}

.brave-view--gear .brave-view__section--slots {
    padding: 10px;
    border-color: rgba(var(--brave-accent-rgb), 0.18);
    background:
        radial-gradient(circle at 0 0, color-mix(in srgb, var(--brave-world-surface-tint-strong) 84%, transparent), transparent 40%),
        linear-gradient(180deg, color-mix(in srgb, var(--brave-world-surface-tint-soft) 96%, transparent), transparent 22%),
        rgba(255, 255, 255, 0.028);
}

.brave-view--gear .brave-view__section--slots .brave-view__entries {
    gap: 8px;
}

.brave-view--gear .brave-view__section--slots .brave-view__entry {
    gap: 7px;
    padding: 11px 12px 10px;
    border-color: rgba(var(--brave-accent-rgb), 0.24);
    background:
        radial-gradient(circle at 100% 0, var(--brave-world-surface-tint), transparent 40%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.038), transparent 24%),
        rgba(255, 255, 255, 0.024);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 10px 18px rgba(0, 0, 0, 0.1);
}

.brave-view--gear .brave-view__section--slots .brave-view__entry-head {
    align-items: center;
    gap: 10px;
}

.brave-view--gear .brave-view__section--slots .brave-view__entry-heading {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    column-gap: 14px;
    row-gap: 0;
}

.brave-view--gear .brave-view__section--slots .brave-view__entry-title {
    letter-spacing: calc(var(--brave-letter-spacing) + 0.08em);
    font-size: calc(0.78rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.1;
    text-transform: uppercase;
}

.brave-view--gear .brave-view__section--slots .brave-view__entry-meta {
    margin-top: 0;
    color: var(--brave-text-bright);
    font-size: calc(0.86rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.2;
    letter-spacing: 0;
    text-transform: none;
    text-align: right;
}

.brave-view--gear .brave-view__section--slots .brave-view__entry-body {
    gap: 2px;
    padding-left: calc(2rem + 10px);
}

.brave-view--gear .brave-view__section--slots .brave-view__entry-line {
    color: var(--brave-text-soft);
    font-size: calc(0.78rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.32;
}

@media (hover: hover) and (pointer: fine) {
    .brave-view--gear .brave-view__section--slots .brave-click--row:hover {
        background:
            radial-gradient(circle at 0 0, color-mix(in srgb, var(--brave-state-surface-tint) 82%, transparent), transparent 46%),
            linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.02));
        box-shadow: 0 0 0 1px rgba(var(--brave-accent-rgb), 0.08);
    }
}

.brave-view--gear .brave-view__section--slots .brave-click--row:focus-visible {
    background:
        radial-gradient(circle at 0 0, color-mix(in srgb, var(--brave-state-surface-tint) 82%, transparent), transparent 46%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.02));
    box-shadow: 0 0 0 1px rgba(var(--brave-accent-rgb), 0.08);
}

@media screen and (max-width: 720px) {
    .brave-view--gear .brave-view__section--slots .brave-view__entry-heading {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 2px;
    }

    .brave-view--gear .brave-view__section--slots .brave-view__entry-meta {
        text-align: left;
    }
}

.brave-view--pack {
    width: 100%;
    max-width: 1040px;
    gap: 14px;
}

.brave-view--pack .brave-view__hero {
    gap: 10px;
}

.brave-view--pack .brave-view__sections {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 10px;
}

.brave-view--pack .brave-view__section {
    padding: 12px 14px 14px;
    border-color: color-mix(in srgb, var(--brave-world-line) 66%, rgba(var(--brave-accent-rgb), 0.08));
    background:
        radial-gradient(circle at 0 0, var(--brave-state-surface-tint-soft), transparent 46%),
        linear-gradient(180deg, color-mix(in srgb, var(--brave-world-surface-tint-soft) 96%, transparent), transparent 24%),
        rgba(255, 255, 255, 0.022);
}

body[data-brave-theme] .brave-view--pack .brave-view__section--money,
.brave-view--pack .brave-view__section--money {
    padding: 0;
    border: 0;
    border-color: transparent;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.brave-view--pack .brave-view__section--money .brave-view__pairs {
    display: flex;
    gap: 0;
}

.brave-view--pack .brave-view__section--money .brave-view__pair {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: auto;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.brave-view--pack .brave-view__section--money .brave-view__pair-label {
    letter-spacing: calc(var(--brave-letter-spacing) + 0.06em);
    color: var(--brave-text-soft);
    gap: 6px;
    font-size: calc(0.66rem * var(--brave-text-scale) * var(--brave-font-size-scale));
}

.brave-view--pack .brave-view__section--money .brave-view__pair-icon {
    color: color-mix(in srgb, var(--brave-accent) 72%, var(--brave-good));
    font-size: 0.88rem;
}

.brave-view--pack .brave-view__section--money .brave-view__pair-value {
    font-weight: 600;
    letter-spacing: calc(var(--brave-letter-spacing) + 0.01em);
    color: var(--brave-text-bright);
    font-size: calc(0.92rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    text-align: left;
}

.brave-view--pack .brave-view__section-label {
    letter-spacing: calc(var(--brave-letter-spacing) + 0.1em);
    margin-bottom: 2px;
    color: color-mix(in srgb, var(--brave-text-dim) 86%, var(--brave-accent));
    font-size: calc(0.64rem * var(--brave-text-scale) * var(--brave-font-size-scale));
}

.brave-view--pack .brave-view__section--items {
    padding-top: 10px;
}

.brave-view--pack .brave-view__section--items .brave-view__list {
    gap: 6px;
}

.brave-view--pack .brave-view__section--items .brave-view__list-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
}

.brave-view--pack .brave-view__section--items .brave-view__list-item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    align-items: start;
    padding: 9px 10px;
    border: 1px solid color-mix(in srgb, var(--brave-world-line) 46%, rgba(var(--brave-accent-rgb), 0.05));
    border-radius: var(--brave-radius-card-tight);
    background: rgba(255, 255, 255, 0.016);
}

.brave-view--pack .brave-view__section--items .brave-view__list-main {
    align-items: center;
}

.brave-view--pack .brave-view__section--items .brave-view__list-primary {
    min-width: 0;
    align-self: start;
}

.brave-view--pack .brave-view__section--items .brave-view__bullet {
    align-self: center;
}

.brave-view--pack .brave-view__section--items .brave-view__list-text {
    color: var(--brave-text-soft);
    font-size: calc(0.8rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.34;
}

.brave-view--pack .brave-view__section--items .brave-view__inline-actions {
    gap: 6px;
    align-items: flex-start;
    flex-wrap: nowrap;
    justify-self: end;
    align-self: start;
}

.brave-view--pack .brave-view__section--items .brave-view__mini-action {
    min-height: 38px;
    padding: 8px 10px;
    white-space: nowrap;
}

@media (hover: hover) and (pointer: fine) {
    .brave-view--pack .brave-view__section--items .brave-view__list-item.brave-click--row:hover,
    .brave-view--pack .brave-view__section--items .brave-view__list-primary.brave-click--row:hover {
        background:
            radial-gradient(circle at 0 0, color-mix(in srgb, var(--brave-state-surface-tint) 82%, transparent), transparent 46%),
            linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.02));
        box-shadow: 0 0 0 1px rgba(var(--brave-accent-rgb), 0.08);
    }
}

.brave-view--pack .brave-view__section--items .brave-view__list-item.brave-click--row:focus-visible,
.brave-view--pack .brave-view__section--items .brave-view__list-primary.brave-click--row:focus-visible {
    background:
        radial-gradient(circle at 0 0, color-mix(in srgb, var(--brave-state-surface-tint) 82%, transparent), transparent 46%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.02));
    box-shadow: 0 0 0 1px rgba(var(--brave-accent-rgb), 0.08);
}

@media screen and (max-width: 860px) {
    .brave-view--pack .brave-view__sections {
        grid-template-columns: minmax(0, 1fr);
    }

    .brave-view--pack .brave-view__section--items .brave-view__list-item {
        grid-template-columns: minmax(0, 1fr) auto;
    }
}

.brave-view--journal {
    width: 100%;
    max-width: 980px;
    gap: 14px;
}

.brave-view--journal .brave-view__hero {
    gap: 10px;
}

.brave-view--journal .brave-view__section--switcher {
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.brave-view--journal .brave-view__section--switcher .brave-view__actions {
    align-self: flex-start;
    gap: 4px;
    padding: 4px;
    border: 1px solid color-mix(in srgb, var(--brave-world-line) 72%, rgba(var(--brave-accent-rgb), 0.12));
    border-radius: var(--brave-radius-pill);
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--brave-world-surface-tint-soft) 96%, transparent), transparent 28%),
        rgba(255, 255, 255, 0.028);
}

.brave-view--journal .brave-view__section--switcher .brave-view__action {
    min-width: 7.4rem;
    justify-content: center;
    border: 0;
    background: transparent;
    color: var(--brave-text-dim);
    box-shadow: none;
}

.brave-view--journal .brave-view__section--switcher .brave-view__action-icon {
    color: inherit;
}

.brave-view--journal .brave-view__section--switcher .brave-view__action--muted {
    border-color: transparent;
}

.brave-view--journal .brave-view__section--switcher .brave-view__action--accent {
    background: rgba(var(--brave-accent-rgb), 0.14);
    color: var(--brave-text-bright);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.brave-view--journal .brave-view__sections {
    grid-template-columns: 1fr;
    align-items: start;
    gap: 10px;
}

.brave-view--journal .brave-view__section {
    padding: 12px 14px 14px;
    border-color: color-mix(in srgb, var(--brave-world-line) 66%, rgba(var(--brave-accent-rgb), 0.08));
    background:
        radial-gradient(circle at 0 0, var(--brave-state-surface-tint-soft), transparent 46%),
        linear-gradient(180deg, color-mix(in srgb, var(--brave-world-surface-tint-soft) 96%, transparent), transparent 24%),
        rgba(255, 255, 255, 0.022);
}

.brave-view--journal .brave-view__section-label {
    letter-spacing: calc(var(--brave-letter-spacing) + 0.1em);
    margin-bottom: 2px;
    color: color-mix(in srgb, var(--brave-text-dim) 86%, var(--brave-accent));
    font-size: calc(0.64rem * var(--brave-text-scale) * var(--brave-font-size-scale));
}

.brave-view--journal .brave-view__section--tracked {
    padding: 8px;
    border-color: rgba(var(--brave-accent-rgb), 0.2);
    background:
        radial-gradient(circle at 0 0, color-mix(in srgb, var(--brave-world-surface-tint-strong) 86%, transparent), transparent 42%),
        linear-gradient(180deg, color-mix(in srgb, var(--brave-world-surface-tint-soft) 96%, transparent), transparent 22%),
        rgba(255, 255, 255, 0.032);
}

.brave-view--journal .brave-view__section--tracked .brave-view__entries {
    gap: 0;
}

.brave-view--journal .brave-view__section--tracked .brave-view__entry {
    gap: 9px;
    padding: 14px 14px 13px;
    border-color: rgba(var(--brave-accent-rgb), 0.24);
    background:
        radial-gradient(circle at 100% 0, var(--brave-world-surface-tint-strong), transparent 42%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 24%),
        rgba(255, 255, 255, 0.028);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.045),
        0 12px 24px rgba(0, 0, 0, 0.12);
}

.brave-view--journal .brave-view__section--tracked .brave-view__entry-title {
    font-size: calc(1.02rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.3;
}

.brave-view--journal .brave-view__section--tracked .brave-view__entry-meta {
    color: var(--brave-text-soft);
}

.brave-view--journal .brave-view__section--tracked .brave-view__entry-body {
    gap: 6px;
}

.brave-view--journal .brave-view__section--tracked .brave-view__entry-line:first-child {
    color: var(--brave-text-soft);
}

.brave-view--journal .brave-view__section--tracked .brave-view__entry-line:not(:first-child) {
    color: var(--brave-text-bright);
}

.brave-view--journal .brave-view__section--tutorial {
    padding-top: 10px;
    padding-bottom: 12px;
}

.brave-view--journal .brave-view__section--tutorial .brave-view__entry {
    gap: 6px;
    padding: 10px 11px;
    border-style: dashed;
    background: rgba(255, 255, 255, 0.016);
}

.brave-view--journal .brave-view__section--active {
    padding-top: 10px;
}

.brave-view--journal .brave-view__section--active .brave-view__entries {
    gap: 8px;
}

.brave-view--journal .brave-view__section--active .brave-view__entry {
    gap: 6px;
    padding: 11px 12px;
}

.brave-view--journal .brave-view__section--active .brave-view__entry-meta {
    color: var(--brave-text-dim);
}

.brave-view--journal .brave-view__section--active .brave-view__entry-body {
    gap: 2px;
}

.brave-view--journal .brave-view__section--active .brave-view__entry-line {
    color: var(--brave-text-soft);
    font-size: calc(0.82rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.38;
}

.brave-view--journal .brave-view__section--archive {
    padding-top: 10px;
    padding-bottom: 12px;
    border-color: color-mix(in srgb, var(--brave-world-line) 54%, rgba(var(--brave-accent-rgb), 0.06));
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--brave-world-surface-tint-soft) 82%, transparent), transparent 20%),
        rgba(255, 255, 255, 0.014);
}

.brave-view--journal .brave-view__section--archive .brave-view__list {
    gap: 5px;
}

.brave-view--journal .brave-view__section--archive .brave-view__list-item {
    gap: 8px;
    padding: 8px 10px;
    border: 1px solid color-mix(in srgb, var(--brave-world-line) 44%, rgba(var(--brave-accent-rgb), 0.04));
    border-radius: var(--brave-radius-card-tight);
    background: rgba(255, 255, 255, 0.015);
}

.brave-view--journal .brave-view__section--archive .brave-view__list-text {
    color: var(--brave-text-soft);
    font-size: calc(0.79rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.32;
}

.brave-view--journal .brave-view__section--archive .brave-view__bullet {
    min-width: 1.55rem;
    min-height: 1.55rem;
    background: rgba(var(--brave-accent-rgb), 0.06);
    color: var(--brave-text-dim);
}

@media (hover: hover) and (pointer: fine) {
    .brave-view--journal .brave-view__section--active .brave-click--row:hover {
        background:
            radial-gradient(circle at 0 0, color-mix(in srgb, var(--brave-state-surface-tint) 82%, transparent), transparent 46%),
            linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.02));
        box-shadow: 0 0 0 1px rgba(var(--brave-accent-rgb), 0.08);
    }
}

.brave-view--journal .brave-view__section--active .brave-click--row:focus-visible {
    background:
        radial-gradient(circle at 0 0, color-mix(in srgb, var(--brave-state-surface-tint) 82%, transparent), transparent 46%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.02));
    box-shadow: 0 0 0 1px rgba(var(--brave-accent-rgb), 0.08);
}

.brave-view--sheet {
    width: 100%;
    max-width: 1040px;
    gap: 14px;
}

.brave-view--sheet .brave-view__hero {
    gap: 10px;
}

.brave-view--sheet .brave-view__sections {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 10px;
}

.brave-view--sheet .brave-view__section {
    padding: 12px 14px 14px;
    border-color: color-mix(in srgb, var(--brave-world-line) 66%, rgba(var(--brave-accent-rgb), 0.08));
    background:
        radial-gradient(circle at 0 0, var(--brave-state-surface-tint-soft), transparent 46%),
        linear-gradient(180deg, color-mix(in srgb, var(--brave-world-surface-tint-soft) 96%, transparent), transparent 24%),
        rgba(255, 255, 255, 0.022);
}

.brave-view--sheet .brave-view__section-label {
    letter-spacing: calc(var(--brave-letter-spacing) + 0.1em);
    margin-bottom: 2px;
    color: color-mix(in srgb, var(--brave-text-dim) 86%, var(--brave-accent));
    font-size: calc(0.64rem * var(--brave-text-scale) * var(--brave-font-size-scale));
}

.brave-view--sheet .brave-view__section--status {
    padding: 8px;
    border-color: rgba(var(--brave-accent-rgb), 0.2);
    background:
        radial-gradient(circle at 0 0, color-mix(in srgb, var(--brave-world-surface-tint-strong) 86%, transparent), transparent 42%),
        linear-gradient(180deg, color-mix(in srgb, var(--brave-world-surface-tint-soft) 96%, transparent), transparent 22%),
        rgba(255, 255, 255, 0.032);
}

.brave-view--sheet .brave-view__section--status .brave-view__entries {
    gap: 0;
}

.brave-view--sheet .brave-view__section--status .brave-view__entry {
    gap: 10px;
    padding: 14px 14px 13px;
    border-color: rgba(var(--brave-accent-rgb), 0.24);
    background:
        radial-gradient(circle at 100% 0, var(--brave-world-surface-tint-strong), transparent 42%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 24%),
        rgba(255, 255, 255, 0.028);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.045),
        0 12px 24px rgba(0, 0, 0, 0.12);
}

.brave-view--sheet .brave-view__section--status .brave-view__entry-title {
    font-size: calc(1.02rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.3;
}

.brave-view--sheet .brave-view__section--status .brave-view__entry-meta,
.brave-view--sheet .brave-view__section--status .brave-view__entry-line {
    color: var(--brave-text-soft);
}

.brave-view--sheet .brave-view__section--status .brave-view__entry-body {
    gap: 6px;
}

.brave-view--sheet .brave-view__section--status .brave-view__meters {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.brave-view--sheet .brave-view__section--status .brave-view__meter {
    gap: 4px;
}

.brave-view--sheet .brave-view__section--status .brave-view__meter-track {
    height: 9px;
}

.brave-view--sheet .brave-view__section--stats .brave-view__pairs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.brave-view--sheet .brave-view__section--stats .brave-view__pair {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 10px;
    border: 1px solid color-mix(in srgb, var(--brave-world-line) 46%, rgba(var(--brave-accent-rgb), 0.05));
    border-radius: var(--brave-radius-card-tight);
    border-bottom: 1px solid color-mix(in srgb, var(--brave-world-line) 46%, rgba(var(--brave-accent-rgb), 0.05));
    background: rgba(255, 255, 255, 0.016);
}

.brave-view--sheet .brave-view__section--stats .brave-view__pair:last-child {
    padding-bottom: 8px;
    border-bottom: 1px solid color-mix(in srgb, var(--brave-world-line) 46%, rgba(var(--brave-accent-rgb), 0.05));
}

.brave-view--sheet .brave-view__section--stats .brave-view__pair-label {
    letter-spacing: calc(var(--brave-letter-spacing) + 0.02em);
    flex: 1 1 auto;
    color: var(--brave-text-dim);
    gap: 6px;
    font-size: calc(0.74rem * var(--brave-text-scale) * var(--brave-font-size-scale));
}

.brave-view--sheet .brave-view__section--stats .brave-view__pair-label > span {
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.brave-view--sheet .brave-view__section--stats .brave-view__pair-value {
    flex: 0 0 auto;
    color: var(--brave-text-bright);
    font-size: calc(0.84rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.2;
    white-space: nowrap;
}

.brave-view--sheet .brave-view__section--abilities .brave-view__list {
    gap: 6px;
}

.brave-view--sheet .brave-view__section--abilities .brave-view__list-item {
    align-items: center;
    padding: 9px 10px;
    border: 1px solid color-mix(in srgb, var(--brave-world-line) 46%, rgba(var(--brave-accent-rgb), 0.05));
    border-radius: var(--brave-radius-card-tight);
    background: rgba(255, 255, 255, 0.016);
}

.brave-view--sheet .brave-view__section--abilities .brave-view__list-main {
    align-items: center;
}

.brave-view--sheet .brave-view__section--abilities .brave-view__bullet {
    align-self: center;
}

.brave-view--sheet .brave-view__section--abilities .brave-view__list-text {
    font-size: calc(0.8rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.34;
}

.brave-view--sheet .brave-view__section--effects {
    padding-top: 10px;
}

.brave-view--sheet .brave-view__section--effects .brave-view__entries {
    gap: 8px;
}

.brave-view--sheet .brave-view__section--effects .brave-view__entry {
    gap: 7px;
    padding: 10px 11px;
    background: rgba(255, 255, 255, 0.016);
}

.brave-view--sheet .brave-view__section--effects .brave-view__entry-meta {
    color: var(--brave-text-dim);
}

.brave-view--sheet .brave-view__section--effects .brave-view__entry-line {
    color: var(--brave-text-soft);
    font-size: calc(0.8rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.36;
}

.brave-view--account,
.brave-view--connection,
.brave-view--chargen {
    position: relative;
    min-height: 100%;
    isolation: isolate;
    overflow: hidden;
    border-color: rgba(229, 184, 101, 0.22);
    box-shadow: 0 26px 80px rgba(0, 0, 0, 0.36), inset 0 1px rgba(255, 245, 213, 0.08);
}

.brave-view--account::before,
.brave-view--connection::before,
.brave-view--chargen::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
}

.brave-view--connection {
    max-width: min(940px, 100%);
    gap: 16px;
    background:
        linear-gradient(110deg, rgba(7, 13, 11, 0.96) 0%, rgba(22, 35, 25, 0.92) 44%, rgba(51, 29, 24, 0.94) 100%);
}

.brave-view--connection::before {
    background:
        linear-gradient(90deg, rgba(224, 180, 103, 0.13) 0 1px, transparent 1px 100%),
        repeating-linear-gradient(155deg, rgba(255, 236, 186, 0.08) 0 1px, transparent 1px 28px),
        linear-gradient(155deg, transparent 0%, transparent 45%, rgba(132, 44, 35, 0.2) 45%, rgba(132, 44, 35, 0.2) 56%, transparent 56%);
    background-size: 42px 100%, auto, auto;
    opacity: 0.75;
}

.brave-view--account {
    max-width: min(980px, 100%);
    gap: 16px;
    background:
        linear-gradient(115deg, rgba(16, 20, 15, 0.97) 0%, rgba(37, 35, 25, 0.94) 46%, rgba(38, 25, 27, 0.96) 100%);
}

.brave-view--account::before {
    background:
        repeating-linear-gradient(90deg, rgba(238, 197, 119, 0.08) 0 1px, transparent 1px 72px),
        repeating-linear-gradient(0deg, transparent 0 14px, rgba(116, 80, 48, 0.08) 14px 15px, transparent 15px 31px),
        linear-gradient(135deg, rgba(101, 135, 119, 0.16), transparent 38%, rgba(152, 61, 49, 0.14));
    opacity: 0.72;
}

.brave-view--chargen {
    max-width: min(1080px, 100%);
    gap: 16px;
    background:
        linear-gradient(118deg, rgba(18, 18, 16, 0.97) 0%, rgba(31, 35, 28, 0.95) 42%, rgba(24, 44, 47, 0.93) 100%);
}

.brave-view--chargen::before {
    background:
        repeating-linear-gradient(135deg, rgba(232, 190, 111, 0.08) 0 1px, transparent 1px 34px),
        linear-gradient(90deg, rgba(139, 52, 44, 0.13), transparent 33%, rgba(77, 143, 129, 0.15)),
        repeating-linear-gradient(0deg, transparent 0 28px, rgba(255, 244, 213, 0.035) 28px 29px);
    opacity: 0.7;
}

.brave-view--account .brave-view__hero,
.brave-view--connection .brave-view__hero,
.brave-view--chargen .brave-view__hero {
    gap: 10px;
    min-height: 184px;
    padding: 24px;
    border-radius: 8px;
    border: 1px solid rgba(238, 197, 119, 0.24);
    background:
        linear-gradient(135deg, rgba(246, 214, 149, 0.11), transparent 34%),
        linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(10, 12, 10, 0.08));
}

.brave-view--connection .brave-view__hero {
    justify-content: flex-end;
    min-height: 250px;
    background:
        linear-gradient(155deg, rgba(242, 198, 111, 0.16) 0%, transparent 28%),
        linear-gradient(25deg, rgba(90, 34, 31, 0.34) 0%, transparent 42%),
        repeating-linear-gradient(0deg, rgba(255, 238, 184, 0.055) 0 1px, transparent 1px 18px);
}

.brave-view--account .brave-view__hero {
    min-height: 172px;
}

.brave-view--account .brave-view__sections,
.brave-view--connection .brave-view__sections,
.brave-view--chargen .brave-view__sections {
    gap: 14px;
    flex: 1 1 auto;
    align-content: start;
}

.brave-view--account .brave-view__sections,
.brave-view--connection .brave-view__sections {
    grid-template-columns: minmax(0, 1fr);
    max-width: none;
}

.brave-view--chargen .brave-view__sections {
    grid-template-columns: minmax(280px, 0.72fr) minmax(0, 1.28fr);
    align-items: start;
    max-width: none;
}

.brave-view--account .brave-view__entry,
.brave-view--connection .brave-view__entry,
.brave-view--chargen .brave-view__entry {
    border-radius: 8px;
    border-color: rgba(236, 196, 122, 0.22);
    background:
        linear-gradient(135deg, rgba(255, 234, 185, 0.08), transparent 46%),
        rgba(8, 13, 12, 0.58);
}

.brave-view--account .brave-view__entry,
.brave-view--connection .brave-view__entry {
    gap: 8px;
    padding: 14px 14px 12px;
}

.brave-view--account .brave-view__entry:hover,
.brave-view--connection .brave-view__entry:hover,
.brave-view--chargen .brave-view__entry:hover {
    border-color: rgba(239, 197, 116, 0.42);
    background:
        linear-gradient(135deg, rgba(255, 225, 162, 0.13), transparent 48%),
        rgba(17, 27, 22, 0.78);
}

.brave-view--account .brave-view__entry:first-child {
    border-style: dashed;
    border-color: rgba(238, 173, 88, 0.42);
    background:
        linear-gradient(135deg, rgba(209, 113, 62, 0.15), transparent 45%),
        rgba(13, 18, 14, 0.62);
}

.brave-view--chargen .brave-view__entry {
    min-height: 100%;
    gap: 8px;
    padding: 16px 16px 14px;
}

.brave-view--chargen .brave-view__entry--ornamented {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

.brave-view--chargen .brave-view__entry--ornamented .brave-view__entry-head,
.brave-view--chargen .brave-view__entry--ornamented .brave-view__entry-chips,
.brave-view--chargen .brave-view__entry--ornamented .brave-view__entry-body {
    position: relative;
    z-index: 1;
}

.brave-view--chargen .brave-view__entry-ornament {
    left: auto;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    --brave-entry-ornament-ratio: 0.36;
    --brave-entry-ornament-fallback: 4.6rem;
    --brave-entry-ornament-color: rgba(231, 186, 109, 0.14);
    --brave-entry-ornament-glow: rgba(75, 151, 137, 0.18);
    opacity: 0.95;
}

.brave-view--account .brave-view__section,
.brave-view--connection .brave-view__section,
.brave-view--chargen .brave-view__section {
    padding: 16px;
    border-radius: 8px;
    border-color: rgba(238, 197, 119, 0.2);
    background:
        linear-gradient(145deg, rgba(255, 235, 192, 0.06), transparent 46%),
        rgba(8, 12, 11, 0.72);
}

.brave-view--account .brave-view__section,
.brave-view--connection .brave-view__section {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}

.brave-view--account .brave-view__entries,
.brave-view--connection .brave-view__entries {
    flex: 1 1 auto;
    align-content: start;
}

.brave-view--account .brave-view__wordmark-text,
.brave-view--connection .brave-view__wordmark-text,
.brave-view--chargen .brave-view__wordmark-text {
    letter-spacing: 0;
    color: #ffe6a7;
    text-shadow: 0 3px 0 rgba(92, 38, 26, 0.72), 0 12px 34px rgba(0, 0, 0, 0.55);
}

.brave-view--connection .brave-view__wordmark-text {
    font-size: clamp(3.4rem, 9vw, 6.8rem);
    line-height: 0.86;
}

.brave-view--account .brave-view__wordmark-text,
.brave-view--chargen .brave-view__wordmark-text {
    font-size: clamp(2.6rem, 5.8vw, 4.6rem);
}

.brave-view--connection .brave-view__subtitle,
.brave-view--chargen .brave-view__subtitle {
    max-width: 58ch;
    color: rgba(255, 242, 209, 0.82);
}

.brave-view--connection .brave-view__list-item {
    align-items: center;
    padding: 13px 14px;
}

.brave-view--connection .brave-view__list-main {
    align-items: center;
}

.brave-view--connection .brave-view__section--list {
    min-height: auto;
    flex: 0 0 auto;
}

.brave-view--connection .brave-view__section--form {
    min-height: auto;
    flex: 0 0 auto;
    align-self: start;
}

.brave-view--connection .brave-view__section--list .brave-view__list {
    gap: 8px;
}

.brave-view--connection .brave-view__section--list .brave-view__section-label {
    margin-bottom: 10px;
}

.brave-view--connection .brave-view__entry-line:first-child {
    color: var(--brave-link);
}

.brave-view--chargen .brave-view__entry-meta {
    color: rgba(255, 235, 190, 0.68);
}

.brave-view--chargen .brave-view__entries {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.brave-view--chargen .brave-view__section--grid3 .brave-view__entries {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media screen and (max-width: 900px) {
    .brave-view--chargen .brave-view__section--grid3 .brave-view__entries {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.brave-view--room {
    display: grid;
    width: 100%;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto minmax(0, 1fr);
    max-width: 980px;
    gap: 18px;
    min-height: 100%;
    align-content: stretch;
    --brave-room-panel-top: var(--brave-room-safe-top);
    --brave-room-panel-bottom: var(--brave-room-safe-bottom);
    --brave-room-panel-border: var(--brave-room-safe-border);
    --brave-room-hero-left-glow: color-mix(in srgb, var(--brave-accent) 14%, transparent);
    --brave-room-hero-right-glow: color-mix(in srgb, var(--brave-good) 8%, transparent);
    --brave-room-hero-bottom-glow: color-mix(in srgb, var(--brave-accent) 6%, transparent);
    --brave-room-hero-sheen: rgba(255, 255, 255, 0.026);
    --brave-room-section-border: color-mix(in srgb, var(--brave-world-line) 74%, rgba(var(--brave-accent-rgb), 0.18));
    --brave-room-section-nav-glow: color-mix(in srgb, var(--brave-good) 9%, transparent);
    --brave-room-section-list-glow: color-mix(in srgb, var(--brave-accent) 10%, transparent);
    --brave-room-section-entities-glow: color-mix(in srgb, var(--brave-good) 6%, transparent);
    --brave-room-section-sheen: rgba(255, 255, 255, 0.018);
    --brave-room-entry-border: color-mix(in srgb, var(--brave-world-line) 68%, rgba(var(--brave-accent-rgb), 0.16));
    --brave-room-entry-left: rgba(var(--brave-accent-rgb), 0.3);
    --brave-room-entry-right: color-mix(in srgb, var(--brave-accent) 5%, transparent);
    --brave-room-entry-sheen: rgba(255, 255, 255, 0.016);
    --brave-room-entry-icon-bg: rgba(var(--brave-accent-rgb), 0.14);
    --brave-room-section-label: color-mix(in srgb, var(--brave-accent) 58%, var(--brave-text-soft));
    --brave-room-section-icon: color-mix(in srgb, var(--brave-accent) 72%, var(--brave-text-bright));
    --brave-room-nav-border: color-mix(in srgb, var(--brave-world-line) 72%, rgba(var(--brave-accent-rgb), 0.18));
    --brave-room-nav-badge-bg: rgba(var(--brave-accent-rgb), 0.16);
    --brave-room-nav-badge-color: color-mix(in srgb, var(--brave-accent) 64%, var(--brave-text-bright));
    --brave-room-nav-label: color-mix(in srgb, var(--brave-text-bright) 76%, var(--brave-accent));
}

.brave-view--room.brave-view--tone-safe {
    --brave-room-panel-top: var(--brave-room-safe-top);
    --brave-room-panel-bottom: var(--brave-room-safe-bottom);
    --brave-room-panel-border: var(--brave-room-safe-border);
    --brave-room-hero-left-glow: color-mix(in srgb, var(--brave-accent) 16%, transparent);
    --brave-room-hero-right-glow: color-mix(in srgb, var(--brave-good) 8%, transparent);
    --brave-room-hero-bottom-glow: color-mix(in srgb, var(--brave-accent) 7%, transparent);
    --brave-room-section-nav-glow: color-mix(in srgb, var(--brave-good) 10%, transparent);
    --brave-room-section-list-glow: color-mix(in srgb, var(--brave-accent) 11%, transparent);
    --brave-room-section-entities-glow: color-mix(in srgb, var(--brave-good) 7%, transparent);
    --brave-room-entry-left: rgba(var(--brave-accent-rgb), 0.3);
    --brave-room-entry-right: color-mix(in srgb, var(--brave-accent) 5%, transparent);
    --brave-room-entry-icon-bg: rgba(var(--brave-accent-rgb), 0.14);
    --brave-room-section-label: color-mix(in srgb, var(--brave-accent) 58%, var(--brave-text-soft));
    --brave-room-section-icon: color-mix(in srgb, var(--brave-accent) 72%, var(--brave-text-bright));
    --brave-room-nav-badge-bg: rgba(var(--brave-accent-rgb), 0.16);
    --brave-room-nav-badge-color: color-mix(in srgb, var(--brave-accent) 64%, var(--brave-text-bright));
}

.brave-view--room.brave-view--tone-danger {
    --brave-room-panel-top: var(--brave-room-danger-top);
    --brave-room-panel-bottom: var(--brave-room-danger-bottom);
    --brave-room-panel-border: var(--brave-room-danger-border);
    --brave-room-hero-left-glow: color-mix(in srgb, var(--brave-bad) 14%, transparent);
    --brave-room-hero-right-glow: color-mix(in srgb, var(--brave-accent) 8%, transparent);
    --brave-room-hero-bottom-glow: rgba(255, 228, 187, 0.03);
    --brave-room-section-nav-glow: color-mix(in srgb, var(--brave-accent) 7%, transparent);
    --brave-room-section-list-glow: color-mix(in srgb, var(--brave-bad) 10%, transparent);
    --brave-room-section-entities-glow: rgba(255, 230, 194, 0.04);
    --brave-room-entry-border: color-mix(in srgb, var(--brave-room-danger-border) 78%, rgba(var(--brave-accent-rgb), 0.08));
    --brave-room-entry-left: rgba(213, 138, 118, 0.3);
    --brave-room-entry-right: color-mix(in srgb, var(--brave-accent) 4%, transparent);
    --brave-room-entry-icon-bg: rgba(213, 138, 118, 0.14);
    --brave-room-section-label: color-mix(in srgb, var(--brave-room-danger-accent) 86%, var(--brave-text-soft));
    --brave-room-section-icon: color-mix(in srgb, var(--brave-room-danger-icon) 82%, var(--brave-text-bright));
    --brave-room-nav-border: color-mix(in srgb, var(--brave-room-danger-border) 76%, rgba(var(--brave-accent-rgb), 0.08));
    --brave-room-nav-badge-bg: rgba(213, 138, 118, 0.14);
    --brave-room-nav-badge-color: color-mix(in srgb, var(--brave-room-danger-icon) 72%, var(--brave-text-bright));
    --brave-room-nav-label: color-mix(in srgb, var(--brave-text-bright) 68%, var(--brave-room-danger-accent));
}

.brave-view--room .brave-view__hero {
    gap: 10px;
    position: relative;
    overflow: hidden;
    isolation: isolate;
    padding-bottom: 26px;
    min-height: 0;
}

.brave-view--room.brave-view--tone-safe .brave-view__hero {
    border-color: var(--brave-room-safe-border);
    background:
        radial-gradient(circle at 0 0, var(--brave-room-hero-left-glow), transparent 42%),
        radial-gradient(circle at 100% 0, var(--brave-room-hero-right-glow), transparent 36%),
        radial-gradient(circle at 50% 100%, var(--brave-room-hero-bottom-glow), transparent 54%),
        linear-gradient(180deg, var(--brave-room-panel-top), var(--brave-room-panel-bottom));
}

.brave-view--room.brave-view--tone-safe .brave-view__eyebrow {
    color: var(--brave-room-safe-accent);
}

.brave-view--room.brave-view--tone-safe .brave-view__eyebrow::after {
    background: linear-gradient(90deg, var(--brave-room-safe-rule), rgba(214, 181, 118, 0));
}

.brave-view--room.brave-view--tone-safe .brave-view__title-icon {
    color: var(--brave-room-safe-icon);
}

.brave-view--room.brave-view--tone-danger .brave-view__hero {
    border-color: var(--brave-room-danger-border);
    background:
        radial-gradient(circle at 0 0, var(--brave-room-hero-left-glow), transparent 42%),
        radial-gradient(circle at 100% 0, var(--brave-room-hero-right-glow), transparent 36%),
        radial-gradient(circle at 50% 100%, var(--brave-room-hero-bottom-glow), transparent 54%),
        linear-gradient(180deg, var(--brave-room-panel-top), var(--brave-room-panel-bottom));
}

.brave-view--room.brave-view--tone-danger .brave-view__eyebrow {
    color: var(--brave-room-danger-accent);
}

.brave-view--room.brave-view--tone-danger .brave-view__eyebrow::after {
    background: linear-gradient(90deg, var(--brave-room-danger-rule), rgba(213, 138, 118, 0));
}

.brave-view--room.brave-view--tone-danger .brave-view__title-icon {
    color: var(--brave-room-danger-icon);
}

.brave-view--room .brave-view__hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, var(--brave-room-hero-sheen), transparent 18%, transparent 84%, rgba(255, 255, 255, 0.012)),
        radial-gradient(circle at 50% 0, rgba(255, 255, 255, 0.03), transparent 46%);
    pointer-events: none;
    z-index: 0;
}

.brave-view--room .brave-view__hero > * {
    position: relative;
    z-index: 1;
}

.brave-view--room .brave-view__room-scene-card {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 14px 14px 16px;
    border: 1px solid color-mix(in srgb, var(--brave-room-panel-border) 78%, rgba(var(--brave-accent-rgb), 0.08));
    border-radius: 18px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.028), rgba(255, 255, 255, 0.012)),
        linear-gradient(180deg, rgba(10, 12, 16, 0.22), rgba(10, 12, 16, 0.08));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.026),
        0 12px 24px rgba(0, 0, 0, 0.12);
    transform-origin: 50% 38%;
    will-change: transform, opacity, filter;
}

.brave-view--room .brave-view__room-scene-card--transition {
    animation: brave-room-scene-card-swap 320ms cubic-bezier(0.21, 0.88, 0.32, 1) both;
}

.brave-view--room .brave-view__room-scene-card--enter {
    animation: brave-room-scene-card-swap 320ms cubic-bezier(0.21, 0.88, 0.32, 1) both;
}

.brave-view--room .brave-view__room-scene-card--region-change {
    animation: brave-room-scene-card-region-swap 1040ms cubic-bezier(0.16, 0.84, 0.18, 1) both;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 0 0 1px rgba(var(--brave-accent-rgb), 0.18),
        0 18px 42px rgba(0, 0, 0, 0.22),
        0 0 48px rgba(var(--brave-accent-rgb), 0.14);
}

.brave-view--room .brave-view__room-scene-card--first-region-discovery {
    animation: brave-room-scene-card-first-region-discovery 2920ms cubic-bezier(0.16, 0.84, 0.18, 1) both;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 0 0 1px rgba(var(--brave-accent-rgb), 0.22),
        0 22px 54px rgba(0, 0, 0, 0.24),
        0 0 64px rgba(var(--brave-accent-rgb), 0.18);
}

.brave-view--room .brave-view__room-scene-card--region-change .brave-view__eyebrow {
    animation: brave-room-region-label-swap 1120ms cubic-bezier(0.16, 0.84, 0.18, 1) both;
}

.brave-view--room .brave-view__room-scene-card--first-region-discovery .brave-view__eyebrow {
    animation: brave-room-first-region-label-swap 3000ms cubic-bezier(0.16, 0.84, 0.18, 1) both;
}

.brave-view--room .brave-view__room-scene-card--region-change .brave-view__titlebar {
    animation: brave-room-region-title-settle 1160ms cubic-bezier(0.16, 0.84, 0.18, 1) both;
}

.brave-view--room .brave-view__room-scene-card--first-region-discovery .brave-view__titlebar {
    animation: brave-room-first-region-title-settle 3120ms cubic-bezier(0.16, 0.84, 0.18, 1) both;
}

.brave-view--room .brave-view__room-scene-card--region-change .brave-view__subtitle {
    animation: brave-room-region-copy-settle 1240ms cubic-bezier(0.16, 0.84, 0.18, 1) both;
}

.brave-view--room .brave-view__room-scene-card--first-region-discovery .brave-view__subtitle {
    animation: brave-room-first-region-copy-settle 3320ms cubic-bezier(0.16, 0.84, 0.18, 1) both;
}

.brave-view--room .brave-view__room-scene-card--region-change .brave-view__micromap {
    animation: brave-room-region-map-settle 1100ms cubic-bezier(0.16, 0.84, 0.18, 1) both;
}

.brave-view--room .brave-view__room-scene-card--first-region-discovery .brave-view__micromap {
    animation: brave-room-first-region-map-settle 3040ms cubic-bezier(0.16, 0.84, 0.18, 1) both;
}

.brave-view--room .brave-view__micromap {
    font-family: var(--brave-mono-font-family);
    letter-spacing: 0;
    cursor: pointer;
    position: relative;
    align-self: center;
    margin: 4px auto 16px;
    width: 124px;
    height: 124px;
    padding: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(var(--brave-accent-rgb), 0.18);
    border-radius: 14px;
    background:
        radial-gradient(circle at 50% 35%, rgba(var(--brave-accent-rgb), 0.06), transparent 62%),
        rgba(8, 10, 12, 0.18);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.025),
        0 10px 18px rgba(0, 0, 0, 0.14);
    backdrop-filter: blur(2px);
    overflow: hidden;
    white-space: pre;
    text-align: center;
    font-size: 12px;
    line-height: 1;
    font-variant-ligatures: none;
    font-kerning: none;
    color: color-mix(in srgb, var(--brave-accent) 68%, var(--brave-text-soft));
    pointer-events: auto;
}

.brave-view--room .brave-view__micromap[aria-hidden="true"] {
    display: none !important;
}

.brave-view--room .brave-view__room-micromap-grid {
    --brave-room-micromap-cell-size: 10px;
    display: grid;
    grid-template-columns: repeat(var(--brave-room-micromap-columns), var(--brave-room-micromap-cell-size));
    grid-auto-rows: var(--brave-room-micromap-cell-size);
    width: max-content;
    margin: 0 auto;
}

.brave-view--room .brave-view__room-micromap-cell {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--brave-room-micromap-cell-size);
    height: var(--brave-room-micromap-cell-size);
}

.brave-view--room .brave-view__room-micromap-connector {
    display: block;
    border-radius: 999px;
    background: color-mix(in srgb, var(--brave-accent) 62%, rgba(255, 255, 255, 0.28));
    box-shadow: 0 0 6px rgba(var(--brave-accent-rgb), 0.12);
}

.brave-view--room .brave-view__room-micromap-connector--horizontal {
    width: 8px;
    height: 1px;
}

.brave-view--room .brave-view__room-micromap-connector--vertical {
    width: 1px;
    height: 8px;
}

.brave-view--room .brave-view__room-micromap-node {
    width: 5px;
    height: 5px;
    border-radius: 999px;
    border: 1px solid rgba(var(--brave-accent-rgb), 0.34);
    background: rgba(255, 255, 255, 0.12);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 1px 4px rgba(0, 0, 0, 0.16);
}

.brave-view--room .brave-view__room-micromap-node--party {
    background: rgba(132, 218, 174, 0.28);
    border-color: rgba(132, 218, 174, 0.56);
}

.brave-view--room .brave-view__room-micromap-node--player {
    width: 8px;
    height: 8px;
    border: none;
    background: transparent;
    box-shadow: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.brave-view--room .brave-view__room-micromap-player-icon {
    font-size: 0.54rem;
    line-height: 1;
    color: color-mix(in srgb, var(--brave-accent) 84%, var(--brave-text-bright));
    filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.28));
}

.brave-view__hero {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px 18px 18px;
    border: 1px solid rgba(var(--brave-accent-rgb), 0.16);
    border-radius: var(--brave-radius-panel);
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--brave-world-surface-tint-strong) 92%, transparent), transparent 24%),
        linear-gradient(180deg, color-mix(in srgb, var(--brave-surface-soft-top) 84%, transparent), color-mix(in srgb, var(--brave-surface-soft-bottom) 86%, transparent));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 18px 34px rgba(0, 0, 0, 0.18);
}

.brave-view__back {
    align-self: flex-start;
}

.brave-view__wordmark {
    display: flex;
    align-items: center;
    align-self: flex-start;
    max-width: 100%;
}

.brave-view__wordmark-text {
        letter-spacing: calc(var(--brave-letter-spacing) + 0.13em);
    display: block;
    max-width: 100%;
    color: color-mix(in srgb, var(--brave-text-bright) 74%, var(--brave-accent));
    font-size: clamp(2.4rem, 5vw, 4.4rem);
    line-height: 0.88;
    text-transform: uppercase;
    text-shadow: var(--brave-text-glow);
    white-space: nowrap;
}

.brave-view__eyebrow,
.brave-view__section-label {
    letter-spacing: calc(var(--brave-letter-spacing) + 0.08em);
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--brave-text-dim);
    font-size: calc(0.7rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    text-transform: uppercase;
}

.brave-view__eyebrow-icon,
.brave-view__section-icon {
    color: var(--brave-accent);
    font-size: 0.95rem;
}

.brave-view--room .brave-view__section-label {
    color: var(--brave-room-section-label);
}

.brave-view--room .brave-view__section-icon {
    color: var(--brave-room-section-icon);
}

.brave-view--room .brave-view__section--navpad .brave-view__section-label {
    color: color-mix(in srgb, var(--brave-good) 34%, var(--brave-text-soft));
}

.brave-view--room .brave-view__section--navpad .brave-view__section-icon {
    color: color-mix(in srgb, var(--brave-good) 40%, var(--brave-text-bright));
}

.brave-view--room .brave-view__section--list .brave-view__section-label {
    color: color-mix(in srgb, var(--brave-accent) 64%, var(--brave-text-soft));
}

.brave-view--room .brave-view__section--list .brave-view__section-icon {
    color: color-mix(in srgb, var(--brave-accent) 78%, var(--brave-text-bright));
}

.brave-view--room .brave-view__section--entities .brave-view__section-label {
    color: color-mix(in srgb, var(--brave-good) 28%, var(--brave-text-soft));
}

.brave-view--room .brave-view__section--entities .brave-view__section-icon {
    color: color-mix(in srgb, var(--brave-good) 36%, var(--brave-text-bright));
}

.brave-view__title {
    font-family: var(--brave-dialogue-font-family);
    letter-spacing: var(--brave-dialogue-letter-spacing);
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--brave-text-bright);
    font-size: calc(1.16rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.2;
    text-transform: uppercase;
}

.brave-view__title-icon {
    color: var(--brave-link);
    font-size: 1.28rem;
}

.brave-view--dialogue .brave-view__title,
.brave-view--read .brave-view__title {
    letter-spacing: var(--brave-dialogue-letter-spacing);
    text-transform: none;
}

.brave-view__subtitle {
    font-family: var(--brave-body-font-family);
    letter-spacing: var(--brave-body-letter-spacing);
    color: var(--brave-text-soft);
    font-size: calc(0.88rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.55;
    max-width: 64ch;
}

.brave-view--room .brave-view__subtitle {
    max-width: 100%;
    color: color-mix(in srgb, var(--brave-text-soft) 82%, var(--brave-text-bright));
    font-size: calc(0.92rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.58;
}

.brave-view--room .brave-view__title {
    font-family: var(--brave-dialogue-font-family);
    font-size: calc(1.34rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.15;
    text-shadow: 0 0 18px rgba(var(--brave-accent-rgb), 0.06);
    text-transform: none;
}

.brave-view--room .brave-view__eyebrow {
    letter-spacing: calc(var(--brave-letter-spacing) + 0.1em);
    gap: 0;
    width: 100%;
    color: color-mix(in srgb, var(--brave-accent) 48%, var(--brave-text-soft));
}

.brave-view--room .brave-view__eyebrow::after {
    content: "";
    flex: 1;
    height: 1px;
    margin-left: 14px;
    background: linear-gradient(90deg, rgba(var(--brave-accent-rgb), 0.24), rgba(var(--brave-accent-rgb), 0));
}

@keyframes brave-room-scene-card-swap {
    0% {
        opacity: 0;
        transform: translateY(18px) scale(0.972);
        filter: blur(9px);
    }
    45% {
        opacity: 0.92;
        transform: translateY(-2px) scale(1.008);
        filter: blur(1px);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
        filter: blur(0);
    }
}

@keyframes brave-room-scene-card-region-swap {
    0% {
        opacity: 0;
        transform: translateY(42px) scale(0.93);
        filter: blur(18px) saturate(0.72);
    }
    24% {
        opacity: 0.72;
        transform: translateY(8px) scale(0.976);
        filter: blur(8px) saturate(0.92);
    }
    52% {
        opacity: 1;
        transform: translateY(-8px) scale(1.018);
        filter: blur(1px) saturate(1.08);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
        filter: blur(0) saturate(1);
    }
}

@keyframes brave-room-scene-card-first-region-discovery {
    0% {
        opacity: 0;
        transform: translateY(60px) scale(0.89);
        filter: blur(22px) saturate(0.68);
    }
    16% {
        opacity: 0.36;
        transform: translateY(30px) scale(0.93);
        filter: blur(16px) saturate(0.8);
    }
    42% {
        opacity: 0.76;
        transform: translateY(12px) scale(0.97);
        filter: blur(9px) saturate(0.92);
    }
    74% {
        opacity: 1;
        transform: translateY(-6px) scale(1.016);
        filter: blur(1px) saturate(1.08);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
        filter: blur(0) saturate(1);
    }
}

@keyframes brave-room-region-label-swap {
    0% {
        opacity: 0;
        transform: translateY(20px);
        letter-spacing: calc(var(--brave-letter-spacing) + 0.34em);
        filter: blur(12px);
    }
    32% {
        opacity: 1;
        transform: translateY(-3px);
        letter-spacing: calc(var(--brave-letter-spacing) + 0.4em);
        filter: blur(0);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
        letter-spacing: calc(var(--brave-letter-spacing) + 0.1em);
        filter: blur(0);
    }
}

@keyframes brave-room-first-region-label-swap {
    0% {
        opacity: 0;
        transform: translateY(32px);
        letter-spacing: calc(var(--brave-letter-spacing) + 0.42em);
        filter: blur(14px);
    }
    34% {
        opacity: 1;
        transform: translateY(-4px);
        letter-spacing: calc(var(--brave-letter-spacing) + 0.46em);
        filter: blur(0);
    }
    84% {
        opacity: 1;
        transform: translateY(0);
        letter-spacing: calc(var(--brave-letter-spacing) + 0.2em);
        filter: blur(0);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
        letter-spacing: calc(var(--brave-letter-spacing) + 0.1em);
        filter: blur(0);
    }
}

@keyframes brave-room-region-title-settle {
    0% {
        opacity: 0;
        transform: translateY(24px);
        filter: blur(12px);
    }
    44% {
        opacity: 0;
        transform: translateY(24px);
        filter: blur(12px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
        filter: blur(0);
    }
}

@keyframes brave-room-first-region-title-settle {
    0% {
        opacity: 0;
        transform: translateY(34px);
        filter: blur(14px);
    }
    62% {
        opacity: 0;
        transform: translateY(34px);
        filter: blur(14px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
        filter: blur(0);
    }
}

@keyframes brave-room-region-copy-settle {
    0% {
        opacity: 0;
        transform: translateY(28px);
        filter: blur(12px);
    }
    58% {
        opacity: 0;
        transform: translateY(28px);
        filter: blur(12px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
        filter: blur(0);
    }
}

@keyframes brave-room-first-region-copy-settle {
    0% {
        opacity: 0;
        transform: translateY(38px);
        filter: blur(14px);
    }
    74% {
        opacity: 0;
        transform: translateY(38px);
        filter: blur(14px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
        filter: blur(0);
    }
}

@keyframes brave-room-region-map-settle {
    0% {
        opacity: 0;
        transform: scale(0.82) translateY(14px);
        filter: blur(10px);
    }
    40% {
        opacity: 0;
        transform: scale(0.82) translateY(14px);
        filter: blur(10px);
    }
    100% {
        opacity: 1;
        transform: scale(1) translateY(0);
        filter: blur(0);
    }
}

@keyframes brave-room-first-region-map-settle {
    0% {
        opacity: 0;
        transform: scale(0.74) translateY(20px);
        filter: blur(12px);
    }
    60% {
        opacity: 0;
        transform: scale(0.74) translateY(20px);
        filter: blur(12px);
    }
    100% {
        opacity: 1;
        transform: scale(1) translateY(0);
        filter: blur(0);
    }
}

.brave-view__mobile-utility-host {
    display: none;
}

.brave-view__mobile-utility {
    display: grid;
    grid-template-columns: minmax(92px, 104px) minmax(0, 1fr);
    gap: 10px;
    width: 100%;
    margin-top: 10px;
}

.brave-view__mobile-utility-side {
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto auto;
    gap: 10px;
    min-width: 0;
}

.brave-view__mobile-map,
.brave-view__mobile-quest,
.brave-view__mobile-status,
.brave-view__mobile-quick {
    appearance: none;
    -webkit-appearance: none;
    color: var(--brave-text-soft);
    font-family: inherit;
    text-align: left;
    cursor: pointer;
    padding: 0;
    border: 1px solid color-mix(in srgb, var(--brave-world-line) 76%, rgba(var(--brave-accent-rgb), 0.14));
    border-radius: var(--brave-radius-card);
    background:
        radial-gradient(circle at 0 0, var(--brave-state-surface-tint-soft), transparent 48%),
        linear-gradient(180deg, var(--brave-surface-deep-top), var(--brave-surface-deep-bottom));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.035),
        0 10px 18px rgba(0, 0, 0, 0.16);
}

.brave-view__mobile-map {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-height: 108px;
    padding: 10px;
    overflow: hidden;
}

.brave-view__mobile-map-pre {
    letter-spacing: 0;
    flex: 1;
    margin: 0;
    overflow: hidden;
    color: var(--brave-text-soft);
    font-size: 0.36rem;
    line-height: 0.72;
}

.brave-view__mobile-map-grid {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.brave-view__mobile-map-placeholder {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color: var(--brave-text-dim);
    font-size: calc(0.7rem * var(--brave-text-scale) * var(--brave-font-size-scale));
}

.brave-view__mobile-map-placeholder .ra {
    font-size: 1rem;
    color: var(--brave-accent);
}

.brave-view__mobile-utility-label {
    letter-spacing: calc(var(--brave-letter-spacing) + 0.08em);
    color: var(--brave-text-dim);
    font-size: calc(0.6rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    text-transform: uppercase;
}

.brave-view__mobile-quest {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    min-height: 60px;
    padding: 10px 12px;
}

.brave-view__mobile-quest-title {
    font-family: var(--brave-dialogue-font-family);
    letter-spacing: var(--brave-dialogue-letter-spacing);
    display: -webkit-box;
    overflow: hidden;
    color: var(--brave-text-bright);
    font-size: calc(0.76rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.16;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.brave-view__mobile-quest-line,
.brave-view__mobile-status-copy,
.brave-view__mobile-status-routes {
    color: var(--brave-text-dim);
    font-size: calc(0.64rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.3;
}

.brave-view__mobile-status {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    min-height: 52px;
    padding: 10px 12px;
}

.brave-view__mobile-status-main {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
}

.brave-view__mobile-status-value {
    letter-spacing: calc(var(--brave-letter-spacing) + 0.04em);
    color: var(--brave-text-bright);
    font-size: calc(0.76rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    text-transform: uppercase;
}

.brave-view__mobile-quickrow {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.brave-view__mobile-quick {
    display: grid;
    gap: 5px;
    min-height: 52px;
    padding: 10px 12px;
}

.brave-view__mobile-quick strong {
    color: var(--brave-text-bright);
    font-size: calc(0.7rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.25;
    font-weight: 600;
}

.brave-view__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.brave-view__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.brave-view__action {
    font-family: inherit;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border: 1px solid rgba(var(--brave-accent-rgb), 0.14);
    border-radius: var(--brave-radius-pill);
    background: rgba(255, 255, 255, 0.028);
    color: var(--brave-text-soft);
    font-size: calc(0.8rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.3;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
}

.brave-view__action-icon {
    color: var(--brave-accent);
    font-size: 0.95rem;
}

.brave-view__action--muted {
    border-color: rgba(200, 188, 163, 0.16);
    color: var(--brave-text-dim);
}

.brave-view__action--accent {
    border-color: rgba(var(--brave-accent-rgb), 0.3);
    background: rgba(var(--brave-accent-rgb), 0.1);
    color: color-mix(in srgb, var(--brave-accent) 58%, var(--brave-text-bright));
}

.brave-view__action--good {
    border-color: rgba(138, 191, 151, 0.28);
    background: rgba(138, 191, 151, 0.1);
    color: #bddfc5;
}

.brave-view__action--danger {
    border-color: rgba(213, 138, 118, 0.28);
    color: #ebb3a4;
}

.brave-view__sections {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 16px;
}

.brave-view--map .brave-view__sections {
    grid-template-columns: minmax(0, 1.68fr) minmax(260px, 0.72fr);
    align-items: start;
    gap: 14px;
}

.brave-view--map .brave-view__hero {
    gap: 10px;
    background:
        radial-gradient(circle at 50% 14%, rgba(var(--brave-accent-rgb), 0.12), transparent 36%),
        radial-gradient(circle at 0 0, var(--brave-world-surface-tint-strong), transparent 42%),
        linear-gradient(180deg, color-mix(in srgb, var(--brave-world-surface-tint) 92%, transparent), transparent 24%),
        linear-gradient(180deg, color-mix(in srgb, var(--brave-surface-soft-top) 88%, transparent), color-mix(in srgb, var(--brave-surface-soft-bottom) 92%, transparent));
}

.brave-view--map .brave-view__section--pre {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.brave-view--map .brave-view__section--pre::before {
    display: none;
}

.brave-view--map .brave-view__section--pre .brave-view__section-label {
    letter-spacing: calc(var(--brave-letter-spacing) + 0.16em);
    position: absolute;
    top: 22px;
    left: 50%;
    z-index: 2;
    justify-content: center;
    gap: 12px;
    width: calc(100% - 48px);
    margin: 0;
    padding: 0 12px;
    transform: translateX(-50%) translateY(3px);
    color: color-mix(in srgb, var(--brave-accent) 32%, var(--brave-text-soft));
    font-size: calc(0.94rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    pointer-events: none;
}

.brave-view--map .brave-view__section--pre .brave-view__section-icon {
    color: color-mix(in srgb, var(--brave-accent) 88%, var(--brave-text-bright));
    font-size: 1.14rem;
}

.brave-view--journal {
    --brave-accent: #b68a57;
    --brave-accent-rgb: 182, 138, 87;
    --brave-link: #e0bf88;
    --brave-menu-screen-primary-rgb: 170, 126, 74;
    --brave-menu-screen-secondary-rgb: 225, 191, 133;
    --brave-menu-screen-panel-top: rgba(35, 25, 16, 0.975);
    --brave-menu-screen-panel-bottom: rgba(13, 9, 6, 0.995);
    --brave-menu-screen-section-top: rgba(27, 20, 13, 0.955);
    --brave-menu-screen-section-bottom: rgba(10, 7, 5, 0.99);
    --brave-menu-screen-title-color: #f7ead6;
    --brave-menu-screen-copy-color: #ddcab0;
    --brave-menu-screen-dim-color: #bb9868;
}

.brave-view--map {
    --brave-accent: #7cc6d6;
    --brave-accent-rgb: 124, 198, 214;
    --brave-link: #c9eee4;
    --brave-menu-screen-primary-rgb: 92, 160, 180;
    --brave-menu-screen-secondary-rgb: 176, 216, 198;
    --brave-menu-screen-panel-top: rgba(12, 24, 31, 0.98);
    --brave-menu-screen-panel-bottom: rgba(4, 10, 14, 0.995);
    --brave-menu-screen-section-top: rgba(11, 18, 24, 0.955);
    --brave-menu-screen-section-bottom: rgba(6, 9, 12, 0.99);
    --brave-menu-screen-title-color: #eefbff;
    --brave-menu-screen-copy-color: #d5e7eb;
    --brave-menu-screen-dim-color: #8ebac5;
}

.brave-view--journal .brave-view__hero,
.brave-view--map .brave-view__hero {
    border-color: rgba(var(--brave-menu-screen-primary-rgb), 0.24);
    background:
        radial-gradient(circle at 0 0, rgba(var(--brave-menu-screen-primary-rgb), 0.14), transparent 44%),
        radial-gradient(circle at 100% 0, rgba(var(--brave-menu-screen-secondary-rgb), 0.1), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent 24%),
        linear-gradient(180deg, var(--brave-menu-screen-panel-top), var(--brave-menu-screen-panel-bottom));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 24px 46px rgba(0, 0, 0, 0.26);
}

.brave-view--journal .brave-view__title,
.brave-view--map .brave-view__title {
    color: var(--brave-menu-screen-title-color);
}

.brave-view--journal .brave-view__title-icon,
.brave-view--map .brave-view__title-icon {
    color: rgb(var(--brave-menu-screen-secondary-rgb));
}

.brave-view--journal .brave-view__subtitle,
.brave-view--map .brave-view__subtitle {
    color: var(--brave-menu-screen-copy-color);
}

.brave-view--journal .brave-view__eyebrow,
.brave-view--journal .brave-view__section-label,
.brave-view--map .brave-view__eyebrow,
.brave-view--map .brave-view__section-label {
    color: var(--brave-menu-screen-dim-color);
}

.brave-view--journal .brave-view__eyebrow-icon,
.brave-view--journal .brave-view__section-icon,
.brave-view--map .brave-view__eyebrow-icon,
.brave-view--map .brave-view__section-icon {
    color: rgb(var(--brave-menu-screen-secondary-rgb));
}

.brave-view--journal .brave-view__section,
.brave-view--map .brave-view__section:not(.brave-view__section--pre) {
    border-color: rgba(var(--brave-menu-screen-primary-rgb), 0.18);
    background:
        radial-gradient(circle at 0 0, rgba(var(--brave-menu-screen-primary-rgb), 0.12), transparent 48%),
        radial-gradient(circle at 100% 0, rgba(var(--brave-menu-screen-secondary-rgb), 0.08), transparent 38%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.025), transparent 20%),
        linear-gradient(180deg, var(--brave-menu-screen-section-top), var(--brave-menu-screen-section-bottom));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.035),
        0 16px 30px rgba(0, 0, 0, 0.2);
}

.brave-view--journal .brave-view__entry,
.brave-view--map .brave-view__entry,
.brave-view--journal .brave-view__section--archive .brave-view__list-item,
.brave-view--map .brave-view__section--list .brave-view__list-item {
    border: 1px solid rgba(var(--brave-menu-screen-primary-rgb), 0.18);
    border-radius: var(--brave-radius-card-tight);
    background:
        radial-gradient(circle at 0 0, rgba(var(--brave-menu-screen-primary-rgb), 0.1), transparent 46%),
        radial-gradient(circle at 100% 0, rgba(var(--brave-menu-screen-secondary-rgb), 0.06), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent 22%),
        linear-gradient(180deg, rgba(17, 21, 27, 0.94), rgba(7, 9, 13, 0.99));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.03),
        0 10px 20px rgba(0, 0, 0, 0.18);
}

.brave-view--journal .brave-view__entry-icon-wrap,
.brave-view--journal .brave-view__entry-badge,
.brave-view--journal .brave-view__bullet,
.brave-view--journal .scene-card__chip,
.brave-view--map .brave-view__entry-icon-wrap,
.brave-view--map .brave-view__entry-badge,
.brave-view--map .brave-view__bullet,
.brave-view--map .scene-card__chip {
    border-color: rgba(var(--brave-menu-screen-primary-rgb), 0.22);
    background: rgba(var(--brave-menu-screen-primary-rgb), 0.14);
    color: color-mix(in srgb, rgb(var(--brave-menu-screen-secondary-rgb)) 72%, var(--brave-menu-screen-title-color));
}

.brave-view--journal .brave-view__entry-meta,
.brave-view--journal .brave-view__entry-line,
.brave-view--journal .brave-view__list-text,
.brave-view--map .brave-view__entry-meta,
.brave-view--map .brave-view__entry-line,
.brave-view--map .brave-view__list-text {
    color: var(--brave-menu-screen-copy-color);
}

.brave-view--journal .brave-view__action,
.brave-view--map .brave-view__action {
    border-color: rgba(var(--brave-menu-screen-primary-rgb), 0.22);
    background:
        linear-gradient(180deg, rgba(var(--brave-menu-screen-primary-rgb), 0.14), rgba(255, 255, 255, 0.02)),
        linear-gradient(180deg, rgba(18, 22, 28, 0.94), rgba(8, 10, 14, 0.99));
    color: var(--brave-menu-screen-copy-color);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.03),
        0 10px 20px rgba(0, 0, 0, 0.16);
}

.brave-view--journal .brave-view__action-icon,
.brave-view--map .brave-view__action-icon {
    color: rgb(var(--brave-menu-screen-secondary-rgb));
}

.brave-view--journal .brave-view__action--accent,
.brave-view--map .brave-view__action--accent {
    border-color: rgba(var(--brave-menu-screen-secondary-rgb), 0.28);
    background:
        linear-gradient(180deg, rgba(var(--brave-menu-screen-secondary-rgb), 0.2), rgba(var(--brave-menu-screen-primary-rgb), 0.12)),
        linear-gradient(180deg, rgba(25, 30, 38, 0.94), rgba(9, 11, 15, 0.99));
    color: var(--brave-menu-screen-title-color);
}

.brave-view--journal .brave-view__action--muted,
.brave-view--map .brave-view__action--muted {
    border-color: rgba(var(--brave-menu-screen-primary-rgb), 0.14);
    color: var(--brave-menu-screen-dim-color);
}

@media (hover: hover) and (pointer: fine) {
    .brave-view--journal .brave-view__action:hover,
    .brave-view--journal .brave-view__action:focus-visible,
    .brave-view--map .brave-view__action:hover,
    .brave-view--map .brave-view__action:focus-visible {
        border-color: rgba(var(--brave-menu-screen-secondary-rgb), 0.26);
        background:
            linear-gradient(180deg, rgba(var(--brave-menu-screen-secondary-rgb), 0.12), rgba(255, 255, 255, 0.04)),
            linear-gradient(180deg, rgba(22, 27, 34, 0.95), rgba(9, 11, 15, 0.99));
    }
}

.brave-view--journal .brave-view__action:focus-visible,
.brave-view--map .brave-view__action:focus-visible,
.brave-view--journal .brave-click--row:focus-visible,
.brave-view--map .brave-click--row:focus-visible {
    border-color: rgba(var(--brave-menu-screen-secondary-rgb), 0.3);
    box-shadow: 0 0 0 1px rgba(var(--brave-menu-screen-secondary-rgb), 0.14);
}

@media (hover: hover) and (pointer: fine) {
    .brave-view--journal .brave-click--row:hover,
    .brave-view--map .brave-click--row:hover {
        border-color: rgba(var(--brave-menu-screen-secondary-rgb), 0.24);
        background:
            radial-gradient(circle at 0 0, rgba(var(--brave-menu-screen-primary-rgb), 0.14), transparent 46%),
            linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.02));
        box-shadow:
            0 0 0 1px rgba(var(--brave-menu-screen-secondary-rgb), 0.08),
            0 12px 22px rgba(0, 0, 0, 0.16);
    }
}

.brave-view--journal .brave-view__section--switcher .brave-view__actions {
    border-color: rgba(var(--brave-menu-screen-primary-rgb), 0.24);
    background:
        linear-gradient(180deg, rgba(var(--brave-menu-screen-primary-rgb), 0.12), rgba(255, 255, 255, 0.02)),
        linear-gradient(180deg, rgba(18, 14, 10, 0.94), rgba(8, 6, 5, 0.98));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.03),
        0 12px 22px rgba(0, 0, 0, 0.14);
}

.brave-view--journal .brave-view__section--switcher .brave-view__action {
    color: var(--brave-menu-screen-dim-color);
}

.brave-view--journal .brave-view__section--switcher .brave-view__action--accent {
    background:
        linear-gradient(180deg, rgba(var(--brave-menu-screen-secondary-rgb), 0.18), rgba(var(--brave-menu-screen-primary-rgb), 0.08)),
        linear-gradient(180deg, rgba(34, 25, 16, 0.92), rgba(14, 10, 7, 0.98));
    color: var(--brave-menu-screen-title-color);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.brave-view--journal .brave-view__section--tracked {
    border-color: rgba(var(--brave-menu-screen-primary-rgb), 0.2);
    background:
        radial-gradient(circle at 0 0, rgba(var(--brave-menu-screen-primary-rgb), 0.12), transparent 48%),
        radial-gradient(circle at 100% 0, rgba(var(--brave-menu-screen-secondary-rgb), 0.08), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.025), transparent 24%),
        linear-gradient(180deg, rgba(25, 18, 12, 0.95), rgba(10, 7, 5, 0.99));
}

.brave-view--journal .brave-view__section--tracked .brave-view__entry {
    border-color: rgba(var(--brave-menu-screen-secondary-rgb), 0.24);
    background:
        radial-gradient(circle at 0 0, rgba(var(--brave-menu-screen-primary-rgb), 0.18), transparent 46%),
        radial-gradient(circle at 100% 0, rgba(var(--brave-menu-screen-secondary-rgb), 0.1), transparent 32%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 24%),
        linear-gradient(180deg, rgba(31, 22, 14, 0.95), rgba(11, 8, 5, 0.99));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 14px 26px rgba(0, 0, 0, 0.18);
}

.brave-view--map .brave-view__section--pre .brave-view__section-label {
    color: color-mix(in srgb, rgb(var(--brave-menu-screen-secondary-rgb)) 46%, var(--brave-menu-screen-copy-color));
    text-shadow: 0 0 18px rgba(var(--brave-menu-screen-primary-rgb), 0.16);
}

.brave-view--map .brave-view__pre--map {
    border-color: rgba(var(--brave-menu-screen-primary-rgb), 0.28);
    background:
        radial-gradient(circle at 50% 20%, rgba(var(--brave-menu-screen-primary-rgb), 0.14), transparent 42%),
        radial-gradient(circle at 8% 0, rgba(var(--brave-menu-screen-secondary-rgb), 0.08), transparent 32%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.02), transparent 18%),
        linear-gradient(180deg, rgba(10, 18, 24, 0.985), rgba(4, 8, 11, 0.995));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.03),
        inset 0 0 0 1px rgba(255, 255, 255, 0.015),
        0 22px 36px rgba(0, 0, 0, 0.24);
    color: color-mix(in srgb, rgb(var(--brave-menu-screen-secondary-rgb)) 28%, var(--brave-menu-screen-copy-color));
    scrollbar-color: rgba(var(--brave-menu-screen-primary-rgb), 0.82) rgba(255, 255, 255, 0.06);
}

.brave-view--map .brave-view__pre--map::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, rgba(var(--brave-menu-screen-secondary-rgb), 0.86), rgba(var(--brave-menu-screen-primary-rgb), 0.64));
    border: 2px solid rgba(var(--brave-menu-screen-primary-rgb), 0.14);
}

.brave-view--map .brave-view__section--list .brave-view__list {
    gap: 8px;
}

.brave-view--map .brave-view__map-cell--party::before {
    background: linear-gradient(180deg, rgba(var(--brave-menu-screen-secondary-rgb), 0.28), rgba(var(--brave-menu-screen-secondary-rgb), 0.14));
    border-color: rgba(var(--brave-menu-screen-secondary-rgb), 0.42);
}

.brave-view--combat .brave-view__sections {
    grid-template-columns: minmax(184px, 0.54fr) minmax(0, 1.46fr);
    align-items: start;
    gap: 12px;
}

@media screen and (min-width: 901px) {
    .brave-view--combat .brave-view__sections {
        min-height: 0;
        grid-template-columns: minmax(420px, 0.92fr) minmax(0, 1.08fr);
        grid-template-rows: minmax(0, 1fr) minmax(108px, 0.34fr);
        grid-template-areas:
            "party targets"
            "party log";
        align-items: stretch;
    }

    .brave-view--combat .brave-view__section--party {
        grid-area: party;
    }

    .brave-view--combat .brave-view__section--targets {
        grid-area: targets;
    }

    .brave-view--combat .brave-combat-log {
        grid-area: log;
        min-height: 0;
    }
}

.brave-view--combat-result .brave-view__sections {
    grid-template-columns: minmax(240px, 0.85fr) minmax(320px, 1.15fr);
    align-items: start;
    gap: 14px;
}

.brave-view--room .brave-view__sections {
    display: grid;
    width: 100%;
    grid-template-columns: minmax(300px, 0.82fr) minmax(0, 1.18fr);
    grid-template-areas:
        "routes activity";
    grid-template-rows: minmax(220px, 1fr);
    gap: 8px;
    align-items: stretch;
    align-content: start;
    min-height: 0;
    height: auto;
}

.brave-view__section {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
    padding: 18px 18px 16px;
    border: 1px solid color-mix(in srgb, var(--brave-world-line) 70%, rgba(var(--brave-accent-rgb), 0.12));
    border-radius: var(--brave-radius-card);
    background:
        radial-gradient(circle at 0 0, var(--brave-state-surface-tint), transparent 48%),
        radial-gradient(circle at 100% 0, var(--brave-world-surface-tint-strong), transparent 42%),
        linear-gradient(180deg, color-mix(in srgb, var(--brave-world-surface-tint) 96%, transparent), transparent 24%),
        linear-gradient(180deg, color-mix(in srgb, var(--brave-surface-soft-top) 86%, transparent), color-mix(in srgb, var(--brave-surface-soft-bottom) 90%, transparent));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.brave-view__section--mapwide {
    grid-column: 1 / -1;
}

.brave-view__section--wide {
    grid-column: 1 / -1;
}

.brave-view--room .brave-view__section {
    padding: 14px 14px 12px;
    position: relative;
    overflow: hidden;
    isolation: isolate;
    border-color: var(--brave-room-section-border);
    background:
        radial-gradient(circle at 0 0, var(--brave-state-surface-tint-soft), transparent 46%),
        radial-gradient(circle at 100% 0, var(--brave-world-surface-tint-strong), transparent 40%),
        linear-gradient(180deg, color-mix(in srgb, var(--brave-world-surface-tint-strong) 62%, transparent), transparent 22%),
        linear-gradient(180deg, color-mix(in srgb, var(--brave-surface-soft-top) 68%, transparent), color-mix(in srgb, var(--brave-surface-soft-bottom) 78%, transparent));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.03),
        0 12px 24px rgba(0, 0, 0, 0.12);
}

.brave-view--room .brave-view__section::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, var(--brave-room-section-sheen), transparent 18%, transparent 84%, rgba(255, 255, 255, 0.008));
    opacity: 0.7;
    pointer-events: none;
    z-index: 0;
}

.brave-view--room .brave-view__section > * {
    position: relative;
    z-index: 1;
}

.brave-view--room .brave-view__section--navpad {
    background:
        radial-gradient(circle at 0 0, var(--brave-room-section-nav-glow), transparent 48%),
        radial-gradient(circle at 100% 0, rgba(255, 255, 255, 0.02), transparent 40%),
        linear-gradient(180deg, color-mix(in srgb, var(--brave-world-surface-tint-strong) 68%, transparent), transparent 22%),
        linear-gradient(180deg, color-mix(in srgb, var(--brave-surface-soft-top) 72%, transparent), color-mix(in srgb, var(--brave-surface-soft-bottom) 82%, transparent));
}

.brave-view--room .brave-view__section--list {
    background:
        radial-gradient(circle at 100% 0, var(--brave-room-section-list-glow), transparent 44%),
        radial-gradient(circle at 0 0, rgba(255, 255, 255, 0.02), transparent 40%),
        linear-gradient(180deg, color-mix(in srgb, var(--brave-world-surface-tint-strong) 66%, transparent), transparent 22%),
        linear-gradient(180deg, color-mix(in srgb, var(--brave-surface-soft-top) 72%, transparent), color-mix(in srgb, var(--brave-surface-soft-bottom) 82%, transparent));
}

.brave-view--room .brave-view__section--entities {
    background:
        radial-gradient(circle at 0 0, var(--brave-room-section-entities-glow), transparent 48%),
        radial-gradient(circle at 100% 100%, rgba(255, 255, 255, 0.018), transparent 40%),
        linear-gradient(180deg, color-mix(in srgb, var(--brave-world-surface-tint-strong) 64%, transparent), transparent 22%),
        linear-gradient(180deg, color-mix(in srgb, var(--brave-surface-soft-top) 72%, transparent), color-mix(in srgb, var(--brave-surface-soft-bottom) 82%, transparent));
}

.brave-view--room .brave-view__section--narrow {
    width: auto;
}

.brave-view--room .brave-view__section--medium {
    width: auto;
}

.brave-view--room .brave-view__sections > .brave-view__section {
    width: auto;
    min-width: 0;
}

.brave-view--room .brave-view__section--navpad {
    grid-area: routes;
    width: min(100%, 408px);
    max-width: 408px;
    min-height: 0;
    height: calc(100% - 96px);
    max-height: calc(100% - 96px);
    justify-self: start;
    align-self: end;
    justify-content: center;
    align-items: center;
}

.brave-view--room .brave-view__section--list {
    min-height: 0;
    width: 100%;
    justify-self: stretch;
    align-self: start;
}

.brave-view--room .brave-view__section--threats {
    grid-area: threats;
}

.brave-view--room .brave-view__section--vicinity {
    grid-area: vicinity;
    min-height: 0;
    width: 100%;
    justify-self: stretch;
    align-self: start;
    display: flex;
    flex-direction: column;
}

@media screen and (min-width: 901px) {
    .brave-view--room {
        grid-template-columns: minmax(360px, 408px) minmax(0, 0.88fr);
        grid-template-areas:
            "hero hero"
            "routes activity";
        grid-template-rows: minmax(300px, 1.14fr) 320px;
        column-gap: 10px;
        row-gap: 6px;
        align-items: stretch;
    }

    .brave-view--room > .brave-view__hero {
        grid-area: hero;
        align-self: stretch;
        min-width: 0;
        max-width: none;
        height: 100%;
    }

    .brave-view--room > .brave-view__sections {
        display: contents;
    }

    .brave-view--room .brave-view__section--navpad {
        width: 100%;
        max-width: none;
        min-height: 0;
        height: 100%;
        max-height: none;
        justify-self: stretch;
        align-self: stretch;
    }

    .brave-view--room .brave-view__section--activitylog {
        display: none;
        width: 100%;
        margin-left: 0;
        justify-self: stretch;
        align-self: stretch;
        height: 100%;
        max-height: none;
        grid-row: auto;
        grid-column: auto;
    }

    .brave-view--room .brave-view__section--vicinity {
        display: flex;
        flex-direction: column;
        grid-area: activity;
        width: 100%;
        margin-left: 0;
        justify-self: stretch;
        align-self: stretch;
        height: 100%;
        max-height: none;
        grid-row: auto;
        grid-column: auto;
    }
}

.brave-view--room .brave-view__section--vicinity .brave-view__list {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding-right: 2px;
    scrollbar-width: thin;
    scrollbar-color: color-mix(in srgb, var(--brave-accent) 54%, var(--brave-text-dim)) color-mix(in srgb, var(--brave-world-line) 38%, transparent);
}

.brave-view--room .brave-view__section--vicinity .brave-view__list::-webkit-scrollbar {
    width: 8px;
}

.brave-view--room .brave-view__section--vicinity .brave-view__list::-webkit-scrollbar-track {
    border-radius: 999px;
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--brave-world-surface-tint) 42%, transparent), color-mix(in srgb, var(--brave-surface-deep-bottom) 64%, transparent));
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--brave-world-line) 34%, transparent);
}

.brave-view--room .brave-view__section--vicinity .brave-view__list::-webkit-scrollbar-thumb {
    border: 2px solid transparent;
    border-radius: 999px;
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--brave-accent) 72%, var(--brave-text-soft)), color-mix(in srgb, var(--brave-accent) 44%, var(--brave-world-line)));
    background-clip: padding-box;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.16),
        0 0 0 1px rgba(var(--brave-accent-rgb), 0.12);
}

.brave-view--room .brave-view__section--vicinity .brave-view__list::-webkit-scrollbar-thumb:hover {
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--brave-accent) 84%, var(--brave-text-bright)), color-mix(in srgb, var(--brave-accent) 56%, var(--brave-world-line)));
    background-clip: padding-box;
}

.brave-view--room .brave-view__section--activitylog {
    grid-area: activity;
    min-height: 0;
    width: 100%;
    justify-self: stretch;
    align-self: stretch;
    display: flex;
    flex-direction: column;
}

.brave-view--room .brave-view__section--activitylog .brave-view__section-label {
    margin-bottom: 2px;
}

.brave-view--room .brave-room-log {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.brave-view--room .brave-room-log__body {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding-right: 4px;
    scrollbar-width: thin;
}

.brave-room-log__body--rail {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
    overflow-y: scroll;
    overscroll-behavior: contain;
    padding-right: 2px;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-color: color-mix(in srgb, var(--brave-accent) 54%, var(--brave-text-dim)) color-mix(in srgb, var(--brave-world-line) 38%, transparent);
}

.brave-room-log__body--rail::-webkit-scrollbar {
    width: 8px;
}

.brave-room-log__body--rail::-webkit-scrollbar-track {
    border-radius: 999px;
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--brave-world-surface-tint) 42%, transparent), color-mix(in srgb, var(--brave-surface-deep-bottom) 64%, transparent));
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--brave-world-line) 34%, transparent);
}

.brave-room-log__body--rail::-webkit-scrollbar-thumb {
    border: 2px solid transparent;
    border-radius: 999px;
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--brave-accent) 72%, var(--brave-text-soft)), color-mix(in srgb, var(--brave-accent) 44%, var(--brave-world-line)));
    background-clip: padding-box;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.16),
        0 0 0 1px rgba(var(--brave-accent-rgb), 0.12);
}

.brave-room-log__body--rail::-webkit-scrollbar-thumb:hover {
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--brave-accent) 84%, var(--brave-text-bright)), color-mix(in srgb, var(--brave-accent) 56%, var(--brave-world-line)));
    background-clip: padding-box;
}

.scene-rail__panel--vicinity .brave-room-log--rail {
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.scene-rail__panel--vicinity .brave-room-activity-shell {
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
    gap: 12px;
    align-items: stretch;
}

.scene-rail__panel--vicinity .brave-room-activity-card {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    position: relative;
    gap: 10px;
    min-width: 0;
    min-height: 0;
    padding: 14px 14px 12px;
    border: 1px solid color-mix(in srgb, var(--brave-world-line) 74%, rgba(var(--brave-accent-rgb), 0.16));
    border-radius: 18px;
    background:
        radial-gradient(circle at 0 0, var(--brave-state-surface-tint-soft), transparent 46%),
        linear-gradient(180deg, var(--brave-surface-deep-top), var(--brave-surface-deep-bottom));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 14px 26px rgba(0, 0, 0, 0.16);
}

.scene-rail__panel--vicinity .brave-room-activity-card .scene-pack-panel__title {
    flex: 0 0 auto;
    margin: 0;
}

.brave-room-activity-card__tabs,
.brave-room-activity-mobile-card__tabs {
    flex: 0 0 auto;
}

.brave-room-voice-layer {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-end;
    gap: 8px;
    width: 100%;
}

.brave-room-voice-layer--mobile {
    align-items: stretch;
}

.brave-room-voice-layer--self {
    align-items: flex-start;
}

.brave-room-voice-layer--self .brave-room-voice-bubble {
    pointer-events: auto;
    cursor: pointer;
}

.brave-room-voice-bubble {
    position: relative;
    width: min(100%, 320px);
    padding: 10px 12px 11px;
    border: 1px solid color-mix(in srgb, rgba(var(--brave-accent-rgb), 0.34) 68%, rgba(255, 255, 255, 0.12));
    border-radius: 16px;
    background:
        radial-gradient(circle at 22% 18%, rgba(var(--brave-accent-rgb), 0.16), transparent 52%),
        linear-gradient(180deg, rgba(17, 24, 33, 0.94), rgba(10, 16, 24, 0.92));
    box-shadow:
        0 16px 28px rgba(0, 0, 0, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(8px);
    cursor: pointer;
    animation:
        brave-room-voice-bubble-in 200ms ease;
}

.brave-room-voice-bubble.brave-room-voice-bubble--dismissing {
    pointer-events: none;
    animation:
        brave-room-voice-bubble-out 220ms ease forwards;
}

.brave-room-voice-bubble::after {
    content: "";
    position: absolute;
    right: 24px;
    bottom: -7px;
    width: 14px;
    height: 14px;
    border-right: 1px solid color-mix(in srgb, rgba(var(--brave-accent-rgb), 0.34) 68%, rgba(255, 255, 255, 0.12));
    border-bottom: 1px solid color-mix(in srgb, rgba(var(--brave-accent-rgb), 0.34) 68%, rgba(255, 255, 255, 0.12));
    background: linear-gradient(135deg, rgba(17, 24, 33, 0.94), rgba(10, 16, 24, 0.92));
    transform: rotate(45deg);
}

.brave-room-voice-bubble--lead {
    border-color: color-mix(in srgb, rgba(var(--brave-accent-rgb), 0.48) 74%, rgba(255, 255, 255, 0.16));
    box-shadow:
        0 18px 32px rgba(0, 0, 0, 0.24),
        0 0 0 1px rgba(var(--brave-accent-rgb), 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.brave-room-voice-bubble--emote {
    width: min(100%, 272px);
    padding: 8px 11px 9px;
    border-color: color-mix(in srgb, var(--brave-world-line) 70%, rgba(255, 255, 255, 0.08));
    border-radius: 14px;
    background:
        radial-gradient(circle at 18% 20%, rgba(255, 255, 255, 0.05), transparent 48%),
        linear-gradient(180deg, rgba(11, 16, 22, 0.82), rgba(8, 12, 18, 0.78));
    box-shadow:
        0 10px 18px rgba(0, 0, 0, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
    animation:
        brave-room-voice-bubble-in 180ms ease;
}

.brave-room-voice-bubble--emote::after {
    right: 18px;
    bottom: -6px;
    width: 12px;
    height: 12px;
    border-right-color: color-mix(in srgb, var(--brave-world-line) 70%, rgba(255, 255, 255, 0.08));
    border-bottom-color: color-mix(in srgb, var(--brave-world-line) 70%, rgba(255, 255, 255, 0.08));
    background: linear-gradient(135deg, rgba(11, 16, 22, 0.82), rgba(8, 12, 18, 0.78));
}

.brave-room-voice-bubble--self::after {
    right: auto;
    left: 24px;
}

.brave-room-voice-bubble--self {
    border-color: color-mix(in srgb, var(--brave-good) 42%, rgba(255, 255, 255, 0.14));
    background:
        radial-gradient(circle at 22% 18%, color-mix(in srgb, var(--brave-good) 18%, transparent), transparent 52%),
        linear-gradient(180deg, rgba(15, 28, 26, 0.94), rgba(9, 18, 20, 0.92));
}

.brave-room-voice-bubble--self::after {
    border-right-color: color-mix(in srgb, var(--brave-good) 42%, rgba(255, 255, 255, 0.14));
    border-bottom-color: color-mix(in srgb, var(--brave-good) 42%, rgba(255, 255, 255, 0.14));
    background: linear-gradient(135deg, rgba(15, 28, 26, 0.94), rgba(9, 18, 20, 0.92));
}

.brave-room-voice-bubble--threat {
    width: min(100%, 336px);
    border-color: color-mix(in srgb, var(--brave-bad) 72%, rgba(255, 226, 174, 0.3));
    background:
        radial-gradient(circle at 14% 10%, rgba(255, 202, 118, 0.16), transparent 46%),
        radial-gradient(circle at 100% 20%, color-mix(in srgb, var(--brave-bad) 24%, transparent), transparent 48%),
        linear-gradient(180deg, rgba(34, 18, 16, 0.96), rgba(16, 12, 15, 0.94));
    box-shadow:
        0 18px 32px rgba(0, 0, 0, 0.28),
        0 0 0 1px color-mix(in srgb, var(--brave-bad) 14%, transparent),
        0 0 24px color-mix(in srgb, var(--brave-bad) 16%, transparent),
        inset 0 1px 0 rgba(255, 235, 198, 0.07);
    animation:
        brave-room-voice-bubble-in 200ms ease;
}

.brave-room-voice-bubble--threat::after {
    border-right-color: color-mix(in srgb, var(--brave-bad) 72%, rgba(255, 226, 174, 0.3));
    border-bottom-color: color-mix(in srgb, var(--brave-bad) 72%, rgba(255, 226, 174, 0.3));
    background: linear-gradient(135deg, rgba(34, 18, 16, 0.96), rgba(16, 12, 15, 0.94));
}

.brave-room-voice-bubble__speaker {
    color: color-mix(in srgb, var(--brave-text) 72%, rgba(255, 255, 255, 0.72));
    font-size: calc(0.64rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.brave-room-voice-bubble--emote .brave-room-voice-bubble__speaker {
    color: color-mix(in srgb, var(--brave-text-dim) 84%, rgba(255, 255, 255, 0.58));
    font-size: calc(0.58rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    letter-spacing: 0.06em;
}

.brave-room-voice-bubble--threat .brave-room-voice-bubble__speaker {
    color: color-mix(in srgb, var(--brave-bad) 64%, #ffd18a);
    letter-spacing: 0.1em;
}

.brave-room-voice-bubble__line {
    margin-top: 4px;
    color: color-mix(in srgb, var(--brave-text-bright) 92%, white);
    font-size: calc(0.8rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.36;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
}

.brave-room-voice-bubble--emote .brave-room-voice-bubble__line {
    margin-top: 0;
    color: color-mix(in srgb, var(--brave-text) 74%, rgba(255, 255, 255, 0.68));
    font-size: calc(0.72rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.3;
    -webkit-line-clamp: 1;
}

.brave-room-voice-bubble--threat .brave-room-voice-bubble__line {
    color: color-mix(in srgb, var(--brave-text-bright) 86%, #ffe2b5);
    font-weight: 650;
    -webkit-line-clamp: 3;
}

.brave-room-voice-overflow {
    align-self: flex-end;
    padding: 5px 10px;
    border-radius: 999px;
    background: rgba(8, 13, 21, 0.8);
    border: 1px solid color-mix(in srgb, var(--brave-world-line) 62%, rgba(var(--brave-accent-rgb), 0.2));
    color: color-mix(in srgb, var(--brave-text) 76%, rgba(255, 255, 255, 0.72));
    font-size: calc(0.63rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

#brave-room-voice-overlay-desktop,
#brave-room-voice-overlay-self,
#brave-room-voice-overlay-mobile {
    position: absolute;
    pointer-events: none;
    z-index: 9;
}

#brave-room-voice-overlay-desktop[aria-hidden="true"],
#brave-room-voice-overlay-self[aria-hidden="true"],
#brave-room-voice-overlay-mobile[aria-hidden="true"] {
    display: none;
}

body:not([data-brave-scene="explore"]) #brave-room-voice-overlay-desktop,
body:not([data-brave-scene="explore"]) #brave-room-voice-overlay-self,
body:not([data-brave-scene="explore"]) #brave-room-voice-overlay-mobile {
    display: none !important;
}

#brave-room-voice-overlay-desktop {
    right: var(--brave-rail-offset);
    bottom: 352px;
    width: min(var(--brave-rail-column-width), calc(100% - 68px));
}

#brave-room-voice-overlay-self {
    left: max(24px, env(safe-area-inset-left, 0px) + 24px);
    bottom: 112px;
    width: min(340px, calc(100% - 68px));
}

#brave-room-voice-overlay-mobile {
    display: none;
}

@keyframes brave-room-voice-bubble-in {
    from {
        opacity: 0;
        transform: translateY(8px) scale(0.98);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes brave-room-voice-bubble-out {
    from {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
    to {
        opacity: 0;
        transform: translateY(-6px) scale(0.985);
    }
}

@media screen and (min-width: 1100px) {
    #brave-room-voice-overlay-desktop {
        bottom: 488px;
    }
}

.brave-room-activity-tabs {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: 100%;
}

.brave-room-activity-tabs__button {
    font-family: inherit;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 34px;
    padding: 7px 12px;
    border: 1px solid color-mix(in srgb, var(--brave-world-line) 74%, rgba(var(--brave-accent-rgb), 0.16));
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.03);
    color: color-mix(in srgb, var(--brave-text) 76%, rgba(255, 255, 255, 0.68));
    font-size: calc(0.72rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    letter-spacing: 0.04em;
    text-transform: uppercase;
    cursor: pointer;
    transition:
        border-color 120ms ease,
        background 120ms ease,
        color 120ms ease;
}

.brave-room-activity-tabs__button strong {
    color: var(--brave-text);
}

.brave-room-activity-tabs__button:hover,
.brave-room-activity-tabs__button:focus-visible {
    border-color: rgba(var(--brave-accent-rgb), 0.3);
    outline: none;
}

.brave-room-activity-tabs__button--active {
    background:
        radial-gradient(circle at 0 0, rgba(var(--brave-accent-rgb), 0.16), transparent 48%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.025));
    border-color: rgba(var(--brave-accent-rgb), 0.34);
    color: var(--brave-text);
}

.brave-room-activity-pane {
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
    flex-direction: column;
}

.brave-room-activity-pane--hidden {
    display: none;
}

.brave-room-nearby {
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
    flex-direction: column;
    gap: 10px;
}

.brave-room-nearby__summary {
    color: color-mix(in srgb, var(--brave-text) 68%, rgba(255, 255, 255, 0.7));
    font-size: calc(0.69rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.brave-room-nearby__list {
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
    flex-direction: column;
    gap: 8px;
    overflow-y: auto;
    padding-right: 2px;
    scrollbar-width: thin;
}

.brave-room-nearby__entry {
    font-family: inherit;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    width: 100%;
    min-height: 48px;
    padding: 10px 11px;
    border: 1px solid color-mix(in srgb, var(--brave-world-line) 72%, rgba(var(--brave-accent-rgb), 0.14));
    border-radius: 14px;
    background:
        radial-gradient(circle at 0 0, rgba(255, 255, 255, 0.025), transparent 32%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.022), rgba(255, 255, 255, 0.012));
    color: var(--brave-text);
    text-align: left;
    cursor: pointer;
    transition:
        border-color 120ms ease,
        background 120ms ease,
        transform 120ms ease;
}

.brave-room-nearby__entry:hover,
.brave-room-nearby__entry:focus-visible {
    border-color: rgba(var(--brave-accent-rgb), 0.3);
    background:
        radial-gradient(circle at 0 0, rgba(var(--brave-accent-rgb), 0.12), transparent 38%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.028), rgba(255, 255, 255, 0.014));
    outline: none;
    transform: translateX(1px);
}

.brave-room-nearby__entry-icon,
.brave-room-nearby__entry-chevron {
    flex: 0 0 auto;
    color: var(--brave-room-safe-icon);
    font-size: 0.95rem;
}

.brave-room-nearby__entry-body {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 2px;
}

.brave-room-nearby__entry-head {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.brave-room-nearby__entry-name {
    min-width: 0;
    color: var(--brave-text);
    font-size: calc(0.78rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    font-weight: 700;
}

.brave-room-nearby__entry-summary,
.brave-room-nearby__entry-detail,
.brave-room-nearby__empty {
    color: color-mix(in srgb, var(--brave-text) 74%, rgba(255, 255, 255, 0.66));
    font-size: calc(0.71rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.32;
}

.brave-room-nearby__entry-detail {
    color: color-mix(in srgb, var(--brave-text) 58%, rgba(255, 255, 255, 0.6));
}

.brave-room-nearby__badge {
    display: inline-flex;
    align-items: center;
    padding: 2px 7px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
    color: color-mix(in srgb, var(--brave-text) 84%, rgba(255, 255, 255, 0.74));
    font-size: calc(0.61rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.brave-room-nearby__badge--danger {
    background: rgba(194, 73, 73, 0.18);
    color: color-mix(in srgb, #ffddd7 84%, white);
}

.brave-room-nearby__badge--muted {
    background: rgba(255, 255, 255, 0.04);
}

.scene-rail__panel--vicinity .brave-room-activity-card .brave-room-log--rail {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.scene-rail__panel--vicinity .brave-room-actions-shell {
    display: flex;
    flex: 0 0 102px;
    min-width: 102px;
    min-height: 0;
    align-self: stretch;
}

.scene-rail__panel--vicinity .brave-room-actions-shell--empty {
    display: none;
}

.scene-rail__panel--vicinity .brave-room-actions-shell:empty {
    display: none;
}

.scene-rail__panel--vicinity .brave-room-actions {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
    min-height: 0;
    padding: 2px 0 2px 2px;
}

.scene-rail__panel--vicinity .brave-room-actions__button {
    font-family: inherit;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    min-height: 40px;
    padding: 9px 10px;
    border: 1px solid color-mix(in srgb, var(--brave-world-line) 72%, rgba(var(--brave-accent-rgb), 0.12));
    border-radius: 14px;
    background:
        radial-gradient(circle at 0 0, rgba(255, 255, 255, 0.03), transparent 30%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0.01));
    color: var(--brave-text);
    text-align: left;
    cursor: pointer;
    transition:
        transform 120ms ease,
        border-color 120ms ease,
        background 120ms ease,
        box-shadow 120ms ease;
}

.scene-rail__panel--vicinity .brave-room-actions__button:hover,
.scene-rail__panel--vicinity .brave-room-actions__button:focus-visible {
    border-color: rgba(var(--brave-accent-rgb), 0.32);
    background:
        radial-gradient(circle at 0 0, rgba(var(--brave-accent-rgb), 0.16), transparent 36%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.015));
    outline: none;
    transform: translateX(1px);
}

.scene-rail__panel--vicinity .brave-room-actions__button-icon {
    flex: 0 0 auto;
    color: var(--brave-room-safe-icon);
    font-size: 1.02rem;
}

.scene-rail__panel--vicinity .brave-room-actions__button-label {
    min-width: 0;
    line-height: 1.15;
    font-size: calc(0.75rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    white-space: normal;
}

.scene-rail__panel--vicinity .brave-room-actions__button--emote {
    margin-top: auto;
}

.brave-view--room .brave-room-log__body::-webkit-scrollbar {
    width: 6px;
}

.brave-view--room .brave-room-log__body::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(var(--brave-accent-rgb), 0.24);
}

.brave-room-log__body > .out,
.brave-room-log__body > .msg,
.brave-room-log__body > .err,
.brave-room-log__body > .sys {
    margin-top: 0;
    padding: 8px 10px;
    border: 1px solid var(--brave-room-entry-border);
    border-radius: var(--brave-radius-card-tight);
    background:
        radial-gradient(circle at 0 0, var(--brave-room-entry-right), transparent 50%),
        radial-gradient(circle at 100% 0, rgba(255, 255, 255, 0.02), transparent 36%),
        linear-gradient(180deg, var(--brave-room-entry-sheen), transparent 24%),
        rgba(255, 255, 255, 0.03);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.025),
        0 8px 18px rgba(0, 0, 0, 0.08);
    font-family: var(--brave-body-font-family);
    letter-spacing: var(--brave-body-letter-spacing);
    color: color-mix(in srgb, var(--brave-text-soft) 82%, var(--brave-text-bright));
    font-size: calc(0.9rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.58;
}

.brave-room-log__body > .out,
.brave-room-log__body > .msg,
.brave-room-log__body > .err,
.brave-room-log__body > .sys,
.brave-room-log__body > .out *,
.brave-room-log__body > .msg *,
.brave-room-log__body > .err *,
.brave-room-log__body > .sys * {
    font-family: var(--brave-body-font-family) !important;
    letter-spacing: var(--brave-body-letter-spacing);
}

.brave-room-log__body > .err {
    border-color: rgba(213, 138, 118, 0.3);
}

.brave-room-log__entry {
    display: block;
}

.brave-room-log__entry-text {
    min-width: 0;
}

.brave-view--room .brave-view__section--list .brave-view__list-item {
    gap: 0;
    width: 100%;
    align-items: center;
    padding: 9px 10px;
    border: 1px solid var(--brave-room-entry-border);
    border-radius: var(--brave-radius-card-tight);
    background:
        radial-gradient(circle at 0 0, var(--brave-room-entry-right), transparent 48%),
        radial-gradient(circle at 100% 0, rgba(255, 255, 255, 0.02), transparent 36%),
        linear-gradient(180deg, var(--brave-room-entry-sheen), transparent 24%),
        rgba(255, 255, 255, 0.03);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.025),
        0 8px 18px rgba(0, 0, 0, 0.08);
}

.brave-view--room .brave-view__section--list .brave-view__list-main {
    align-items: center;
}

.brave-view--room .brave-view__section--vicinity .brave-view__list-item--with-actions {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    align-items: stretch;
}

.brave-view--room .brave-view__section--vicinity .brave-view__list-primary {
    min-width: 0;
}

.brave-view--room .brave-view__section--vicinity .brave-view__inline-actions {
    align-self: stretch;
    flex-wrap: nowrap;
    gap: 6px;
}

.brave-view--room .brave-view__section--vicinity .brave-view__mini-action {
    min-height: 100%;
    min-width: 5.1rem;
    justify-content: center;
    padding: 7px 11px;
    border-radius: var(--brave-radius-card-tight);
    white-space: nowrap;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.035),
        0 8px 16px rgba(0, 0, 0, 0.1);
}

.brave-view--room .brave-view__section--vicinity .brave-view__mini-action--muted {
    border-color: color-mix(in srgb, var(--brave-world-line) 62%, rgba(200, 188, 163, 0.18));
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.015)),
        rgba(255, 255, 255, 0.02);
}

.brave-view--room .brave-view__section--vicinity .brave-view__mini-action--danger {
    border-color: rgba(213, 138, 118, 0.44);
    background:
        radial-gradient(circle at 0 0, rgba(213, 138, 118, 0.12), transparent 52%),
        linear-gradient(180deg, rgba(142, 40, 28, 0.34), rgba(84, 22, 20, 0.24));
    color: #f1c4b6;
}

.brave-view--room .brave-view__section--vicinity .brave-view__mini-action--danger .brave-view__mini-action-icon {
    color: #f4c089;
}

.brave-view--room .brave-view__section--list .brave-view__list-copy {
    gap: 1px;
}

@media screen and (max-width: 640px) {
    .brave-view--room .brave-view__section--vicinity .brave-view__inline-actions {
        gap: 5px;
    }

    .brave-view--room .brave-view__section--vicinity .brave-view__mini-action {
        min-width: 2.35rem;
        width: 2.35rem;
        min-height: 2.35rem;
        padding: 0;
        gap: 0;
        border-radius: var(--brave-radius-control);
    }

    .brave-view--room .brave-view__section--vicinity .brave-view__mini-action span:not(.brave-view__mini-action-icon):not(.brave-icon) {
        display: none;
    }

    .brave-view--room .brave-view__section--vicinity .brave-view__mini-action-icon {
        font-size: 1rem;
    }
}

.brave-view--room .brave-view__section--entities {
    grid-area: entities;
    min-height: 178px;
    align-self: stretch;
}

.brave-view--room .brave-view__entries {
    gap: 10px;
}

.brave-view--room .brave-view__entry {
    gap: 6px;
    padding: 10px 10px 8px;
    position: relative;
    overflow: hidden;
    border-color: var(--brave-room-entry-border);
    background:
        radial-gradient(circle at 0 0, var(--brave-room-entry-right), transparent 48%),
        radial-gradient(circle at 100% 0, rgba(255, 255, 255, 0.02), transparent 36%),
        linear-gradient(180deg, var(--brave-room-entry-sheen), transparent 24%),
        rgba(255, 255, 255, 0.03);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.025),
        0 8px 18px rgba(0, 0, 0, 0.08);
}

.brave-view--room .brave-view__entry::before {
    content: "";
    position: absolute;
    left: 0;
    top: 15px;
    bottom: 10px;
    width: 2px;
    border-radius: 999px;
    background: linear-gradient(180deg, var(--brave-room-entry-left), rgba(255, 255, 255, 0.06));
    opacity: 0.95;
    pointer-events: none;
}

.brave-view--room .brave-view__entry--button.brave-click--row {
    border-color: var(--brave-room-entry-border);
    background:
        radial-gradient(circle at 0 0, var(--brave-room-entry-right), transparent 48%),
        radial-gradient(circle at 100% 0, rgba(255, 255, 255, 0.02), transparent 36%),
        linear-gradient(180deg, var(--brave-room-entry-sheen), transparent 24%),
        rgba(255, 255, 255, 0.03);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.025),
        0 8px 18px rgba(0, 0, 0, 0.08);
}

.brave-view__pairs {
    display: grid;
    gap: 10px;
}

.brave-view__pair {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 16px;
    align-items: baseline;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(var(--brave-accent-rgb), 0.08);
}

.brave-view__pair:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.brave-view__pair-label {
    letter-spacing: calc(var(--brave-letter-spacing) + 0.03em);
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    color: var(--brave-text-dim);
    font-size: calc(0.8rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    text-transform: uppercase;
}

.brave-view__pair-icon {
    color: var(--brave-accent);
    font-size: 0.92rem;
}

.brave-view__pair-value {
    color: var(--brave-text-brighter);
    font-size: calc(0.92rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.4;
    text-align: right;
}

.brave-view__form {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.brave-view__field-label {
    letter-spacing: calc(var(--brave-letter-spacing) + 0.06em);
    color: var(--brave-text-dim);
    font-size: calc(0.72rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    text-transform: uppercase;
}

.brave-view__field-input {
    font-family: var(--brave-ui-font-family);
    letter-spacing: var(--brave-letter-spacing);
    width: 100%;
    min-width: 0;
    min-height: 48px;
    padding: 12px 14px;
    border: 1px solid color-mix(in srgb, var(--brave-world-line) 66%, rgba(var(--brave-accent-rgb), 0.16));
    border-radius: var(--brave-radius-control);
    background:
        linear-gradient(180deg, var(--brave-state-surface-tint-soft), transparent 36%),
        radial-gradient(circle at 100% 0, var(--brave-world-surface-tint-soft), transparent 36%),
        linear-gradient(180deg, color-mix(in srgb, var(--brave-world-surface-tint-soft) 94%, rgba(var(--brave-accent-rgb), 0.035)), transparent 30%),
        linear-gradient(180deg, var(--brave-surface-deep-top), var(--brave-surface-deep-bottom));
    color: var(--brave-text-brighter);
    font-size: calc(0.96rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
    appearance: none;
    -webkit-appearance: none;
}

.brave-view__field-input::placeholder {
    color: color-mix(in srgb, var(--brave-text) 34%, transparent);
}

.brave-view__field-input:focus {
    border-color: rgba(var(--brave-accent-rgb), 0.56);
    background: linear-gradient(180deg, var(--brave-panel-soft), var(--brave-panel-deep));
    box-shadow:
        0 0 0 4px rgba(var(--brave-accent-rgb), 0.11),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
    color: var(--brave-text-bright);
    outline: none;
}

.brave-view__form-submit {
    align-self: flex-start;
    min-width: min(100%, 240px);
}

.brave-view__entries {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.brave-view__entry {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px 12px 10px;
    border: 1px solid color-mix(in srgb, var(--brave-world-line) 62%, rgba(var(--brave-accent-rgb), 0.08));
    border-radius: var(--brave-radius-card-tight);
    background:
        radial-gradient(circle at 0 0, var(--brave-state-surface-tint-soft), transparent 44%),
        radial-gradient(circle at 100% 0, var(--brave-world-surface-tint-soft), transparent 36%),
        linear-gradient(180deg, color-mix(in srgb, var(--brave-world-surface-tint-soft) 96%, transparent), transparent 22%),
        rgba(255, 255, 255, 0.025);
}

.brave-view__entry--button {
    width: 100%;
    appearance: none;
    -webkit-appearance: none;
    font: inherit;
    color: inherit;
    text-align: left;
    background-color: transparent;
    background-image: none;
    background-repeat: no-repeat;
    background-origin: border-box;
    background-clip: padding-box, border-box;
}

.brave-click--row {
    cursor: pointer;
    transition:
        border-color 120ms ease,
        background-color 120ms ease,
        transform 120ms ease,
        box-shadow 120ms ease;
}

@media (hover: hover) and (pointer: fine) {
    .brave-click--row:hover {
        border-color: rgba(var(--brave-accent-rgb), 0.28);
        background: rgba(255, 255, 255, 0.04);
        box-shadow: 0 0 0 1px rgba(var(--brave-accent-rgb), 0.12);
        outline: none;
    }
}

.brave-click--row:focus-visible {
    border-color: rgba(var(--brave-accent-rgb), 0.28);
    background: rgba(255, 255, 255, 0.04);
    box-shadow: 0 0 0 1px rgba(var(--brave-accent-rgb), 0.12);
    outline: none;
}

.brave-click--row:active {
    transform: translateY(1px);
}

@media (hover: hover) and (pointer: fine) {
    .brave-view--room .brave-click--row:hover {
        border-color: color-mix(in srgb, var(--brave-room-entry-left) 82%, rgba(255, 255, 255, 0.08));
        background:
            radial-gradient(circle at 0 0, color-mix(in srgb, var(--brave-room-entry-right) 64%, rgba(255, 255, 255, 0.02)), transparent 48%),
            linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.025));
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.03),
            0 0 0 1px rgba(var(--brave-accent-rgb), 0.08),
            0 12px 22px rgba(0, 0, 0, 0.12);
    }
}

.brave-view--room .brave-click--row:focus-visible {
    border-color: color-mix(in srgb, var(--brave-room-entry-left) 82%, rgba(255, 255, 255, 0.08));
    background:
        radial-gradient(circle at 0 0, color-mix(in srgb, var(--brave-room-entry-right) 64%, rgba(255, 255, 255, 0.02)), transparent 48%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.025));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.03),
        0 0 0 1px rgba(var(--brave-accent-rgb), 0.08),
        0 12px 22px rgba(0, 0, 0, 0.12);
}

.brave-view__entry-head {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 10px;
    align-items: start;
}

.brave-view__entry-icon-wrap,
.brave-view__entry-badge,
.brave-view__badge,
.brave-view__bullet {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    min-height: 2rem;
    padding: 4px 7px;
    border-radius: var(--brave-radius-pill);
    background: rgba(var(--brave-accent-rgb), 0.11);
    color: color-mix(in srgb, var(--brave-accent) 58%, var(--brave-text-bright));
}

.brave-view--room .brave-view__entry-icon-wrap,
.brave-view--room .brave-view__entry-badge {
    background: var(--brave-room-entry-icon-bg);
}

.brave-view__entry-icon,
.brave-view__bullet-icon {
    font-size: 0.95rem;
}

.brave-view__entry-heading {
    min-width: 0;
    display: grid;
    align-content: center;
}

.brave-view__entry-title {
    font-family: var(--brave-dialogue-font-family);
    letter-spacing: var(--brave-dialogue-letter-spacing);
    display: flex;
    align-items: center;
    color: var(--brave-text-bright);
    font-size: calc(0.94rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.35;
    min-height: 1.35em;
}

.brave-view__entry--ornamented {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

.brave-view__entry--ornamented .brave-view__entry-head,
.brave-view__entry--ornamented .brave-view__meters,
.brave-view__entry--ornamented .brave-view__entry-chips,
.brave-view__entry--ornamented .brave-view__entry-body,
.brave-view__entry--ornamented .brave-view__inline-actions {
    position: relative;
    z-index: 1;
}

.brave-view__entry-ornament {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    user-select: none;
    font-size: var(--brave-entry-ornament-fallback, 5rem);
    font-size: calc(var(--brave-entry-ornament-ratio, 0.5) * min(100cqi, 100cqb));
    line-height: 1;
    color: var(--brave-entry-ornament-color, rgba(var(--brave-accent-rgb), 0.12));
    text-shadow: 0 0 24px var(--brave-entry-ornament-glow, rgba(var(--brave-accent-rgb), 0.12));
    z-index: 0;
}

.brave-view--theme .brave-view__entry-head {
    align-items: start;
}

.brave-view--theme .brave-view__entry-icon-wrap {
    align-self: start;
}

.brave-view--theme .brave-view__entry-icon {
    display: block;
    line-height: 1;
}

.brave-view--theme .brave-view__entry-heading {
    align-self: start;
}

.brave-view--theme .brave-view__entry-title {
    min-height: 2rem;
    line-height: 1;
    position: relative;
    top: 1px;
}

.brave-view__entry-meta {
    letter-spacing: calc(var(--brave-letter-spacing) + 0.04em);
    margin-top: 2px;
    color: var(--brave-text-dim);
    font-size: calc(0.72rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    text-transform: uppercase;
}

.brave-view__entry-body,
.brave-view__lines {
    font-family: var(--brave-body-font-family);
    letter-spacing: var(--brave-body-letter-spacing);
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.brave-view__meters {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.brave-view__meter {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.brave-view__meter-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
}

.brave-view__meter-label {
    letter-spacing: calc(var(--brave-letter-spacing) + 0.08em);
    color: var(--brave-text-dim);
    font-size: calc(0.66rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    text-transform: uppercase;
}

.brave-view__meter-value {
    color: var(--brave-text-bright);
    font-size: calc(0.76rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.2;
}

.brave-view__meter-track {
    position: relative;
    overflow: hidden;
    height: 8px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
}

.brave-view__meter-fill {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, rgba(var(--brave-accent-rgb), 0.95), rgba(var(--brave-accent-rgb), 0.64));
    transition: width 260ms linear, filter 160ms ease, opacity 160ms ease, transform 160ms ease;
}

.brave-view__meter--good .brave-view__meter-fill {
    background: linear-gradient(90deg, rgba(138, 191, 151, 0.98), rgba(98, 162, 116, 0.9));
}

.brave-view__meter--warn .brave-view__meter-fill {
    background: linear-gradient(90deg, rgba(235, 186, 106, 0.98), rgba(205, 145, 61, 0.9));
}

.brave-view__meter--danger .brave-view__meter-fill {
    background: linear-gradient(90deg, rgba(213, 138, 118, 0.98), rgba(174, 82, 74, 0.92));
}

.brave-view__meter--mana .brave-view__meter-fill {
    background: linear-gradient(90deg, rgba(110, 220, 242, 0.98), rgba(56, 158, 212, 0.9));
}

.brave-view__meter--stamina .brave-view__meter-fill {
    background: linear-gradient(90deg, rgba(242, 190, 102, 0.98), rgba(194, 128, 42, 0.9));
}

.brave-view__meter--xp .brave-view__meter-fill {
    background: linear-gradient(90deg, rgba(190, 132, 255, 0.98), rgba(132, 79, 219, 0.9));
}

.brave-view__meter--atb .brave-view__meter-fill {
    background: linear-gradient(90deg, rgba(124, 255, 226, 0.98), rgba(54, 198, 214, 0.9));
}

.brave-view__entry-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.brave-view__entry-chips .scene-card__chip {
    font-size: calc(0.64rem * var(--brave-text-scale) * var(--brave-font-size-scale));
}

.brave-view--combat .brave-view__entry {
    gap: 10px;
    background: rgba(255, 255, 255, 0.03);
}

.brave-view--combat .brave-view__hero {
    gap: 10px;
    padding: 18px 20px 16px;
    position: relative;
    overflow: hidden;
    border-color: rgba(178, 118, 100, 0.22);
    background:
        radial-gradient(circle at 8% 0, rgba(150, 87, 69, 0.22), transparent 34%),
        radial-gradient(circle at 90% 0, rgba(69, 108, 125, 0.18), transparent 38%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent 24%),
        linear-gradient(180deg, rgba(17, 22, 30, 0.98), rgba(9, 11, 16, 1));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 22px 40px rgba(0, 0, 0, 0.34);
}

.brave-view--combat .brave-view__eyebrow {
        letter-spacing: calc(var(--brave-letter-spacing) + 0.08em);
    color: #d4b49d;
}

.brave-view--combat .brave-view__title {
    color: #f8ece2;
}

.brave-view--combat .brave-view__title-icon {
    color: #dd9477;
}

.brave-view--combat .brave-view__subtitle {
    color: #c4cacd;
    font-size: calc(0.78rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    letter-spacing: calc(var(--brave-letter-spacing) + 0.04em);
    text-transform: uppercase;
}

.brave-view--combat .brave-view__chips {
    gap: 8px;
}

.brave-view--combat .brave-view__actions {
    width: 100%;
    margin-top: 4px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.brave-view--combat .brave-view__action {
    justify-content: center;
    min-height: 2.65rem;
    padding: 9px 12px;
    border-radius: 12px;
    font-size: calc(0.74rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    letter-spacing: calc(var(--brave-letter-spacing) + 0.04em);
    text-transform: uppercase;
}

.brave-view--combat .brave-view__action--danger {
    background:
        linear-gradient(180deg, rgba(111, 42, 40, 0.44), rgba(54, 21, 21, 0.7));
    color: #ffd2c7;
}

.brave-view--combat .brave-view__action--icon-only {
    min-width: 2rem;
    width: 2rem;
    min-height: 2rem;
    border-radius: 10px;
}

.brave-view--combat .brave-view__hero {
    padding: 14px 16px 14px;
    gap: 8px;
    border-color: rgba(169, 106, 92, 0.24);
    background:
        radial-gradient(circle at 0 0, rgba(159, 90, 76, 0.12), transparent 42%),
        radial-gradient(circle at 100% 0, rgba(76, 111, 130, 0.1), transparent 38%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.028), transparent 20%),
        linear-gradient(180deg, rgba(19, 16, 18, 0.985), rgba(10, 11, 15, 1));
}

.brave-view--combat .brave-view__section {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 18px 34px rgba(0, 0, 0, 0.28);
}

.brave-view--combat .brave-view__section > * {
    position: relative;
    z-index: 1;
}

.brave-view--combat .brave-view__section::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0.9;
    pointer-events: none;
    z-index: 0;
}

.brave-view--combat .brave-view__section-label {
    color: #d3d7db;
}

.brave-view--combat .brave-view__section--abilities {
    border-color: rgba(186, 153, 96, 0.24);
    background:
        radial-gradient(circle at 10% 0, rgba(189, 144, 72, 0.16), transparent 34%),
        radial-gradient(circle at 100% 0, rgba(74, 86, 128, 0.18), transparent 42%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent 22%),
        linear-gradient(180deg, rgba(18, 22, 31, 0.98), rgba(10, 12, 18, 1));
}

.brave-view--combat .brave-view__section--abilities::before {
    background: linear-gradient(180deg, rgba(219, 187, 127, 0.09), transparent 20%, transparent 84%, rgba(255, 255, 255, 0.02));
}

.brave-view--combat .brave-view__section--abilities .brave-view__section-icon {
    color: #d9b97a;
}

.brave-view--combat .brave-view__section--party {
    border-color: rgba(92, 141, 135, 0.24);
    background:
        radial-gradient(circle at 0 0, rgba(84, 144, 131, 0.14), transparent 38%),
        radial-gradient(circle at 100% 0, rgba(94, 120, 146, 0.15), transparent 42%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.026), transparent 22%),
        linear-gradient(180deg, rgba(14, 21, 27, 0.98), rgba(8, 12, 16, 1));
}

.brave-view--combat .brave-view__section--party::before {
    background: linear-gradient(180deg, rgba(120, 198, 184, 0.08), transparent 22%, transparent 84%, rgba(255, 255, 255, 0.015));
}

.brave-view--combat .brave-view__section--party .brave-view__section-icon {
    color: #8bc9bf;
}

.brave-view--combat .brave-view__section--targets {
    border-color: rgba(166, 92, 84, 0.26);
    background:
        radial-gradient(circle at 0 0, rgba(152, 74, 63, 0.18), transparent 40%),
        radial-gradient(circle at 100% 0, rgba(85, 42, 37, 0.18), transparent 40%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.026), transparent 22%),
        linear-gradient(180deg, rgba(26, 16, 16, 0.98), rgba(13, 8, 8, 1));
}

.brave-view--combat .brave-view__section--targets::before {
    background: linear-gradient(180deg, rgba(214, 120, 108, 0.09), transparent 22%, transparent 84%, rgba(255, 255, 255, 0.015));
}

.brave-view--combat .brave-view__section--targets .brave-view__section-icon {
    color: #db8a7b;
}

.brave-view--combat .brave-view__section--party .brave-view__entries {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 9px;
    min-height: 0;
}

.brave-view--combat .brave-view__section--party.brave-view__section--compact .brave-view__entries {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: 164px;
    gap: 6px;
    align-items: stretch;
}

.brave-view--combat .brave-view__section--party.brave-view__section--compact .brave-view__entry {
    height: 164px;
    min-height: 164px;
    max-height: 164px;
    contain: layout paint;
}

.brave-view--combat .brave-view__section--party.brave-view__section--compact .brave-view__entry-icon-wrap {
    min-width: 1.3rem;
    min-height: 1.3rem;
    padding: 1px 4px;
}

.brave-view--combat .brave-view__section--party.brave-view__section--compact .brave-view__entry-title {
    font-size: calc(0.68rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.05;
}

.brave-view--combat .brave-view__section--party.brave-view__section--compact .brave-view__entry-meta,
.brave-view--combat .brave-view__section--party.brave-view__section--compact .brave-view__meter-label,
.brave-view--combat .brave-view__section--party.brave-view__section--compact .brave-view__meter-value {
    font-size: calc(0.43rem * var(--brave-text-scale) * var(--brave-font-size-scale));
}

.brave-view--combat .brave-view__section--party.brave-view__section--compact .brave-view__meter[data-meter-kind="atb"] .brave-view__meter-label {
    font-size: calc(0.4rem * var(--brave-text-scale) * var(--brave-font-size-scale));
}

.brave-view--combat .brave-view__section--party.brave-view__section--compact .brave-view__entry-chips .scene-card__chip {
    font-size: calc(0.43rem * var(--brave-text-scale) * var(--brave-font-size-scale));
}

.brave-view--combat .brave-view__section--party.brave-view__section--compact .brave-view__meter-track {
    height: 4px;
}

.brave-view--combat .brave-view__section--party.brave-view__section--compact .brave-view__entry-cluster {
    grid-template-columns: minmax(0, 1fr) minmax(56px, 0.55fr);
    gap: 6px;
    align-items: stretch;
    height: 164px;
    min-height: 164px;
    max-height: 164px;
    overflow: hidden;
    contain: layout paint;
}

.brave-view--combat .brave-view__section--party.brave-view__section--compact .brave-view__entry-cluster > .brave-view__entry,
.brave-view--combat .brave-view__section--party.brave-view__section--compact .brave-view__entry-sidecars,
.brave-view--combat .brave-view__section--party.brave-view__section--compact .brave-view__entry-sidecar {
    height: 100%;
    min-height: 0;
    max-height: 100%;
}

.brave-view--combat .brave-view__section--party.brave-view__section--compact .brave-view__entry-sidecars {
    gap: 4px;
}

.brave-view--combat .brave-view__section--party.brave-view__section--compact .brave-view__entry-sidecar {
    padding: 6px 6px 5px;
}

.brave-view--combat .brave-view__section--party.brave-view__section--compact .brave-view__entry-sidecar .brave-view__entry-head {
    gap: 4px;
}

.brave-view--combat .brave-view__section--party.brave-view__section--compact .brave-view__entry-sidecar .brave-view__entry-icon-wrap {
    min-width: 0.9rem;
    min-height: 0.9rem;
    padding: 1px 2px;
}

.brave-view--combat .brave-view__section--party.brave-view__section--compact .brave-view__entry-sidecar .brave-view__entry-title {
    font-size: calc(0.48rem * var(--brave-text-scale) * var(--brave-font-size-scale));
}

.brave-view--combat .brave-view__section--party.brave-view__section--compact .brave-view__entry-sidecar .brave-view__entry-meta,
.brave-view--combat .brave-view__section--party.brave-view__section--compact .brave-view__entry-sidecar .brave-view__meter-label,
.brave-view--combat .brave-view__section--party.brave-view__section--compact .brave-view__entry-sidecar .brave-view__meter-value {
    font-size: calc(0.35rem * var(--brave-text-scale) * var(--brave-font-size-scale));
}

.brave-view--combat .brave-view__section--party.brave-view__section--compact .brave-view__entry-sidecar .brave-view__meter-track {
    height: 3px;
}

.brave-view--combat .brave-view__section--party.brave-view__section--compact .brave-view__entry-sidecar .brave-view__entry-chips .scene-card__chip {
    font-size: calc(0.36rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    padding: 1px 4px;
}

.brave-view--combat .brave-view__section--targets .brave-view__entries {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(172px, 172px));
    gap: 6px;
    justify-content: start;
    align-content: start;
    min-height: 0;
}

.brave-view--combat .brave-view__section--abilities .brave-view__entries {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 6px;
}

.brave-view--combat .brave-view__section--abilities .brave-view__list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 6px;
}

.brave-view--combat .brave-view__section--abilities .brave-view__list-item {
    gap: 0;
    padding: 7px 8px;
    border: 1px solid rgba(195, 158, 102, 0.2);
    border-radius: 12px;
    background:
        radial-gradient(circle at 0 0, rgba(192, 154, 95, 0.1), transparent 42%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.028), transparent 18%),
        rgba(255, 255, 255, 0.026);
    min-height: 0;
}

@media (hover: hover) and (pointer: fine) {
    .brave-view--combat .brave-view__section--abilities .brave-view__list-item.brave-click--row:hover {
        border-color: rgba(221, 183, 117, 0.36);
        background:
            radial-gradient(circle at 0 0, rgba(214, 176, 109, 0.16), transparent 44%),
            linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.018));
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.04),
            0 0 0 1px rgba(221, 183, 117, 0.08),
            0 10px 18px rgba(0, 0, 0, 0.14);
    }
}

.brave-view--combat .brave-view__section--abilities .brave-view__list-item.brave-click--row:focus-visible {
    border-color: rgba(221, 183, 117, 0.36);
    background:
        radial-gradient(circle at 0 0, rgba(214, 176, 109, 0.16), transparent 44%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.018));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 0 0 1px rgba(221, 183, 117, 0.08),
        0 10px 18px rgba(0, 0, 0, 0.14);
}

.brave-view--combat .brave-view__section--abilities .brave-view__list-item.brave-click--row:active {
    border-color: rgba(221, 183, 117, 0.36);
    background:
        radial-gradient(circle at 0 0, rgba(214, 176, 109, 0.16), transparent 44%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.018));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 0 0 1px rgba(221, 183, 117, 0.08),
        0 10px 18px rgba(0, 0, 0, 0.14);
}

.brave-view--combat .brave-view__section--items .brave-view__list-item {
    gap: 0;
    padding: 7px 8px;
    border: 1px solid rgba(98, 152, 147, 0.22);
    border-radius: 12px;
    background:
        radial-gradient(circle at 0 0, rgba(102, 166, 151, 0.12), transparent 42%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.028), transparent 18%),
        rgba(255, 255, 255, 0.024);
    min-height: 0;
}

.brave-view--combat .brave-view__section--items .brave-view__badge {
    background: rgba(102, 166, 151, 0.14);
    color: #b6ebe0;
}

@media (hover: hover) and (pointer: fine) {
    .brave-view--combat .brave-view__section--items .brave-view__list-item.brave-click--row:hover {
        border-color: rgba(113, 182, 165, 0.34);
        background:
            radial-gradient(circle at 0 0, rgba(113, 182, 165, 0.16), transparent 44%),
            linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.018));
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.04),
            0 0 0 1px rgba(113, 182, 165, 0.08),
            0 10px 18px rgba(0, 0, 0, 0.14);
    }
}

.brave-view--combat .brave-view__section--items .brave-view__list-item.brave-click--row:focus-visible,
.brave-view--combat .brave-view__section--items .brave-view__list-item.brave-click--row:active {
    border-color: rgba(113, 182, 165, 0.34);
    background:
        radial-gradient(circle at 0 0, rgba(113, 182, 165, 0.16), transparent 44%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.018));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 0 0 1px rgba(113, 182, 165, 0.08),
        0 10px 18px rgba(0, 0, 0, 0.14);
}

.brave-view--room .brave-click--row:active {
    border-color: color-mix(in srgb, var(--brave-room-entry-left) 82%, rgba(255, 255, 255, 0.08));
    background:
        radial-gradient(circle at 0 0, color-mix(in srgb, var(--brave-room-entry-right) 64%, rgba(255, 255, 255, 0.02)), transparent 48%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.025));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.03),
        0 0 0 1px rgba(var(--brave-accent-rgb), 0.08),
        0 12px 22px rgba(0, 0, 0, 0.12);
}

.brave-view--combat .brave-view__section--targets .brave-click--row:active {
    border-color: rgba(194, 109, 96, 0.36);
    background:
        radial-gradient(circle at 0 0, rgba(194, 109, 96, 0.18), transparent 48%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.02));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 0 0 1px rgba(194, 109, 96, 0.1),
        0 12px 24px rgba(0, 0, 0, 0.18);
}

.brave-view--combat .brave-view__section--abilities .brave-view__list-main {
    gap: 6px;
    align-items: center;
}

.brave-view--combat .brave-view__section--abilities .brave-view__badge {
    min-width: 1.4rem;
    min-height: 1.4rem;
    padding: 2px 5px;
    border-radius: 999px;
    background: rgba(214, 176, 109, 0.12);
    color: #e4c78f;
    font-size: calc(0.54rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    font-weight: 700;
    letter-spacing: calc(var(--brave-letter-spacing) + 0.05em);
}

.brave-view--combat .brave-view__section--abilities .brave-view__list-text {
    color: #e8ded2;
    font-size: calc(0.66rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.15;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.brave-view--combat .brave-view__section--party .brave-view__entry,
.brave-view--combat .brave-view__section--targets .brave-view__entry {
    padding: 8px 9px 7px;
    gap: 4px;
    height: 144px;
    overflow: hidden;
    box-sizing: border-box;
    transition:
        transform 150ms ease,
        box-shadow 180ms ease,
        border-color 180ms ease,
        background 180ms ease,
        filter 180ms ease;
}

.brave-view--combat .brave-view__entry--lunge {
    animation: brave-combat-card-lunge 300ms cubic-bezier(0.2, 0.86, 0.24, 1) 1;
    will-change: transform;
}

.brave-view--combat .brave-view__section--targets .brave-view__entry {
    padding: 7px 8px 6px;
    gap: 3px;
    height: 150px;
}

.brave-view--combat .brave-view__section--party .brave-view__entry {
    border-color: rgba(92, 141, 135, 0.2);
    background:
        radial-gradient(circle at 0 0, rgba(92, 141, 135, 0.12), transparent 44%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.032), transparent 28%),
        rgba(255, 255, 255, 0.028);
}

.brave-view--combat .brave-view__section--party .brave-view__entry {
    height: 208px;
    padding: 10px 10px 8px;
}

.brave-view--combat .brave-view__section--party .brave-view__entry-cluster {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 96px;
    gap: 8px;
    align-items: stretch;
}

.brave-view--combat .brave-view__section--party .brave-view__entry-cluster > .brave-view__entry {
    min-width: 0;
}

.brave-view--combat .brave-view__section--party .brave-view__entry-sidecars {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
    min-height: 100%;
    height: 100%;
}

.brave-view--combat .brave-view__section--party .brave-view__entry-sidecar {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    gap: 4px;
    min-height: 0;
    height: 100%;
    padding: 7px 7px 6px;
    border: 1px solid rgba(98, 174, 156, 0.26);
    border-radius: 14px;
    background:
        radial-gradient(circle at 0 0, rgba(120, 190, 175, 0.14), transparent 46%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.04), transparent 26%),
        rgba(10, 22, 20, 0.78);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 10px 20px rgba(0, 0, 0, 0.18);
    overflow: hidden;
    box-sizing: border-box;
    transition:
        transform 150ms ease,
        box-shadow 180ms ease,
        border-color 180ms ease,
        background 180ms ease;
}

.brave-view--combat .brave-view__section--party .brave-view__entry-sidecar .brave-view__entry-ornament {
    --brave-entry-ornament-ratio: 0.28;
    --brave-entry-ornament-fallback: 1.4rem;
    --brave-entry-ornament-color: rgba(168, 223, 210, 0.12);
    --brave-entry-ornament-glow: rgba(102, 166, 151, 0.1);
}

.brave-view--combat .brave-view__section--party .brave-view__entry-sidecar .brave-view__entry-head {
    gap: 6px;
}

.brave-view--combat .brave-view__section--party .brave-view__entry-sidecar .brave-view__entry-icon-wrap {
    min-width: 1.2rem;
    min-height: 1.2rem;
    padding: 1px 4px;
    background: rgba(102, 166, 151, 0.14);
}

.brave-view--combat .brave-view__section--party .brave-view__entry-sidecar .brave-view__entry-title {
    font-size: calc(0.58rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.05;
}

.brave-view--combat .brave-view__section--party .brave-view__entry-sidecar .brave-view__entry-meta,
.brave-view--combat .brave-view__section--party .brave-view__entry-sidecar .brave-view__meter-label,
.brave-view--combat .brave-view__section--party .brave-view__entry-sidecar .brave-view__meter-value {
    font-size: calc(0.42rem * var(--brave-text-scale) * var(--brave-font-size-scale));
}

.brave-view--combat .brave-view__section--party .brave-view__entry-sidecar .brave-view__meter-track {
    height: 4px;
}

.brave-view--combat .brave-view__section--party .brave-view__entry-sidecar .brave-view__entry-chips {
    gap: 4px;
}

.brave-view--combat .brave-view__section--party .brave-view__entry-sidecar .brave-view__entry-chips .scene-card__chip {
    font-size: calc(0.4rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    padding: 2px 5px;
}

.brave-view--combat .brave-view__section--party .brave-view__entry-sidecar.brave-view__entry--selected {
    border-color: rgba(186, 232, 214, 0.54);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 0 0 1px rgba(186, 232, 214, 0.16),
        0 12px 22px rgba(0, 0, 0, 0.22);
}

.brave-view--combat .brave-view__section--party .brave-view__entry--size-elite {
    height: 196px;
    padding: 10px 10px 8px;
}

.brave-view--combat .brave-view__section--targets .brave-view__entry--size-boss {
    grid-column: span 2;
}

.brave-view--combat .brave-view__section--targets .brave-view__entry--size-elite {
    border-color: rgba(235, 174, 118, 0.58);
    background:
        radial-gradient(circle at 0 0, rgba(235, 174, 118, 0.2), transparent 48%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.045), transparent 28%),
        linear-gradient(180deg, rgba(35, 22, 18, 0.98), rgba(17, 10, 9, 1));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        0 0 0 1px rgba(235, 174, 118, 0.16),
        0 16px 28px rgba(0, 0, 0, 0.26);
}

.brave-view--combat .brave-view__section--targets .brave-view__entry--size-elite .brave-view__entry-title {
    font-weight: 900;
}

.brave-view--combat .brave-view__section--party .brave-view__entry--size-boss,
.brave-view--combat .brave-view__section--targets .brave-view__entry--size-boss {
    height: 252px;
    padding: 12px 12px 10px;
}

.brave-view--combat .brave-view__section--party .brave-view__entry-ornament {
    --brave-entry-ornament-ratio: 0.18;
    --brave-entry-ornament-fallback: 2rem;
    --brave-entry-ornament-color: rgba(168, 223, 210, 0.08);
    --brave-entry-ornament-glow: rgba(102, 166, 151, 0.08);
}

.brave-view--combat .brave-view__section--targets .brave-view__entry-ornament {
    --brave-entry-ornament-ratio: 0.16;
    --brave-entry-ornament-fallback: 1.8rem;
    --brave-entry-ornament-color: rgba(240, 177, 163, 0.1);
    --brave-entry-ornament-glow: rgba(194, 109, 96, 0.08);
}

.brave-view--combat .brave-view__section--party .brave-view__entry--size-elite .brave-view__entry-ornament,
.brave-view--combat .brave-view__section--targets .brave-view__entry--size-elite .brave-view__entry-ornament {
    --brave-entry-ornament-ratio: 0.22;
    --brave-entry-ornament-fallback: 2.25rem;
}

.brave-view--combat .brave-view__section--party .brave-view__entry--size-boss .brave-view__entry-ornament,
.brave-view--combat .brave-view__section--targets .brave-view__entry--size-boss .brave-view__entry-ornament {
    --brave-entry-ornament-ratio: 0.28;
    --brave-entry-ornament-fallback: 2.6rem;
}

.brave-view--combat .brave-view__section--targets .brave-view__entry.brave-view__entry--selected .brave-view__entry-ornament {
    --brave-entry-ornament-color: rgba(255, 228, 193, 0.2);
    --brave-entry-ornament-glow: rgba(247, 196, 120, 0.18);
}

.brave-view--combat .brave-view__section--party .brave-view__entry-icon-wrap {
    min-width: 1.55rem;
    min-height: 1.55rem;
    padding: 2px 5px;
    background: rgba(102, 166, 151, 0.14);
    color: #a8dfd2;
}

@media (hover: hover) and (pointer: fine) {
    .brave-view--combat .brave-view__section--party .brave-click--row:hover {
        border-color: rgba(113, 182, 165, 0.34);
        background:
            radial-gradient(circle at 0 0, rgba(113, 182, 165, 0.16), transparent 46%),
            linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.02));
    }
}

.brave-view--combat .brave-view__section--party .brave-click--row:focus-visible {
    border-color: rgba(113, 182, 165, 0.34);
    background:
        radial-gradient(circle at 0 0, rgba(113, 182, 165, 0.16), transparent 46%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.02));
}

.brave-view--combat .brave-view__section--targets .brave-view__entry {
    position: relative;
    overflow: hidden;
    border-color: rgba(166, 92, 84, 0.22);
    background:
        radial-gradient(circle at 0 0, rgba(166, 92, 84, 0.14), transparent 44%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.032), transparent 28%),
        linear-gradient(180deg, rgba(31, 18, 18, 0.98), rgba(15, 9, 9, 1));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 16px 28px rgba(0, 0, 0, 0.22);
}

.brave-view--combat .brave-view__section--targets .brave-view__entry--size-elite {
    border-color: rgba(235, 174, 118, 0.58);
    background:
        radial-gradient(circle at 0 0, rgba(235, 174, 118, 0.2), transparent 48%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.045), transparent 28%),
        linear-gradient(180deg, rgba(35, 22, 18, 0.98), rgba(17, 10, 9, 1));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        0 0 0 1px rgba(235, 174, 118, 0.16),
        0 16px 28px rgba(0, 0, 0, 0.26);
}

.brave-view--combat .brave-view__section--party .brave-view__entry-body,
.brave-view--combat .brave-view__section--targets .brave-view__entry-body,
.brave-view--combat .brave-view__section--party .brave-view__meters,
.brave-view--combat .brave-view__section--targets .brave-view__meters,
.brave-view--combat .brave-view__section--party .brave-view__entry-chips,
.brave-view--combat .brave-view__section--targets .brave-view__entry-chips {
    overflow: hidden;
}

.brave-combat-floater {
    font-weight: 900;
    letter-spacing: calc(var(--brave-letter-spacing) + 0.02em);
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 5;
    pointer-events: none;
    min-width: 2rem;
    text-align: center;
    font-size: calc(1.24rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1;
    text-transform: uppercase;
    color: #fff4ea;
    -webkit-text-stroke: 1px rgba(29, 12, 10, 0.92);
    text-shadow:
        0 1px 0 rgba(24, 9, 8, 0.98),
        0 0 0 2px rgba(24, 9, 8, 0.78),
        0 0 10px rgba(24, 10, 9, 0.48),
        0 8px 22px rgba(0, 0, 0, 0.26);
    animation: brave-combat-floater-rise 1.2s ease-out forwards;
}

.brave-combat-floater--damage {
    color: #ffd7cf;
}

.brave-combat-floater--critical {
    color: #ffe37c;
    font-size: calc(1.52rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    -webkit-text-stroke: 1px rgba(47, 22, 7, 0.94);
    text-shadow:
        0 1px 0 rgba(38, 13, 4, 0.98),
        0 0 10px rgba(255, 214, 80, 0.46),
        0 10px 24px rgba(0, 0, 0, 0.34);
    animation-name: brave-combat-floater-rise-critical;
}

.brave-combat-floater--element-physical {
    color: #ffe0d4;
}

.brave-combat-floater--element-fire {
    color: #ffbf7e;
}

.brave-combat-floater--element-frost {
    color: #bfefff;
}

.brave-combat-floater--element-lightning {
    color: #fff0a8;
}

.brave-combat-floater--element-holy {
    color: #fff1c8;
}

.brave-combat-floater--element-nature {
    color: #c9f5b1;
}

.brave-combat-floater--element-poison {
    color: #d8ff88;
}

.brave-combat-floater--element-shadow {
    color: #d9d2f3;
}

.brave-combat-floater--element-bleed {
    color: #ff9f95;
}

.brave-combat-floater--heal {
    color: #dff8df;
    animation-name: brave-combat-floater-rise-heal;
}

.brave-combat-floater--guard {
    color: #d9f0ff;
    font-size: calc(0.82rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    animation-name: brave-combat-floater-rise-guard;
}

.brave-combat-floater--break {
    color: #ffe4ab;
    font-size: calc(0.82rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    animation-name: brave-combat-floater-rise-break;
}

.brave-combat-floater--warn {
    color: #ffe29f;
    font-size: calc(0.82rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    animation-name: brave-combat-floater-rise-warn;
}

.brave-view--combat .brave-view__entry--impact-damage {
    animation: brave-combat-impact-damage 320ms ease-out 1;
}

.brave-view--combat .brave-view__entry--impact-critical {
    animation: brave-combat-impact-critical 380ms ease-out 1;
}

.brave-view--combat .brave-view__entry--impact-heal {
    animation: brave-combat-impact-heal 320ms ease-out 1;
}

.brave-view--combat .brave-view__entry--impact-guard {
    animation: brave-combat-impact-guard 320ms ease-out 1;
}

.brave-view--combat .brave-view__entry--impact-break {
    animation: brave-combat-impact-break 340ms ease-out 1;
}

.brave-view--combat .brave-view__entry--defeating {
    animation: brave-combat-defeat-fall 860ms cubic-bezier(0.2, 0.76, 0.24, 1) forwards;
    pointer-events: none;
}

.brave-view--combat .brave-view__entry--impact-miss {
    animation: brave-combat-impact-miss 280ms ease-out 1;
}

.brave-view--combat .brave-view__entry--impact-element-fire {
    --brave-impact-rgb: 224, 121, 45;
}

.brave-view--combat .brave-view__entry--impact-element-frost {
    --brave-impact-rgb: 104, 196, 224;
}

.brave-view--combat .brave-view__entry--impact-element-lightning {
    --brave-impact-rgb: 231, 197, 84;
}

.brave-view--combat .brave-view__entry--impact-element-holy {
    --brave-impact-rgb: 232, 204, 124;
}

.brave-view--combat .brave-view__entry--impact-element-nature {
    --brave-impact-rgb: 106, 177, 88;
}

.brave-view--combat .brave-view__entry--impact-element-poison {
    --brave-impact-rgb: 154, 188, 62;
}

.brave-view--combat .brave-view__entry--impact-element-shadow {
    --brave-impact-rgb: 135, 124, 176;
}

.brave-view--combat .brave-view__entry--impact-element-bleed,
.brave-view--combat .brave-view__entry--impact-element-physical {
    --brave-impact-rgb: 199, 55, 44;
}

.brave-view--combat.brave-view--combat-shake-subtle {
    animation: brave-combat-screen-shake-subtle 190ms ease-out 1;
}

.brave-view--combat .brave-view__section--targets .brave-view__entry.brave-view__entry--selected {
    border-color: rgba(231, 157, 132, 0.56);
    background:
        radial-gradient(circle at 0 0, rgba(210, 110, 92, 0.22), transparent 44%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.05), transparent 20%),
        linear-gradient(180deg, rgba(38, 18, 18, 0.98), rgba(16, 9, 9, 1));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        0 0 0 1px rgba(231, 157, 132, 0.22),
        0 22px 34px rgba(0, 0, 0, 0.28);
    animation: brave-combat-target-pulse 1.1s ease-in-out infinite;
}

.brave-view--combat .brave-view__section--targets .brave-view__entry::before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    bottom: 8px;
    width: 3px;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(232, 145, 119, 0.95), rgba(130, 56, 48, 0.28));
    opacity: 0.95;
    pointer-events: none;
}

.brave-view--combat .brave-view__entry[data-combat-state~="telegraph"] {
    animation: brave-combat-telegraph-pulse 1.15s ease-in-out infinite;
}

.brave-view--combat .brave-view__entry[data-combat-state~="telegraph"] .brave-view__entry-line:first-child {
    animation: brave-combat-sigil-flicker 900ms ease-in-out infinite;
}

.brave-view--combat .brave-view__entry[data-combat-state~="ready"] .brave-view__entry-icon-wrap,
.brave-view--combat .brave-view__entry[data-combat-state~="ready"] .brave-view__entry-badge {
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 0 0 1px rgba(245, 189, 121, 0.08),
        0 0 18px rgba(235, 165, 86, 0.12);
}

.brave-view--combat .brave-view__section--party .brave-view__entry[data-combat-state~="guarding"] {
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 0 0 1px rgba(113, 182, 165, 0.1),
        0 0 20px rgba(83, 150, 138, 0.12);
}

.brave-view--combat .brave-view__section--party .brave-view__entry[data-combat-state~="guarding"] .brave-view__meter--good .brave-view__meter-fill {
    animation: brave-combat-guard-shimmer 1.4s linear infinite;
}

.brave-view--combat .brave-view__section--targets .brave-view__entry.brave-view__entry--selected::before {
    width: 5px;
    background: linear-gradient(180deg, rgba(247, 196, 120, 0.98), rgba(213, 110, 87, 0.5));
}

.brave-view--combat .brave-view__section--targets .brave-view__entry-icon-wrap,
.brave-view--combat .brave-view__section--targets .brave-view__entry-badge {
    background: rgba(168, 89, 80, 0.16);
    color: #f0b1a3;
}

.brave-view--combat .brave-view__section--party .brave-view__entry-icon-wrap,
.brave-view--combat .brave-view__section--targets .brave-view__entry-icon-wrap,
.brave-view--combat .brave-view__section--targets .brave-view__entry-badge {
    min-width: 1.75rem;
    min-height: 1.75rem;
    padding: 3px 6px;
}

.brave-view--combat .brave-view__section--targets .brave-view__entry-icon-wrap,
.brave-view--combat .brave-view__section--targets .brave-view__entry-badge {
    min-width: 1.1rem;
    min-height: 1.1rem;
    padding: 1px 3px;
}

@media (hover: hover) and (pointer: fine) {
    .brave-view--combat .brave-view__section--targets .brave-click--row:hover {
        border-color: rgba(194, 109, 96, 0.36);
        background:
            radial-gradient(circle at 0 0, rgba(194, 109, 96, 0.18), transparent 48%),
            linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.02));
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.04),
            0 0 0 1px rgba(194, 109, 96, 0.1),
            0 12px 24px rgba(0, 0, 0, 0.18);
    }
}

.brave-view--combat .brave-view__section--targets .brave-click--row:focus-visible {
    border-color: rgba(194, 109, 96, 0.36);
    background:
        radial-gradient(circle at 0 0, rgba(194, 109, 96, 0.18), transparent 48%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.02));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 0 0 1px rgba(194, 109, 96, 0.1),
        0 12px 24px rgba(0, 0, 0, 0.18);
}

.brave-view--combat .brave-view__section--party .brave-view__entry-meta {
    color: #b2d8d2;
}

.brave-view--combat .brave-view__section--targets .brave-view__entry-badge {
    min-width: 1.8rem;
    border-radius: 10px;
    font-weight: 700;
    letter-spacing: calc(var(--brave-letter-spacing) + 0.05em);
}

.brave-view--combat .brave-view__section--targets .brave-view__entry-title {
    letter-spacing: calc(var(--brave-letter-spacing) + 0.005em);
    font-size: calc(0.7rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    color: #ffe6de;
    line-height: 1.05;
}

.brave-view--combat .brave-view__section--targets .brave-view__entry.brave-view__entry--selected .brave-view__entry-title {
    color: #fff1eb;
}

.brave-view--combat .brave-view__section--targets .brave-view__entry-meta {
    color: #d8a89b;
    font-size: calc(0.5rem * var(--brave-text-scale) * var(--brave-font-size-scale));
}

.brave-view--combat .brave-view__section--targets .brave-view__entry-line:first-child {
    font-weight: 700;
    letter-spacing: calc(var(--brave-letter-spacing) + 0.04em);
    display: inline-flex;
    align-self: flex-start;
    align-items: center;
    min-height: 0.96rem;
    padding: 0.04rem 0.24rem;
    border: 1px solid rgba(231, 157, 132, 0.26);
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(116, 47, 39, 0.58), rgba(62, 24, 23, 0.82));
    color: #f6cbc2;
    font-size: calc(0.5rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    text-transform: uppercase;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.brave-view--combat .brave-view__section--targets .brave-view__entry {
    cursor: pointer;
}

.brave-view--combat .brave-view__section--party .brave-view__entry-body,
.brave-view--combat .brave-view__section--targets .brave-view__entry-body {
    gap: 2px;
}

.brave-view--combat .brave-view__section--party .brave-view__meters,
.brave-view--combat .brave-view__section--targets .brave-view__meters {
    padding-top: 1px;
}

.brave-view--combat .brave-view__meter[data-meter-kind="atb"] {
    gap: 3px;
    margin-bottom: 0;
}

.brave-view--combat .brave-view__meter[data-meter-kind="atb"] .brave-view__meter-fill {
    transition-property: width, filter, opacity;
    transition-duration: 0ms, 160ms, 160ms;
    transition-timing-function: linear, ease, ease;
    will-change: width;
}

.brave-view--combat .brave-view__meter[data-meter-kind="atb"].brave-view__meter--atb .brave-view__meter-fill {
    background: linear-gradient(90deg, rgba(124, 255, 226, 0.98), rgba(54, 198, 214, 0.9));
    box-shadow: 0 0 10px rgba(72, 210, 219, 0.22);
}

.brave-view--combat .brave-view__meter[data-meter-kind="atb"] .brave-view__meter-head {
    justify-content: flex-start;
}

.brave-view--combat .brave-view__meter[data-meter-kind="atb"] .brave-view__meter-label {
    letter-spacing: calc(var(--brave-letter-spacing) + 0.12em);
    color: color-mix(in srgb, var(--brave-accent) 76%, var(--brave-text-soft));
    font-size: calc(0.5rem * var(--brave-text-scale) * var(--brave-font-size-scale));
}

.brave-view--combat .brave-view__section--party .brave-view__entry-body:empty,
.brave-view--combat .brave-view__section--targets .brave-view__entry-body:empty {
    display: none;
}

.brave-view--combat .brave-view__section--party .brave-view__entry-title {
    font-size: calc(0.72rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.06;
    color: #e8f6f2;
}

.brave-view--combat .brave-view__section--party .brave-view__entry-meta,
.brave-view--combat .brave-view__section--party .brave-view__meter-label,
.brave-view--combat .brave-view__section--party .brave-view__meter-value {
    font-size: calc(0.48rem * var(--brave-text-scale) * var(--brave-font-size-scale));
}

.brave-view--combat .brave-view__section--party .brave-view__meter[data-meter-kind="atb"] .brave-view__meter-label {
    font-size: calc(0.46rem * var(--brave-text-scale) * var(--brave-font-size-scale));
}

.brave-view--combat .brave-view__section--party .brave-view__entry-chips .scene-card__chip {
    font-size: calc(0.44rem * var(--brave-text-scale) * var(--brave-font-size-scale));
}

.brave-view--combat .brave-view__section--party .brave-view__entry-body {
    gap: 1px;
}

.brave-view--combat .brave-view__section--party .brave-view__entry-chips .scene-card__chip,
.brave-view--combat .brave-view__section--targets .brave-view__entry-chips .scene-card__chip {
    font-size: calc(0.5rem * var(--brave-text-scale) * var(--brave-font-size-scale));
}

.brave-view--combat .brave-view__section--targets .brave-view__entry-chips .scene-card__chip {
    padding: 0.1rem 0.26rem;
}

.brave-view--combat .brave-view__section--targets .brave-view__meters {
    padding-top: 0;
}

.brave-view--combat .brave-view__section--targets .brave-view__meter-label,
.brave-view--combat .brave-view__section--targets .brave-view__meter-value {
    font-size: calc(0.5rem * var(--brave-text-scale) * var(--brave-font-size-scale));
}

.brave-view--combat .brave-view__section--targets .brave-view__meter-track {
    height: 6px;
}

.brave-view--combat .brave-view__section--targets .brave-view__entry-chips .scene-card__chip--danger {
    border-color: rgba(225, 139, 118, 0.34);
    background: linear-gradient(180deg, rgba(139, 54, 47, 0.88), rgba(86, 28, 26, 0.94));
    color: #ffe2da;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 0 0 1px rgba(225, 139, 118, 0.08);
}

.brave-view--combat .brave-view__section--targets .brave-view__entry.brave-view__entry--selected .scene-card__chip--danger {
    border-color: rgba(244, 188, 118, 0.42);
    background: linear-gradient(180deg, rgba(151, 64, 41, 0.9), rgba(94, 31, 23, 0.96));
    color: #fff0dc;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.09),
        0 0 0 1px rgba(244, 188, 118, 0.12);
}

.brave-view--combat .brave-view__section--targets .brave-view__entry-chips .scene-card__chip--warn {
    border-color: rgba(221, 181, 118, 0.28);
    background: linear-gradient(180deg, rgba(118, 82, 34, 0.78), rgba(77, 49, 17, 0.92));
    color: #f7e1b5;
}

.brave-view--combat .brave-view__section--party .brave-view__entry-chips .scene-card__chip--good {
    border-color: rgba(132, 189, 153, 0.28);
    background: linear-gradient(180deg, rgba(48, 92, 68, 0.74), rgba(24, 57, 40, 0.9));
    color: #daf4e3;
}

.brave-view--combat .brave-view__meter-track {
    height: 8px;
}

.brave-view--combat .brave-view__section--party .brave-view__meter-track {
    background: rgba(86, 122, 117, 0.16);
    height: 5px;
}

.brave-view--combat .brave-view__section--party .brave-view__meter[data-meter-kind="atb"] .brave-view__meter-track {
    height: 6px;
    background: rgba(77, 120, 128, 0.24);
}

.brave-view--combat .brave-view__section--targets .brave-view__meter-track {
    background: rgba(121, 59, 50, 0.22);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.brave-view--combat .brave-view__section--party .brave-view__entry-icon-wrap {
    min-width: 1.45rem;
    min-height: 1.45rem;
    padding: 2px 4px;
}

.brave-view--combat .brave-view__section--party .brave-view__entry-title {
    font-size: calc(0.74rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.06;
}

.brave-view--combat .brave-view__section--party .brave-view__entry-chips .scene-card__chip {
    font-size: calc(0.46rem * var(--brave-text-scale) * var(--brave-font-size-scale));
}

.brave-view--combat .brave-view__section--party .brave-view__meter-label,
.brave-view--combat .brave-view__section--party .brave-view__meter-value {
    font-size: calc(0.44rem * var(--brave-text-scale) * var(--brave-font-size-scale));
}

.brave-view--combat .brave-view__section--party .brave-view__meter[data-meter-kind="atb"] .brave-view__meter-label {
    font-size: calc(0.4rem * var(--brave-text-scale) * var(--brave-font-size-scale));
}

.brave-view--combat .brave-view__section--party .brave-view__meter-track {
    height: 4px;
}

.brave-view--combat .brave-view__section--targets .brave-view__meter[data-meter-kind="atb"] .brave-view__meter-track {
    height: 7px;
    background: rgba(154, 88, 52, 0.26);
}

.brave-view--combat .brave-view__section--targets .brave-view__entry.brave-view__entry--selected .brave-view__meter-track {
    background: rgba(143, 75, 56, 0.26);
}

.brave-view--combat .brave-view__section--targets .brave-view__meter--accent .brave-view__meter-fill {
    background: linear-gradient(90deg, rgba(236, 176, 96, 0.98), rgba(203, 124, 55, 0.92));
}

.brave-view--combat .brave-view__section--targets .brave-view__entry[data-combat-state~="telegraph"] .brave-view__meter--danger .brave-view__meter-fill,
.brave-view--combat .brave-view__section--targets .brave-view__entry[data-combat-state~="telegraph"] .brave-view__meter--warn .brave-view__meter-fill,
.brave-view--combat .brave-view__section--targets .brave-view__entry[data-combat-state~="telegraph"] .brave-view__meter--accent .brave-view__meter-fill {
    animation: brave-combat-telegraph-bar 820ms ease-in-out infinite;
}

@keyframes brave-combat-target-pulse {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-2px); }
}

@keyframes brave-combat-telegraph-pulse {
    0%, 100% {
        transform: translateY(0);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.04),
            0 16px 28px rgba(0, 0, 0, 0.22);
    }
    50% {
        transform: translateY(-2px);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.06),
            0 0 0 1px rgba(231, 157, 132, 0.12),
            0 20px 34px rgba(0, 0, 0, 0.26);
    }
}

@keyframes brave-combat-sigil-flicker {
    0%, 100% { filter: brightness(1); }
    50% { filter: brightness(1.18); }
}

@keyframes brave-combat-guard-shimmer {
    0% { filter: brightness(0.96); }
    50% { filter: brightness(1.14); }
    100% { filter: brightness(0.96); }
}

@keyframes brave-combat-telegraph-bar {
    0%, 100% { filter: saturate(1) brightness(0.96); }
    50% { filter: saturate(1.16) brightness(1.14); }
}

@keyframes brave-combat-floater-rise {
    0% {
        opacity: 0;
        transform: translate(calc(-50% - (var(--brave-floater-drift-x, 0px) * 0.22)), -8%) scale(0.58);
    }
    12% {
        opacity: 1;
        transform: translate(calc(-50% + (var(--brave-floater-drift-x, 0px) * 0.08)), -18%) scale(var(--brave-floater-pop-scale, 1.16));
    }
    28% {
        opacity: 1;
        transform: translate(calc(-50% + (var(--brave-floater-drift-x, 0px) * 0.34)), -24%) scale(0.98);
    }
    100% {
        opacity: 0;
        transform: translate(calc(-50% + var(--brave-floater-drift-x, 0px)), calc(-22% - var(--brave-floater-rise-y, 26px))) scale(0.92);
    }
}

@keyframes brave-combat-floater-rise-heal {
    0% {
        opacity: 0;
        transform: translate(calc(-50% - (var(--brave-floater-drift-x, 0px) * 0.12)), -10%) scale(0.66);
    }
    14% {
        opacity: 1;
        transform: translate(calc(-50% + (var(--brave-floater-drift-x, 0px) * 0.04)), -18%) scale(1.04);
    }
    100% {
        opacity: 0;
        transform: translate(calc(-50% + (var(--brave-floater-drift-x, 0px) * 0.58)), calc(-18% - (var(--brave-floater-rise-y, 26px) * 0.84))) scale(0.96);
    }
}

@keyframes brave-combat-floater-rise-guard {
    0% {
        opacity: 0;
        transform: translate(calc(-50% - 2px), -8%) scale(0.76);
    }
    18% {
        opacity: 1;
        transform: translate(calc(-50% + 1px), -16%) scale(1.02);
    }
    100% {
        opacity: 0;
        transform: translate(calc(-50% + 3px), calc(-14% - (var(--brave-floater-rise-y, 26px) * 0.58))) scale(0.92);
    }
}

@keyframes brave-combat-floater-rise-break {
    0% {
        opacity: 0;
        transform: translate(calc(-50% - (var(--brave-floater-drift-x, 0px) * 0.18)), -6%) scale(0.64);
    }
    10% {
        opacity: 1;
        transform: translate(calc(-50% + (var(--brave-floater-drift-x, 0px) * 0.08)), -20%) scale(calc(var(--brave-floater-pop-scale, 1.16) + 0.08));
    }
    26% {
        opacity: 1;
        transform: translate(calc(-50% + (var(--brave-floater-drift-x, 0px) * 0.28)), -24%) scale(1);
    }
    100% {
        opacity: 0;
        transform: translate(calc(-50% + (var(--brave-floater-drift-x, 0px) * 0.86)), calc(-20% - (var(--brave-floater-rise-y, 26px) * 0.92))) scale(0.88);
    }
}

@keyframes brave-combat-floater-rise-warn {
    0% {
        opacity: 0;
        transform: translate(calc(-50% - 7px), -10%) scale(0.7);
    }
    16% {
        opacity: 1;
        transform: translate(calc(-50% + 8px), -18%) scale(1.02);
    }
    100% {
        opacity: 0;
        transform: translate(calc(-50% + 16px), calc(-14% - (var(--brave-floater-rise-y, 26px) * 0.5))) scale(0.9);
    }
}

@keyframes brave-combat-floater-rise-critical {
    0% {
        opacity: 0;
        transform: translate(calc(-50% - (var(--brave-floater-drift-x, 0px) * 0.24)), -6%) scale(0.5);
    }
    10% {
        opacity: 1;
        transform: translate(calc(-50% + (var(--brave-floater-drift-x, 0px) * 0.1)), -22%) scale(1.32);
    }
    30% {
        opacity: 1;
        transform: translate(calc(-50% + (var(--brave-floater-drift-x, 0px) * 0.3)), -28%) scale(1);
    }
    100% {
        opacity: 0;
        transform: translate(calc(-50% + (var(--brave-floater-drift-x, 0px) * 0.74)), calc(-24% - var(--brave-floater-rise-y, 26px))) scale(0.9);
    }
}

@keyframes brave-combat-card-lunge {
    0% {
        transform: translate3d(0, 0, 0);
    }
    38% {
        transform: translate3d(var(--brave-combat-lunge-x, 0), var(--brave-combat-lunge-y, 0), 0);
    }
    100% {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes brave-combat-source-cast {
    0% {
        box-shadow:
            inset 0 0 0 rgba(var(--brave-impact-rgb, 104, 196, 224), 0),
            0 16px 28px rgba(0, 0, 0, 0.22);
        filter: brightness(1);
        transform: scale(1);
    }
    42% {
        box-shadow:
            inset 0 0 0 999px rgba(var(--brave-impact-rgb, 104, 196, 224), 0.18),
            0 0 22px rgba(var(--brave-impact-rgb, 104, 196, 224), 0.32),
            0 16px 28px rgba(0, 0, 0, 0.22);
        filter: brightness(1.16) saturate(1.18);
        transform: scale(1.025);
    }
    100% {
        box-shadow:
            inset 0 0 0 rgba(var(--brave-impact-rgb, 104, 196, 224), 0),
            0 16px 28px rgba(0, 0, 0, 0.22);
        filter: brightness(1);
        transform: scale(1);
    }
}

@keyframes brave-combat-source-ability {
    0% {
        box-shadow:
            inset 0 0 0 rgba(var(--brave-impact-rgb, 199, 55, 44), 0),
            0 16px 28px rgba(0, 0, 0, 0.22);
        filter: brightness(1);
        transform: translateY(0);
    }
    34% {
        box-shadow:
            inset 0 0 0 999px rgba(var(--brave-impact-rgb, 199, 55, 44), 0.13),
            0 16px 28px rgba(0, 0, 0, 0.22);
        filter: brightness(1.1) contrast(1.06);
        transform: translateY(-3px);
    }
    100% {
        box-shadow:
            inset 0 0 0 rgba(var(--brave-impact-rgb, 199, 55, 44), 0),
            0 16px 28px rgba(0, 0, 0, 0.22);
        filter: brightness(1);
        transform: translateY(0);
    }
}

@keyframes brave-combat-impact-damage {
    0% {
        box-shadow:
            inset 0 0 0 rgba(var(--brave-impact-rgb, 199, 55, 44), 0),
            0 16px 28px rgba(0, 0, 0, 0.22);
        filter: brightness(1);
    }
    38% {
        box-shadow:
            inset 0 0 0 999px rgba(var(--brave-impact-rgb, 199, 55, 44), 0.18),
            0 16px 28px rgba(0, 0, 0, 0.22);
        filter: brightness(1.08);
    }
    100% {
        box-shadow:
            inset 0 0 0 rgba(var(--brave-impact-rgb, 199, 55, 44), 0),
            0 16px 28px rgba(0, 0, 0, 0.22);
        filter: brightness(1);
    }
}

@keyframes brave-combat-impact-critical {
    0% {
        box-shadow:
            inset 0 0 0 rgba(var(--brave-impact-rgb, 255, 220, 122), 0),
            0 16px 28px rgba(0, 0, 0, 0.22);
        filter: brightness(1);
    }
    30% {
        box-shadow:
            inset 0 0 0 999px rgba(var(--brave-impact-rgb, 255, 220, 122), 0.24),
            0 0 20px rgba(var(--brave-impact-rgb, 255, 220, 122), 0.24),
            0 16px 28px rgba(0, 0, 0, 0.22);
        filter: brightness(1.18) contrast(1.08);
    }
    58% {
        box-shadow:
            inset 0 0 0 999px rgba(199, 55, 44, 0.12),
            0 16px 28px rgba(0, 0, 0, 0.22);
        filter: brightness(1.04);
    }
    100% {
        box-shadow:
            inset 0 0 0 rgba(var(--brave-impact-rgb, 255, 220, 122), 0),
            0 16px 28px rgba(0, 0, 0, 0.22);
        filter: brightness(1);
    }
}

@keyframes brave-combat-impact-heal {
    0% {
        box-shadow:
            inset 0 0 0 rgba(var(--brave-impact-rgb, 65, 160, 100), 0),
            0 16px 28px rgba(0, 0, 0, 0.22);
        filter: brightness(1);
    }
    38% {
        box-shadow:
            inset 0 0 0 999px rgba(var(--brave-impact-rgb, 65, 160, 100), 0.14),
            0 16px 28px rgba(0, 0, 0, 0.22);
        filter: brightness(1.08);
    }
    100% {
        box-shadow:
            inset 0 0 0 rgba(var(--brave-impact-rgb, 65, 160, 100), 0),
            0 16px 28px rgba(0, 0, 0, 0.22);
        filter: brightness(1);
    }
}

@keyframes brave-combat-impact-guard {
    0% {
        box-shadow:
            inset 0 0 0 rgba(var(--brave-impact-rgb, 70, 134, 181), 0),
            0 16px 28px rgba(0, 0, 0, 0.22);
    }
    38% {
        box-shadow:
            inset 0 0 0 999px rgba(var(--brave-impact-rgb, 70, 134, 181), 0.14),
            0 16px 28px rgba(0, 0, 0, 0.22);
    }
    100% {
        box-shadow:
            inset 0 0 0 rgba(var(--brave-impact-rgb, 70, 134, 181), 0),
            0 16px 28px rgba(0, 0, 0, 0.22);
    }
}

@keyframes brave-combat-impact-break {
    0% {
        box-shadow:
            inset 0 0 0 rgba(var(--brave-impact-rgb, 201, 145, 38), 0),
            0 16px 28px rgba(0, 0, 0, 0.22);
    }
    38% {
        box-shadow:
            inset 0 0 0 999px rgba(var(--brave-impact-rgb, 201, 145, 38), 0.16),
            0 16px 28px rgba(0, 0, 0, 0.22);
    }
    100% {
        box-shadow:
            inset 0 0 0 rgba(var(--brave-impact-rgb, 201, 145, 38), 0),
            0 16px 28px rgba(0, 0, 0, 0.22);
    }
}

@keyframes brave-combat-impact-miss {
    0% {
        transform: translateX(0);
        filter: brightness(1);
    }
    28% {
        transform: translateX(-6px);
        filter: brightness(1.04);
    }
    58% {
        transform: translateX(5px);
        filter: brightness(0.98);
    }
    100% {
        transform: translateX(0);
        filter: brightness(1);
    }
}

@keyframes brave-combat-screen-shake-subtle {
    0%, 100% {
        transform: translate3d(0, 0, 0);
    }
    20% {
        transform: translate3d(-3px, 1px, 0);
    }
    42% {
        transform: translate3d(3px, -1px, 0);
    }
    64% {
        transform: translate3d(-2px, 0, 0);
    }
    82% {
        transform: translate3d(2px, 1px, 0);
    }
}

.brave-combat-ghost {
    border-radius: inherit;
    overflow: hidden;
}

.brave-combat-ghost--defeat {
    animation: brave-combat-defeat-fall 860ms cubic-bezier(0.2, 0.76, 0.24, 1) forwards;
}

@keyframes brave-combat-defeat-fall {
    0% {
        opacity: 1;
        transform: translateY(0) scale(1);
        filter: saturate(1) brightness(1);
    }
    34% {
        opacity: 0.98;
        transform: translateY(8px) scale(0.988);
        filter: saturate(0.8) brightness(0.96);
    }
    100% {
        opacity: 0;
        transform: translateY(38px) scale(0.88);
        filter: saturate(0.1) brightness(0.66);
    }
}

.brave-view--combat .brave-view__section--targets .brave-view__meter--warn .brave-view__meter-fill,
.brave-view--combat .brave-view__section--targets .brave-view__meter--danger .brave-view__meter-fill {
    box-shadow: 0 0 10px rgba(193, 96, 81, 0.32);
}

.brave-view--combat .brave-view__section--targets .brave-view__entry.brave-view__entry--selected .brave-view__meter--accent .brave-view__meter-fill,
.brave-view--combat .brave-view__section--targets .brave-view__entry.brave-view__entry--selected .brave-view__meter--warn .brave-view__meter-fill,
.brave-view--combat .brave-view__section--targets .brave-view__entry.brave-view__entry--selected .brave-view__meter--danger .brave-view__meter-fill {
    box-shadow: 0 0 14px rgba(240, 170, 95, 0.3);
}

.brave-view--combat .brave-view__section--party .brave-view__entry.brave-view__entry--selected {
    border-color: rgba(142, 199, 166, 0.42);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        0 0 0 1px rgba(142, 199, 166, 0.14),
        0 18px 28px rgba(0, 0, 0, 0.22);
}

.brave-view--combat .brave-view__section--targets .brave-view__mini-action--danger {
    background: rgba(115, 53, 47, 0.36);
}

.brave-view--combat-result .brave-view__hero {
    gap: 12px;
    padding: 18px 20px 20px;
}

.brave-view--combat-result .brave-view__section {
    gap: 10px;
    padding: 16px 18px 14px;
}

.brave-view--combat-result .brave-view__actions {
    margin-top: 2px;
}

.brave-view--combat-result .brave-view__action {
    min-width: 10rem;
    justify-content: center;
    padding: 10px 16px;
    border-radius: var(--brave-radius-card-tight);
}

.brave-view--combat-result .brave-view__action--accent {
    border-color: rgba(var(--brave-accent-rgb), 0.4);
    background: linear-gradient(
        180deg,
        rgba(var(--brave-accent-rgb), 0.18),
        rgba(var(--brave-accent-rgb), 0.1)
    );
    color: var(--brave-text-bright);
}

.brave-view--combat-result .brave-view__section--receipt .brave-view__pair-value {
    font-size: calc(1rem * var(--brave-text-scale) * var(--brave-font-size-scale));
}

.brave-view--combat-result .brave-view__section--receipt .brave-view__list,
.brave-view--combat-result .brave-view__section--followup .brave-view__list {
    gap: 10px;
}

.brave-view--combat-result .brave-view__section--receipt .brave-view__list-item,
.brave-view--combat-result .brave-view__section--followup .brave-view__list-item {
    padding: 10px 12px;
    border: 1px solid color-mix(in srgb, var(--brave-world-line) 72%, rgba(var(--brave-accent-rgb), 0.1));
    border-radius: var(--brave-radius-card-tight);
    background:
        radial-gradient(circle at 0 0, var(--brave-state-surface-tint-soft), transparent 48%),
        rgba(255, 255, 255, 0.028);
}

.brave-view--combat-result .brave-view__section--receipt .brave-view__list-text,
.brave-view--combat-result .brave-view__section--followup .brave-view__list-text {
    color: var(--brave-text-bright);
}

.brave-view--combat-result .brave-view__section--followup .brave-view__list-item {
    background:
        radial-gradient(circle at 0 0, color-mix(in srgb, rgba(var(--brave-accent-rgb), 0.08) 64%, transparent), transparent 52%),
        rgba(255, 255, 255, 0.03);
}

.brave-arcade-overlay {
    position: fixed;
    inset: 0;
    z-index: 1230;
    display: grid;
    place-items: center;
    padding: 10px;
    --brave-arcade-overlay-primary: #7ce4ff;
    --brave-arcade-overlay-secondary: #ff67d6;
    --brave-arcade-overlay-tertiary: #8568ff;
    --brave-arcade-overlay-title: #f8f1ff;
    --brave-arcade-overlay-eyebrow: #ffa6e9;
    pointer-events: auto;
}

.brave-arcade-overlay__backdrop {
    position: absolute;
    inset: 0;
    background: color-mix(in srgb, #020609 82%, transparent);
    backdrop-filter: blur(12px);
}

.brave-arcade-overlay__panel {
    position: relative;
    z-index: 1;
    width: min(1100px, calc(100vw - 20px));
    max-width: calc(100dvw - 20px);
    height: min(940px, calc(100vh - 20px));
    height: min(940px, calc(100dvh - 20px));
    max-height: calc(100dvh - 20px);
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 8px;
    padding: 10px 10px 8px;
    border: 1px solid color-mix(in srgb, var(--brave-arcade-overlay-secondary) 40%, transparent);
    border-radius: 16px;
    background:
        radial-gradient(circle at 0 0, color-mix(in srgb, var(--brave-arcade-overlay-primary) 18%, transparent), transparent 42%),
        radial-gradient(circle at 100% 0, color-mix(in srgb, var(--brave-arcade-overlay-secondary) 18%, transparent), transparent 34%),
        radial-gradient(circle at 50% 120%, color-mix(in srgb, var(--brave-arcade-overlay-tertiary) 14%, transparent), transparent 46%),
        linear-gradient(180deg, rgba(23, 10, 34, 0.98), rgba(5, 4, 14, 0.995));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 26px 72px rgba(0, 0, 0, 0.48);
    overflow: hidden;
}

.brave-arcade-overlay__panel:focus {
    outline: none;
}

.brave-arcade-overlay__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-width: 0;
}

.brave-arcade-overlay__titlebar {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    flex: 1 1 auto;
}

.brave-arcade-overlay__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 999px;
    color: var(--brave-arcade-overlay-title);
    background: color-mix(in srgb, var(--brave-arcade-overlay-secondary) 18%, transparent);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--brave-arcade-overlay-secondary) 16%, transparent);
    flex: 0 0 auto;
}

.brave-arcade-overlay__titles {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.brave-arcade-overlay__eyebrow {
    color: var(--brave-arcade-overlay-eyebrow);
    font-size: calc(0.68rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.2;
    text-transform: uppercase;
    overflow-wrap: anywhere;
}

.brave-arcade-overlay__title {
    color: var(--brave-arcade-overlay-title);
    font-family: var(--brave-dialogue-font-family);
    letter-spacing: var(--brave-dialogue-letter-spacing);
    font-size: calc(1.08rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.05;
    text-transform: uppercase;
    overflow-wrap: anywhere;
}

.brave-arcade-overlay__body {
    min-height: 0;
    display: grid;
    overflow: hidden;
}

.brave-arcade-overlay__body .brave-view__arcade-shell {
    height: 100%;
    max-height: 100%;
    min-height: 0;
}

.brave-arcade-overlay__close {
    min-width: 34px;
    min-height: 34px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

body.brave-arcade-overlay-active {
    overflow: hidden;
}

body.brave-arcade-overlay-active .content,
body.brave-arcade-overlay-active #messagewindow {
    overflow: hidden;
    overscroll-behavior: none;
}

.brave-view--arcade .brave-view__hero {
    background:
        radial-gradient(circle at 0 0, rgba(124, 228, 255, 0.2), transparent 42%),
        radial-gradient(circle at 100% 0, rgba(255, 103, 214, 0.18), transparent 34%),
        radial-gradient(circle at 50% 120%, rgba(133, 104, 255, 0.16), transparent 48%),
        linear-gradient(180deg, rgba(20, 10, 33, 0.98), rgba(7, 6, 17, 0.995));
    border-color: rgba(255, 103, 214, 0.24);
}

.brave-view__section--arcade {
    padding: 12px;
}

.brave-view__arcade-shell {
    --brave-arcade-shell-border: rgba(255, 103, 214, 0.22);
    --brave-arcade-shell-left-glow: rgba(124, 228, 255, 0.14);
    --brave-arcade-shell-right-glow: rgba(255, 103, 214, 0.14);
    --brave-arcade-shell-bottom-glow: rgba(133, 104, 255, 0.14);
    --brave-arcade-frame-border: rgba(124, 228, 255, 0.18);
    --brave-arcade-frame-glow: rgba(255, 103, 214, 0.1);
    --brave-arcade-wall: #68deff;
    --brave-arcade-dot: #ffd7fb;
    --brave-arcade-power: #fff4a9;
    --brave-arcade-player: #ffe271;
    --brave-arcade-house: #a79aff;
    --brave-arcade-door: #ff97d9;
    --brave-arcade-status-label: #8feaff;
    --brave-arcade-status-value: #ffd3f4;
    --brave-arcade-status-border: rgba(255, 103, 214, 0.28);
    --brave-arcade-status-surface:
        linear-gradient(180deg, rgba(65, 21, 74, 0.8), rgba(22, 10, 38, 0.94));
    position: relative;
    overflow: hidden;
    isolation: isolate;
    border: 1px solid var(--brave-arcade-shell-border);
    border-radius: 14px;
    background:
        radial-gradient(circle at 0 0, var(--brave-arcade-shell-left-glow), transparent 40%),
        radial-gradient(circle at 100% 0, var(--brave-arcade-shell-right-glow), transparent 36%),
        radial-gradient(circle at 50% 100%, var(--brave-arcade-shell-bottom-glow), transparent 52%),
        linear-gradient(180deg, rgba(8, 10, 14, 0.995), rgba(2, 3, 5, 1));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 18px 36px rgba(0, 0, 0, 0.34),
        0 0 0 1px rgba(255, 255, 255, 0.03);
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto auto;
    align-items: start;
    gap: 8px;
    padding: 10px;
    color: #eaf9ff;
}

.brave-view__arcade-shell[data-arcade-layout="compact"],
.brave-view__arcade-shell[data-arcade-layout="tight"] {
    gap: 6px;
    padding: 8px;
    border-radius: 12px;
}

.brave-view__arcade-shell[data-arcade-layout="compact"] .brave-view__arcade-marquee,
.brave-view__arcade-shell[data-arcade-layout="tight"] .brave-view__arcade-marquee {
    grid-template-columns: minmax(0, 1fr);
    gap: 6px;
}

.brave-view__arcade-shell[data-arcade-layout="compact"] .brave-view__arcade-scorecard,
.brave-view__arcade-shell[data-arcade-layout="tight"] .brave-view__arcade-scorecard {
    padding: 7px 9px 8px;
}

.brave-view__arcade-shell[data-arcade-layout="compact"] .brave-view__arcade-score-value,
.brave-view__arcade-shell[data-arcade-layout="tight"] .brave-view__arcade-score-value {
    font-size: calc(1.18rem * var(--brave-text-scale) * var(--brave-font-size-scale));
}

.brave-view__arcade-shell[data-arcade-layout="compact"] .brave-view__arcade-hud,
.brave-view__arcade-shell[data-arcade-layout="tight"] .brave-view__arcade-hud {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
}

.brave-view__arcade-shell[data-arcade-layout="compact"] .brave-view__arcade-stat,
.brave-view__arcade-shell[data-arcade-layout="tight"] .brave-view__arcade-stat {
    display: grid;
    min-width: 0;
    justify-content: start;
    padding: 5px 6px;
    gap: 2px;
    border-radius: 10px;
    font-size: calc(0.74rem * var(--brave-text-scale) * var(--brave-font-size-scale));
}

.brave-view__arcade-shell[data-arcade-layout="compact"] .brave-view__arcade-stat-label,
.brave-view__arcade-shell[data-arcade-layout="tight"] .brave-view__arcade-stat-label {
    font-size: 0.66em;
}

.brave-view__arcade-shell[data-arcade-layout="compact"] .brave-view__arcade-stat-value,
.brave-view__arcade-shell[data-arcade-layout="tight"] .brave-view__arcade-stat-value {
    font-size: 0.84em;
    line-height: 1.05;
    overflow-wrap: anywhere;
}

.brave-view__arcade-shell[data-arcade-layout="compact"] .brave-view__arcade-footer,
.brave-view__arcade-shell[data-arcade-layout="tight"] .brave-view__arcade-footer {
    display: none;
}

.brave-view__arcade-shell[data-arcade-layout="tight"] .brave-view__arcade-frame {
    padding: 6px;
    border-radius: 10px;
}

.brave-view__arcade-shell[data-arcade-layout="tight"] .brave-view__arcade-screen {
    min-height: 11em;
}

.brave-view__arcade-shell::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent 18%, transparent 82%, rgba(255, 255, 255, 0.015)),
        repeating-linear-gradient(180deg, rgba(255, 255, 255, 0.014) 0 1px, transparent 1px 3px);
    opacity: 0.45;
    pointer-events: none;
    z-index: 0;
}

.brave-view__arcade-shell::after {
    content: "";
    position: absolute;
    inset: 1px;
    border-radius: 13px;
    background:
        radial-gradient(circle at 50% 0, rgba(255, 255, 255, 0.03), transparent 46%),
        radial-gradient(circle at 50% 100%, rgba(255, 255, 255, 0.02), transparent 52%);
    pointer-events: none;
    z-index: 0;
}

.brave-view__arcade-shell > * {
    position: relative;
    z-index: 1;
}

.brave-view__arcade-shell--fright {
    --brave-arcade-shell-border: rgba(123, 179, 255, 0.34);
    --brave-arcade-shell-left-glow: rgba(123, 179, 255, 0.18);
    --brave-arcade-shell-right-glow: rgba(211, 229, 255, 0.1);
    --brave-arcade-shell-bottom-glow: rgba(112, 146, 255, 0.12);
    --brave-arcade-frame-border: rgba(131, 179, 255, 0.24);
    --brave-arcade-frame-glow: rgba(123, 179, 255, 0.12);
    --brave-arcade-wall: #8fb8ff;
}

.brave-view__arcade-shell--danger {
    --brave-arcade-shell-border: rgba(255, 124, 124, 0.3);
    --brave-arcade-shell-left-glow: rgba(255, 124, 124, 0.15);
    --brave-arcade-shell-right-glow: rgba(255, 173, 110, 0.1);
    --brave-arcade-shell-bottom-glow: rgba(255, 87, 87, 0.12);
    --brave-arcade-frame-border: rgba(255, 128, 128, 0.22);
    --brave-arcade-frame-glow: rgba(255, 125, 125, 0.1);
}

.brave-view__arcade-shell--paused .brave-view__arcade-frame {
    opacity: 0.82;
}

.brave-view__arcade-shell--paused {
    --brave-arcade-shell-left-glow: rgba(160, 208, 255, 0.08);
    --brave-arcade-shell-right-glow: rgba(255, 205, 112, 0.08);
    --brave-arcade-shell-bottom-glow: rgba(255, 205, 112, 0.06);
}

.brave-view__arcade-shell[data-arcade-phase="ready"] {
    --brave-arcade-shell-border: rgba(124, 232, 196, 0.24);
    --brave-arcade-shell-left-glow: rgba(94, 227, 255, 0.16);
    --brave-arcade-shell-right-glow: rgba(124, 232, 196, 0.12);
    --brave-arcade-shell-bottom-glow: rgba(255, 219, 121, 0.1);
    --brave-arcade-frame-border: rgba(124, 232, 196, 0.18);
    --brave-arcade-frame-glow: rgba(124, 232, 196, 0.1);
}

.brave-view__arcade-shell[data-arcade-phase="cleared"] {
    --brave-arcade-shell-border: rgba(255, 215, 108, 0.28);
    --brave-arcade-shell-left-glow: rgba(255, 215, 108, 0.16);
    --brave-arcade-shell-right-glow: rgba(146, 236, 255, 0.12);
    --brave-arcade-shell-bottom-glow: rgba(255, 239, 177, 0.12);
    --brave-arcade-frame-border: rgba(255, 215, 108, 0.2);
    --brave-arcade-frame-glow: rgba(255, 215, 108, 0.12);
}

.brave-view__arcade-shell[data-arcade-phase="submitting"] {
    --brave-arcade-shell-border: rgba(255, 203, 132, 0.24);
    --brave-arcade-shell-left-glow: rgba(255, 203, 132, 0.12);
    --brave-arcade-shell-right-glow: rgba(255, 237, 179, 0.08);
    --brave-arcade-shell-bottom-glow: rgba(176, 234, 255, 0.08);
    --brave-arcade-frame-border: rgba(255, 203, 132, 0.18);
    --brave-arcade-frame-glow: rgba(255, 203, 132, 0.08);
}

.brave-view__arcade-marquee,
.brave-view__arcade-footer {
    align-items: stretch;
    justify-content: flex-start;
    gap: 8px 10px;
}

.brave-view__arcade-marquee {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
    gap: 10px;
}

.brave-view__arcade-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.brave-view__arcade-footer-actions {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-left: auto;
}

.brave-view__arcade-scorecard {
    min-width: 0;
    display: grid;
    align-content: center;
    gap: 3px;
    padding: 8px 12px 9px;
    border: 1px solid rgba(255, 114, 114, 0.22);
    border-radius: 12px;
    background:
        linear-gradient(180deg, rgba(74, 28, 28, 0.76), rgba(23, 10, 10, 0.94));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.03),
        0 0 0 1px rgba(255, 255, 255, 0.01);
}

.brave-view__arcade-score-label {
    color: #ffb4b4;
    font-size: calc(0.68rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.1;
    text-transform: uppercase;
}

.brave-view__arcade-score-value {
    color: #ffe0b9;
    font-size: calc(1.46rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.brave-view__arcade-hud {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.brave-view__arcade-stat {
    letter-spacing: 0.08em;
    display: grid;
    align-content: center;
    gap: 2px;
    min-width: 0;
    padding: 7px 9px 6px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 11px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.02));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.03),
        0 0 0 1px rgba(255, 255, 255, 0.01);
    font-size: calc(0.82rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    text-transform: uppercase;
}

.brave-view__arcade-stat--high {
    border-color: rgba(255, 151, 207, 0.18);
    background: linear-gradient(180deg, rgba(66, 28, 48, 0.64), rgba(20, 10, 15, 0.88));
}

.brave-view__arcade-stat--lives {
    border-color: rgba(255, 221, 115, 0.18);
    background: linear-gradient(180deg, rgba(66, 47, 17, 0.64), rgba(21, 14, 6, 0.9));
}

.brave-view__arcade-stat--level {
    border-color: rgba(131, 232, 255, 0.18);
    background: linear-gradient(180deg, rgba(21, 50, 66, 0.64), rgba(8, 16, 24, 0.9));
}

.brave-view__arcade-stat-label,
.brave-view__arcade-hint {
    color: #84dfff;
}

.brave-view__arcade-stat-label {
    font-size: 0.68em;
    line-height: 1.12;
}

.brave-view__arcade-stat-value {
    font-weight: 700;
    line-height: 1.05;
    overflow-wrap: anywhere;
}

.brave-view__arcade-stat--high .brave-view__arcade-stat-label {
    color: #ffc0de;
}

.brave-view__arcade-stat--high .brave-view__arcade-stat-value {
    color: #ffd9ef;
}

.brave-view__arcade-stat--lives .brave-view__arcade-stat-label {
    color: #ffe1a4;
}

.brave-view__arcade-stat--lives .brave-view__arcade-stat-value {
    color: #fff4be;
}

.brave-view__arcade-stat--level .brave-view__arcade-stat-label {
    color: #9fe6ff;
}

.brave-view__arcade-stat--level .brave-view__arcade-stat-value {
    color: #d7f8ff;
}

.brave-view__arcade-shell[data-arcade-status-tone="ready"] {
    --brave-arcade-status-label: #9ae6ff;
    --brave-arcade-status-value: #c8ffb1;
    --brave-arcade-status-border: rgba(124, 232, 196, 0.24);
    --brave-arcade-status-surface:
        linear-gradient(180deg, rgba(24, 61, 48, 0.76), rgba(9, 19, 15, 0.94));
}

.brave-view__arcade-shell[data-arcade-status-tone="scatter"] {
    --brave-arcade-status-label: #9ae6ff;
    --brave-arcade-status-value: #d8f6ff;
    --brave-arcade-status-border: rgba(123, 220, 255, 0.22);
    --brave-arcade-status-surface:
        linear-gradient(180deg, rgba(18, 53, 67, 0.76), rgba(8, 18, 24, 0.94));
}

.brave-view__arcade-shell[data-arcade-status-tone="chase"] {
    --brave-arcade-status-label: #ffb7aa;
    --brave-arcade-status-value: #ffd7ac;
    --brave-arcade-status-border: rgba(255, 150, 119, 0.24);
    --brave-arcade-status-surface:
        linear-gradient(180deg, rgba(66, 32, 18, 0.76), rgba(21, 10, 7, 0.94));
}

.brave-view__arcade-shell[data-arcade-status-tone="fright"] {
    --brave-arcade-status-label: #c4d5ff;
    --brave-arcade-status-value: #f1f6ff;
    --brave-arcade-status-border: rgba(140, 177, 255, 0.28);
    --brave-arcade-status-surface:
        linear-gradient(180deg, rgba(37, 54, 102, 0.78), rgba(13, 18, 39, 0.95));
}

.brave-view__arcade-shell[data-arcade-status-tone="clear"] {
    --brave-arcade-status-label: #ffe2a4;
    --brave-arcade-status-value: #fff7cb;
    --brave-arcade-status-border: rgba(255, 215, 108, 0.28);
    --brave-arcade-status-surface:
        linear-gradient(180deg, rgba(74, 54, 18, 0.78), rgba(27, 18, 7, 0.95));
}

.brave-view__arcade-shell[data-arcade-status-tone="danger"] {
    --brave-arcade-status-label: #ffb5b5;
    --brave-arcade-status-value: #ffe0c5;
    --brave-arcade-status-border: rgba(255, 129, 129, 0.28);
    --brave-arcade-status-surface:
        linear-gradient(180deg, rgba(82, 29, 29, 0.78), rgba(28, 10, 10, 0.95));
}

.brave-view__arcade-shell[data-arcade-status-tone="paused"] {
    --brave-arcade-status-label: #ffe0a2;
    --brave-arcade-status-value: #fff3cc;
    --brave-arcade-status-border: rgba(255, 206, 118, 0.24);
    --brave-arcade-status-surface:
        linear-gradient(180deg, rgba(74, 57, 22, 0.76), rgba(27, 19, 9, 0.94));
}

.brave-view__arcade-shell[data-arcade-status-tone="cashout"] {
    --brave-arcade-status-label: #ffd7a8;
    --brave-arcade-status-value: #fff1d0;
    --brave-arcade-status-border: rgba(255, 199, 124, 0.24);
    --brave-arcade-status-surface:
        linear-gradient(180deg, rgba(79, 53, 25, 0.76), rgba(27, 18, 8, 0.94));
}

.brave-view__arcade-shell[data-arcade-status-tone="life"] {
    --brave-arcade-status-label: #b8f8d4;
    --brave-arcade-status-value: #e1ffe9;
    --brave-arcade-status-border: rgba(132, 229, 179, 0.24);
    --brave-arcade-status-surface:
        linear-gradient(180deg, rgba(24, 68, 44, 0.76), rgba(8, 22, 15, 0.94));
}

.brave-view__arcade-shell[data-arcade-status-tone="event"] {
    --brave-arcade-status-label: #ffe3ad;
    --brave-arcade-status-value: #fff6d1;
    --brave-arcade-status-border: rgba(255, 209, 133, 0.24);
    --brave-arcade-status-surface:
        linear-gradient(180deg, rgba(74, 52, 18, 0.76), rgba(27, 18, 7, 0.94));
}

.brave-view__arcade-frame {
    border: 1px solid var(--brave-arcade-frame-border);
    border-radius: 12px;
    background:
        linear-gradient(180deg, rgba(2, 3, 4, 0.98), rgba(0, 0, 0, 1)),
        radial-gradient(circle at 50% 0, var(--brave-arcade-frame-glow), transparent 52%);
    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.02),
        inset 0 14px 26px rgba(255, 255, 255, 0.01);
    min-height: 0;
    align-self: stretch;
    padding: 8px;
    overflow: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.brave-view__arcade-screen {
    margin: 0;
    min-height: 13em;
    font-family: "VT323", "DejaVu Sans Mono", monospace;
    font-size: clamp(0.92rem, 1.2vw, 1.24rem);
    line-height: 1;
    letter-spacing: 0.02em;
    white-space: pre;
    color: #eefbff;
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.08);
    user-select: none;
    flex: 0 0 auto;
}

.brave-view__arcade-char {
    display: inline-block;
    width: 0.66em;
    text-align: center;
}

.brave-view__arcade-char--wall {
    color: var(--brave-arcade-wall);
}

.brave-view__arcade-char--dot {
    color: var(--brave-arcade-dot);
}

.brave-view__arcade-char--power {
    color: var(--brave-arcade-power);
    text-shadow: 0 0 9px rgba(255, 245, 189, 0.22);
    animation: brave-arcade-pellet-blink 740ms steps(1, end) infinite;
}

.brave-view__arcade-char--player {
    color: var(--brave-arcade-player);
    text-shadow: 0 0 10px rgba(255, 228, 94, 0.35);
}

.brave-view__arcade-char--player-dead {
    animation: brave-arcade-death-flicker 220ms steps(1, end) infinite;
}

.brave-view__arcade-char--ghost {
    text-shadow: 0 0 8px rgba(255, 255, 255, 0.14);
}

.brave-view__arcade-char--ghost-blinky {
    color: #ff6565;
    text-shadow: 0 0 10px rgba(255, 101, 101, 0.32);
}

.brave-view__arcade-char--ghost-pinky {
    color: #ff9fd1;
    text-shadow: 0 0 10px rgba(255, 159, 209, 0.32);
}

.brave-view__arcade-char--ghost-inky {
    color: #7ee8ff;
    text-shadow: 0 0 10px rgba(126, 232, 255, 0.3);
}

.brave-view__arcade-char--ghost-clyde {
    color: #ffbf62;
    text-shadow: 0 0 10px rgba(255, 191, 98, 0.3);
}

.brave-view__arcade-char--ghost-fright {
    color: #79a8ff;
    animation: brave-arcade-fright-blink 520ms steps(1, end) infinite;
}

.brave-view__arcade-char--ghost-recover {
    color: #f7f3d0;
}

.brave-view__arcade-char--ghost-eyes {
    color: #d9f6ff;
    text-shadow: 0 0 8px rgba(217, 246, 255, 0.24);
}

.brave-view__arcade-char--fruit {
    animation: brave-arcade-fruit-shimmer 900ms ease-in-out infinite;
}

.brave-view__arcade-stat-value[data-arcade-tone="pie"],
.brave-view__arcade-char--fruit-pie {
    color: #ffb36b;
    text-shadow: 0 0 10px rgba(255, 179, 107, 0.28);
}

.brave-view__arcade-stat-value[data-arcade-tone="key"],
.brave-view__arcade-char--fruit-key {
    color: #ffd466;
    text-shadow: 0 0 10px rgba(255, 212, 102, 0.28);
}

.brave-view__arcade-stat-value[data-arcade-tone="charm"],
.brave-view__arcade-char--fruit-charm {
    color: #8ff0bf;
    text-shadow: 0 0 10px rgba(143, 240, 191, 0.28);
}

.brave-view__arcade-stat-value[data-arcade-tone="cap"],
.brave-view__arcade-char--fruit-cap {
    color: #ff9183;
    text-shadow: 0 0 10px rgba(255, 145, 131, 0.28);
}

.brave-view__arcade-stat-value[data-arcade-tone="lens"],
.brave-view__arcade-char--fruit-lens {
    color: #8adfff;
    text-shadow: 0 0 10px rgba(138, 223, 255, 0.28);
}

.brave-view__arcade-stat-value[data-arcade-tone="pin"],
.brave-view__arcade-char--fruit-pin {
    color: #f8f0d8;
    text-shadow: 0 0 10px rgba(248, 240, 216, 0.24);
}

.brave-view__arcade-stat-value[data-arcade-tone="ghost"] {
    color: #c8ebff;
    text-shadow: 0 0 10px rgba(200, 235, 255, 0.24);
}

.brave-view__arcade-stat-value[data-arcade-tone="life"] {
    color: #c7ffd7;
    text-shadow: 0 0 10px rgba(199, 255, 215, 0.24);
}

.brave-view__arcade-char--door {
    color: var(--brave-arcade-door);
}

.brave-view__arcade-char--house {
    color: var(--brave-arcade-house);
}

.brave-view__arcade-char--empty {
    color: transparent;
}

.brave-view__arcade-mobile-controls {
    display: none;
}

.brave-view__arcade-dpad {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 60px));
    grid-template-areas:
        ". up ."
        "left . right"
        ". down .";
    gap: 6px;
    justify-content: center;
}

.brave-view__arcade-pad {
    font-family: "Brave VT323", "Brave DejaVu Sans Mono", monospace;
    min-height: 56px;
    border: 1px solid rgba(112, 220, 255, 0.22);
    border-radius: 12px;
    background:
        linear-gradient(180deg, rgba(21, 27, 36, 0.98), rgba(7, 10, 14, 1)),
        radial-gradient(circle at 50% 0, rgba(112, 220, 255, 0.08), transparent 56%);
    color: #ecfbff;
    font-size: 1.45rem;
    line-height: 1;
    touch-action: none;
    user-select: none;
}

.brave-view__arcade-pad--up {
    grid-area: up;
}

.brave-view__arcade-pad--left {
    grid-area: left;
}

.brave-view__arcade-pad--right {
    grid-area: right;
}

.brave-view__arcade-pad--down {
    grid-area: down;
}

.brave-view__arcade-pad.is-queued,
.brave-view__arcade-pad.is-active {
    border-color: rgba(255, 229, 104, 0.42);
    background:
        linear-gradient(180deg, rgba(40, 33, 16, 0.98), rgba(17, 12, 6, 1)),
        radial-gradient(circle at 50% 0, rgba(255, 229, 104, 0.18), transparent 56%);
    color: #fff2a8;
}

.brave-view__arcade-mobile-actions {
    display: flex;
    gap: 8px;
    justify-content: center;
}

.brave-view__arcade-hint {
    display: inline-flex;
    align-items: center;
    padding: 5px 8px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.03);
    color: #dff6ff;
    font-size: calc(0.74rem * var(--brave-text-scale) * var(--brave-font-size-scale));
}

.brave-view__arcade-hint--move {
    border-color: rgba(126, 232, 196, 0.16);
    color: #bdf3de;
}

.brave-view__arcade-hint--pause {
    border-color: rgba(255, 201, 114, 0.16);
    color: #ffe1a6;
}

.brave-view__arcade-utility {
    letter-spacing: 0.08em;
    min-width: 98px;
    min-height: 40px;
    padding: 0 10px;
    border: 1px solid rgba(112, 220, 255, 0.18);
    border-radius: 999px;
    background:
        linear-gradient(180deg, rgba(18, 32, 42, 0.92), rgba(8, 14, 18, 0.98));
    color: #c6f5ff;
    font-size: calc(0.8rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    text-transform: uppercase;
    touch-action: manipulation;
}

body[data-brave-scene="arcade"] .brave-view--arcade .brave-view__chips,
body[data-brave-scene="arcade"] .brave-view--arcade .brave-view__actions {
    display: none;
}

@media (max-height: 860px) {
    body[data-brave-scene="arcade"] .brave-view__arcade-footer {
        display: none;
    }

    body[data-brave-scene="arcade"] .brave-view__arcade-shell {
        gap: 6px;
        padding: 8px;
    }
}

@media (max-width: 900px) {
    .brave-arcade-overlay {
        padding: 0;
    }

    .brave-arcade-overlay__panel {
        width: 100vw;
        width: 100dvw;
        height: 100vh;
        height: 100dvh;
        gap: 8px;
        padding: max(8px, env(safe-area-inset-top)) 8px max(8px, env(safe-area-inset-bottom));
        border-radius: 0;
        border-left: 0;
        border-right: 0;
        max-width: 100dvw;
        max-height: 100dvh;
    }

    .brave-arcade-overlay__icon {
        width: 30px;
        height: 30px;
    }

    .brave-arcade-overlay__eyebrow {
        font-size: calc(0.62rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    }

    .brave-arcade-overlay__title {
        font-size: calc(0.96rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    }

    body.brave-arcade-mobile-active .brave-arcade-overlay .brave-view__arcade-mobile-controls {
        position: sticky;
        bottom: 0;
        display: flex;
        flex-direction: column;
        gap: 8px;
        margin-top: 8px;
        padding-top: 8px;
        border-top: 1px solid rgba(112, 220, 255, 0.12);
        background:
            linear-gradient(180deg, rgba(8, 10, 14, 0), rgba(8, 10, 14, 0.86) 28%, rgba(8, 10, 14, 0.98)),
            linear-gradient(180deg, rgba(8, 10, 14, 0.98), rgba(2, 3, 5, 1));
    }

    body.brave-arcade-mobile-active .brave-arcade-overlay .brave-view__arcade-dpad {
        grid-template-columns: repeat(3, minmax(0, 56px));
    }

    body.brave-arcade-mobile-active .brave-arcade-overlay .brave-view__arcade-pad {
        min-height: 52px;
        font-size: 1.35rem;
    }

    body.brave-arcade-mobile-active .brave-arcade-overlay .brave-view__arcade-mobile-actions {
        gap: 8px;
    }

    body.brave-arcade-mobile-active .brave-arcade-overlay .brave-view__arcade-utility {
        flex: 1 1 0;
        min-width: 0;
        min-height: 38px;
        padding: 0 10px;
    }
}

.brave-view__arcade-utility--quit {
    border-color: rgba(255, 126, 126, 0.24);
    background:
        linear-gradient(180deg, rgba(59, 26, 26, 0.92), rgba(18, 8, 8, 0.98));
    color: #ffd0d0;
}

@keyframes brave-arcade-pellet-blink {
    0%,
    49% {
        opacity: 1;
    }
    50%,
    100% {
        opacity: 0.4;
    }
}

@keyframes brave-arcade-fruit-shimmer {
    0%,
    100% {
        opacity: 1;
        transform: translateY(0);
    }
    50% {
        opacity: 0.75;
        transform: translateY(-0.03em);
    }
}

@keyframes brave-arcade-fright-blink {
    0%,
    49% {
        opacity: 1;
    }
    50%,
    100% {
        opacity: 0.72;
    }
}

@keyframes brave-arcade-death-flicker {
    0%,
    100% {
        opacity: 1;
    }
    50% {
        opacity: 0.2;
    }
}

.brave-view--combat .brave-view__entry-chips .scene-card__chip {
    font-size: calc(0.62rem * var(--brave-text-scale) * var(--brave-font-size-scale));
}

.brave-view--combat .brave-view__entry-title,
.brave-view--combat .brave-view__list-text {
    font-size: calc(0.9rem * var(--brave-text-scale) * var(--brave-font-size-scale));
}

.brave-view__inline-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.brave-view__mini-action {
    font-family: inherit;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 10px;
    border: 1px solid rgba(var(--brave-accent-rgb), 0.14);
    border-radius: var(--brave-radius-pill);
    background: rgba(255, 255, 255, 0.02);
    color: var(--brave-text-soft);
    font-size: calc(0.74rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.25;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
}

.brave-view__mini-action-icon {
    color: var(--brave-accent);
    font-size: 0.9rem;
}

.brave-view__mini-action--muted {
    border-color: rgba(200, 188, 163, 0.16);
    color: var(--brave-text-dim);
}

.brave-view__mini-action--accent {
    border-color: rgba(var(--brave-accent-rgb), 0.3);
    background: rgba(var(--brave-accent-rgb), 0.1);
    color: color-mix(in srgb, var(--brave-accent) 58%, var(--brave-text-bright));
}

.brave-view__mini-action--good {
    border-color: rgba(138, 191, 151, 0.28);
    background: rgba(138, 191, 151, 0.1);
    color: #bddfc5;
}

.brave-view__mini-action--danger {
    border-color: rgba(213, 138, 118, 0.28);
    color: #ebb3a4;
}

.brave-view__mini-action--danger .brave-view__mini-action-icon {
    color: #d86f57;
}

.brave-view__mini-action--danger .brave-icon--trash,
.brave-view__mini-action--danger .brave-icon--trash::before {
    color: #d86f57;
}

.brave-view__mini-action--danger .brave-view__mini-action-icon.ra {
    display: none;
}

.brave-view__mini-action--icon-only,
.brave-view__action--icon-only {
    justify-content: center;
    min-width: 2.25rem;
    width: 2.25rem;
    padding-left: 0;
    padding-right: 0;
}

.brave-view__mini-action:hover,
.brave-view__mini-action:focus-visible,
.brave-view__action:hover,
.brave-view__action:focus-visible {
    border-color: rgba(var(--brave-accent-rgb), 0.3);
    background: rgba(255, 255, 255, 0.05);
    outline: none;
}

.brave-view__pre {
    font-family: var(--brave-mono-font-family);
    letter-spacing: 0;
    margin: 0;
    padding: 20px 22px;
    border: 1px solid rgba(var(--brave-accent-rgb), 0.12);
    border-radius: var(--brave-radius-card);
    background:
        radial-gradient(circle at 18% 0, var(--brave-world-surface-tint), transparent 34%),
        linear-gradient(180deg, var(--brave-surface-deep-top), var(--brave-surface-deep-bottom));
    color: var(--brave-text-bright);
    font-size: calc(0.98rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.16;
    white-space: pre;
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.brave-view__pre::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}

.brave-view__pre--map {
    font-family: var(--brave-mono-font-family);
    letter-spacing: 0;
    display: block;
    width: 100%;
    max-width: 100%;
    min-height: 520px;
    margin: 0;
    padding: 72px 28px 34px;
    box-sizing: border-box;
    text-align: center;
    border: 1px solid rgba(var(--brave-accent-rgb), 0.16);
    border-radius: calc(var(--brave-radius-card) - 2px);
    background:
        radial-gradient(circle at 50% 35%, rgba(var(--brave-accent-rgb), 0.07), transparent 58%),
        radial-gradient(circle at 14% 0, color-mix(in srgb, var(--brave-world-surface-tint-strong) 78%, transparent), transparent 34%),
        linear-gradient(180deg, rgba(9, 12, 14, 0.98), rgba(5, 8, 9, 0.995));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.03),
        inset 0 0 0 1px rgba(255, 255, 255, 0.015),
        0 16px 28px rgba(0, 0, 0, 0.22);
    color: color-mix(in srgb, var(--brave-accent) 74%, var(--brave-text-soft));
    font-size: 12px;
    line-height: 1;
    white-space: pre;
    font-variant-ligatures: none;
    font-kerning: none;
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: color-mix(in srgb, var(--brave-accent) 82%, rgba(255, 255, 255, 0.2)) color-mix(in srgb, var(--brave-world-line) 54%, transparent);
}

.brave-view__pre--map::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

.brave-view__pre--map::-webkit-scrollbar-track {
    background: color-mix(in srgb, var(--brave-world-line) 54%, transparent);
    border-radius: 999px;
}

.brave-view__pre--map::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, color-mix(in srgb, var(--brave-accent) 86%, rgba(255, 255, 255, 0.22)), color-mix(in srgb, var(--brave-accent) 64%, rgba(0, 0, 0, 0.18)));
    border-radius: 999px;
    border: 2px solid color-mix(in srgb, var(--brave-world-line) 48%, transparent);
}

.brave-view__pre-inner--map {
    display: inline-block;
    min-width: max-content;
    text-align: left;
}

.brave-view__pre--mapgrid {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    white-space: normal;
}

.brave-view__map-grid {
    --brave-map-cell-size: 26px;
    display: grid;
    grid-template-columns: repeat(var(--brave-map-columns), var(--brave-map-cell-size));
    grid-auto-rows: var(--brave-map-cell-size);
    width: max-content;
    margin: 0 auto;
}

.brave-view__map-cell {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--brave-map-cell-size);
    height: var(--brave-map-cell-size);
}

.brave-view__map-cell--connector .brave-view__map-connector,
.brave-view__map-cell--connector-horizontal .brave-view__map-connector,
.brave-view__map-cell--connector-vertical .brave-view__map-connector {
    display: block;
    border-radius: 999px;
    background: color-mix(in srgb, var(--brave-accent) 64%, rgba(255, 255, 255, 0.18));
    box-shadow: 0 0 10px rgba(var(--brave-accent-rgb), 0.12);
}

.brave-view__map-connector--horizontal {
    width: 18px;
    height: 2px;
}

.brave-view__map-connector--vertical {
    width: 2px;
    height: 18px;
}

.brave-view__map-cell--room::before {
    content: "";
    position: absolute;
    inset: 3px;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02));
    border: 1px solid rgba(var(--brave-accent-rgb), 0.16);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 8px 14px rgba(0, 0, 0, 0.18);
}

.brave-view__map-cell--current::before {
    background: linear-gradient(180deg, rgba(var(--brave-accent-rgb), 0.34), rgba(var(--brave-accent-rgb), 0.18));
    border-color: rgba(var(--brave-accent-rgb), 0.42);
}

.brave-view__map-cell--party::before {
    background: linear-gradient(180deg, rgba(91, 179, 139, 0.28), rgba(91, 179, 139, 0.14));
    border-color: rgba(91, 179, 139, 0.42);
}

.brave-view__map-room-icon {
    position: relative;
    z-index: 1;
    font-size: 1rem;
    color: color-mix(in srgb, var(--brave-accent) 84%, var(--brave-text-bright));
}

.brave-view__map-room-primary {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
}

.brave-view__map-badges {
    position: absolute;
    right: 1px;
    bottom: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 1px;
    pointer-events: none;
}

.brave-view__map-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 9px;
    height: 9px;
    min-width: 9px;
    border-radius: 999px;
    color: var(--brave-text-bright);
    background: rgba(19, 28, 42, 0.94);
    border: 1px solid rgba(255, 255, 255, 0.28);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.28);
    font-size: 0.42rem;
    line-height: 1;
}

.brave-view__map-badge-icon {
    font-size: 0.42rem;
}

.brave-view__map-badge--current {
    background: color-mix(in srgb, var(--brave-accent) 72%, #162033);
}

.brave-view__map-badge--quest {
    background: color-mix(in srgb, #d7b85c 72%, #162033);
}

.brave-view__map-badge--danger {
    background: color-mix(in srgb, #d76464 76%, #162033);
}

.brave-view__map-badge--portal {
    background: color-mix(in srgb, #8c7df2 72%, #162033);
}

.brave-view__map-badge--service {
    background: color-mix(in srgb, #6cb1d8 72%, #162033);
}

.brave-view__map-badge--activity {
    background: color-mix(in srgb, #69b980 72%, #162033);
}

.brave-view__map-badge--party {
    background: color-mix(in srgb, #79d1a8 72%, #162033);
}

.brave-view__map-badge--overflow {
    width: auto;
    min-width: 10px;
    padding: 0 2px;
    font-weight: 700;
    letter-spacing: 0;
}

.brave-view__map-cell--party .brave-view__map-room-icon {
    color: color-mix(in srgb, #9ce7c1 84%, var(--brave-text-bright));
}

.brave-view__map-cell--current .brave-view__map-room-icon {
    color: var(--brave-text-bright);
}

.brave-view__map-grid--micro {
    --brave-map-cell-size: 10px;
}

.brave-view__map-grid--micro .brave-view__map-connector--horizontal {
    width: 8px;
    height: 1px;
}

.brave-view__map-grid--micro .brave-view__map-connector--vertical {
    width: 1px;
    height: 8px;
}

.brave-view__map-grid--micro .brave-view__map-cell--room::before {
    inset: 1px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 4px 8px rgba(0, 0, 0, 0.12);
}

.brave-view__map-grid--micro .brave-view__map-room-icon {
    font-size: 0.52rem;
}

.brave-view__map-grid--micro .brave-view__map-room-primary {
    width: 8px;
    height: 8px;
}

.brave-view__map-grid--micro .brave-view__map-badges {
    display: none;
}

.brave-view__map-grid--compact {
    --brave-map-cell-size: 9px;
}

.brave-view__map-grid--compact .brave-view__map-connector--horizontal {
    width: 7px;
    height: 1px;
}

.brave-view__map-grid--compact .brave-view__map-connector--vertical {
    width: 1px;
    height: 7px;
}

.brave-view__map-grid--compact .brave-view__map-cell--room::before {
    inset: 1px;
    box-shadow: none;
}

.brave-view__map-grid--compact .brave-view__map-room-icon {
    font-size: 0.46rem;
}

.brave-view__map-grid--compact .brave-view__map-room-primary {
    width: 7px;
    height: 7px;
}

.brave-view__map-grid--compact .brave-view__map-badges {
    display: none;
}


.brave-view__entry-line,
.brave-view__line {
    font-family: var(--brave-body-font-family);
    letter-spacing: var(--brave-body-letter-spacing);
    color: var(--brave-text-soft);
    font-size: calc(0.84rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.5;
}

.brave-view__entry-line--icon {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.brave-view__entry-line-text {
    min-width: 0;
}

.brave-view__section--quote {
    gap: 0;
    padding-top: 18px;
}

.brave-view__lines--quote {
    gap: 10px;
}

.brave-view__line--quote {
    font-family: var(--brave-dialogue-font-family);
    font-style: normal;
    letter-spacing: var(--brave-dialogue-letter-spacing);
    color: var(--brave-text-bright);
    font-size: calc(0.96rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.7;
}

.brave-view__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.brave-view__list-item {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
    align-items: start;
    appearance: none;
    -webkit-appearance: none;
    border: 0;
    margin: 0;
    padding: 0;
    color: inherit;
    font: inherit;
    text-align: left;
    background-color: transparent;
    background-image: none;
    background-repeat: no-repeat;
    background-origin: border-box;
    background-clip: padding-box, border-box;
    -webkit-tap-highlight-color: transparent;
}

.brave-view__list-row {
    list-style: none;
}

.brave-view__list-primary {
    appearance: none;
    -webkit-appearance: none;
    display: grid;
    width: 100%;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: inherit;
    background: transparent;
    box-shadow: none;
    color: inherit;
    font: inherit;
    text-align: left;
    outline: none;
    -webkit-tap-highlight-color: transparent;
}

.brave-view__list-primary:focus,
.brave-view__list-primary:focus-visible {
    outline: none;
    box-shadow: none;
}

.brave-view__entry--button {
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
    color: inherit;
    font: inherit;
    text-align: left;
    outline: none;
    background-color: transparent;
    background-image: none;
    background-repeat: no-repeat;
    background-origin: border-box;
    background-clip: padding-box, border-box;
    -webkit-tap-highlight-color: transparent;
}

.brave-view__entry--button:focus,
.brave-view__entry--button:focus-visible {
    outline: none;
}

.brave-view__list-main {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 10px;
    align-items: start;
}

.brave-view__list-copy {
    font-family: var(--brave-body-font-family);
    letter-spacing: var(--brave-body-letter-spacing);
    min-width: 0;
    display: grid;
    gap: 2px;
}

.brave-view__list-text {
    font-family: var(--brave-body-font-family);
    letter-spacing: var(--brave-body-letter-spacing);
    color: var(--brave-text-soft);
    font-size: calc(0.88rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.45;
}

.brave-view__list-detail {
    color: var(--brave-text-dim);
    font-size: calc(0.75rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.25;
    text-transform: none;
}

.brave-view__list-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.brave-view__list-chips .scene-card__chip {
    padding: 4px 7px;
    font-size: calc(0.58rem * var(--brave-text-scale) * var(--brave-font-size-scale));
}

.brave-rarity-name {
    font-weight: 700;
}

.brave-rarity-name--rarity-common,
.brave-view .brave-view__entry-title.brave-rarity-name--rarity-common,
.brave-view .brave-view__entry-meta.brave-rarity-name--rarity-common,
.brave-view .brave-view__list-text.brave-rarity-name--rarity-common {
    color: #d7d1c3 !important;
}

.brave-rarity-name--rarity-uncommon,
.brave-view .brave-view__entry-title.brave-rarity-name--rarity-uncommon,
.brave-view .brave-view__entry-meta.brave-rarity-name--rarity-uncommon,
.brave-view .brave-view__list-text.brave-rarity-name--rarity-uncommon {
    color: #9ee6b0 !important;
}

.brave-rarity-name--rarity-rare,
.brave-view .brave-view__entry-title.brave-rarity-name--rarity-rare,
.brave-view .brave-view__entry-meta.brave-rarity-name--rarity-rare,
.brave-view .brave-view__list-text.brave-rarity-name--rarity-rare {
    color: #9dccff !important;
}

.brave-rarity-name--rarity-epic,
.brave-view .brave-view__entry-title.brave-rarity-name--rarity-epic,
.brave-view .brave-view__entry-meta.brave-rarity-name--rarity-epic,
.brave-view .brave-view__list-text.brave-rarity-name--rarity-epic {
    color: #d6b0ff !important;
}

.brave-rarity-name--rarity-legendary,
.brave-view .brave-view__entry-title.brave-rarity-name--rarity-legendary,
.brave-view .brave-view__entry-meta.brave-rarity-name--rarity-legendary,
.brave-view .brave-view__list-text.brave-rarity-name--rarity-legendary {
    color: #f5bd69 !important;
}

.brave-rarity-name--rarity-story,
.brave-view .brave-view__entry-title.brave-rarity-name--rarity-story,
.brave-view .brave-view__entry-meta.brave-rarity-name--rarity-story,
.brave-view .brave-view__list-text.brave-rarity-name--rarity-story {
    color: #ecd77c !important;
}

.brave-picker-sheet__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
}

.brave-picker-sheet__chips .scene-card__chip {
    padding: 5px 8px;
    font-size: calc(0.62rem * var(--brave-text-scale) * var(--brave-font-size-scale));
}

.brave-view__list-marker {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    color: color-mix(in srgb, var(--brave-danger, #d86f57) 78%, var(--brave-text-bright));
}

.brave-view__list-marker-icon {
    font-size: 1rem;
}

.brave-icon--checkbox {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 0.92rem;
    height: 0.92rem;
    flex: 0 0 0.92rem;
    border: 1px solid color-mix(in srgb, rgba(var(--brave-accent-rgb), 0.78) 72%, var(--brave-text-soft));
    border-radius: 0.2rem;
    margin-top: 0.18rem;
    background: color-mix(in srgb, var(--brave-panel-soft) 62%, transparent);
}

.brave-icon--checkbox-checked {
    border-color: color-mix(in srgb, var(--brave-good) 72%, rgba(var(--brave-accent-rgb), 0.4));
    background: color-mix(in srgb, var(--brave-good) 18%, var(--brave-panel-soft));
}

.brave-icon--checkbox-checked::after {
    content: "";
    width: 0.24rem;
    height: 0.5rem;
    border-right: 2px solid color-mix(in srgb, var(--brave-text-bright) 90%, var(--brave-good));
    border-bottom: 2px solid color-mix(in srgb, var(--brave-text-bright) 90%, var(--brave-good));
    transform: rotate(40deg) translate(-0.03rem, -0.03rem);
}

.brave-icon--check-circle {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 0.98rem;
    height: 0.98rem;
    flex: 0 0 0.98rem;
    border-radius: 999px;
    margin-top: 0.04rem;
    background: rgba(var(--brave-accent-rgb), 0.11);
    border: 1px solid rgba(var(--brave-accent-rgb), 0.24);
}

.brave-icon--check-circle::after {
    content: "";
    width: 0.24rem;
    height: 0.5rem;
    border-right: 2px solid color-mix(in srgb, var(--brave-accent) 62%, var(--brave-text-bright));
    border-bottom: 2px solid color-mix(in srgb, var(--brave-accent) 62%, var(--brave-text-bright));
    transform: rotate(40deg) translate(-0.03rem, -0.03rem);
}

.brave-icon--smile {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 0.98rem;
    height: 0.98rem;
    flex: 0 0 0.98rem;
    border: 1.8px solid currentColor;
    border-radius: 999px;
    line-height: 1;
}

.brave-icon--smile::before,
.brave-icon--smile::after {
    content: "";
    position: absolute;
}

.brave-icon--smile::before {
    top: 0.28rem;
    left: 0.24rem;
    width: 0.12rem;
    height: 0.12rem;
    border-radius: 999px;
    background: currentColor;
    box-shadow: 0.34rem 0 0 currentColor;
}

.brave-icon--smile::after {
    left: 50%;
    bottom: 0.2rem;
    width: 0.46rem;
    height: 0.24rem;
    border-bottom: 1.8px solid currentColor;
    border-radius: 0 0 999px 999px;
    transform: translateX(-50%);
}

.brave-icon--trash {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 0.96rem;
    height: 1rem;
    flex: 0 0 0.96rem;
    line-height: 1;
    color: inherit;
}

.brave-icon--trash::before {
    content: "";
    position: absolute;
    left: 0.2rem;
    right: 0.2rem;
    top: 0.3rem;
    bottom: 0.08rem;
    border: 2px solid currentColor;
    border-top: 0;
    border-radius: 0 0 0.12rem 0.12rem;
}

.brave-icon--trash::after {
    content: "";
    position: absolute;
    left: 0.12rem;
    right: 0.12rem;
    top: 0.12rem;
    height: 0.1rem;
    background: currentColor;
    border-radius: 999px;
    box-shadow: 0 -0.11rem 0 -0.03rem currentColor;
}

.brave-view--map .brave-view__badge {
    min-width: 2.2rem;
}

.brave-view__navpad {
    display: flex;
    flex-direction: column;
    gap: 8px;
    height: 100%;
    width: 100%;
    justify-content: center;
}

.brave-view__navgrid {
    display: grid;
    width: 100%;
    max-width: 344px;
    margin: 0 auto;
    grid-template-columns: minmax(0, 1fr) minmax(112px, 0.84fr) minmax(0, 1fr);
    grid-template-rows: repeat(3, 96px);
    grid-template-areas:
        ". north ."
        "west center east"
        ". south .";
    gap: 6px;
    align-items: stretch;
}

.brave-view__navslot {
    height: 100%;
    visibility: hidden;
    pointer-events: none;
    align-self: stretch;
}

.brave-view__navcard,
.brave-view__nav-chip {
    font-family: inherit;
    border: 1px solid color-mix(in srgb, var(--brave-world-line) 70%, rgba(var(--brave-accent-rgb), 0.14));
    border-radius: var(--brave-radius-card-tight);
    background:
        radial-gradient(circle at 0 0, var(--brave-state-surface-tint-soft), transparent 46%),
        radial-gradient(circle at 100% 0, var(--brave-world-surface-tint), transparent 42%),
        linear-gradient(180deg, color-mix(in srgb, var(--brave-world-surface-tint-soft) 90%, transparent), transparent 24%),
        rgba(255, 255, 255, 0.03);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.brave-view__navcard {
    font-family: inherit;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-height: 0;
    padding: 11px 10px 9px;
    color: var(--brave-text-bright);
    text-align: center;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    overflow: hidden;
}

.brave-view__navcard:hover,
.brave-view__navcard:focus-visible,
.brave-view__nav-chip:hover,
.brave-view__nav-chip:focus-visible {
    border-color: rgba(var(--brave-accent-rgb), 0.28);
    background: rgba(255, 255, 255, 0.05);
    outline: none;
}

.brave-view__navcard-badge,
.brave-view__nav-chip-badge {
    letter-spacing: calc(var(--brave-letter-spacing) + 0.04em);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.75rem;
    min-height: 1.75rem;
    padding: 3px 6px;
    border-radius: var(--brave-radius-pill);
    background: rgba(var(--brave-accent-rgb), 0.12);
    color: color-mix(in srgb, var(--brave-accent) 58%, var(--brave-text-bright));
    font-size: calc(0.68rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    text-transform: uppercase;
}

.brave-view__navcard-badge {
    position: absolute;
    top: 12px;
    left: 50%;
    right: auto;
    transform: translateX(-50%) translateY(3px);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.35rem;
    min-height: 1.35rem;
    padding: 2px 4px;
    font-size: calc(0.58rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    text-align: center;
}

.brave-view__navcard-label {
    font-family: var(--brave-body-font-family);
    letter-spacing: var(--brave-body-letter-spacing);
    display: block;
    color: var(--brave-text-soft);
    width: 100%;
    min-width: 0;
    padding: 12px 2px 0;
    transform: translateY(2px);
    font-size: calc(0.75rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.0;
    text-align: center;
    justify-self: center;
    overflow: hidden;
    white-space: normal;
    text-overflow: clip;
}

.brave-view--room .brave-view__navcard,
.brave-view--room .brave-view__nav-chip {
    border-color: var(--brave-room-nav-border);
    background:
        radial-gradient(circle at 0 0, var(--brave-room-section-nav-glow), transparent 48%),
        radial-gradient(circle at 100% 0, color-mix(in srgb, var(--brave-accent) 5%, transparent), transparent 38%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.028), transparent 28%),
        rgba(255, 255, 255, 0.028);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.03),
        0 10px 18px rgba(0, 0, 0, 0.08);
}

.brave-view--room .brave-view__navcard:hover,
.brave-view--room .brave-view__navcard:focus-visible,
.brave-view--room .brave-view__nav-chip:hover,
.brave-view--room .brave-view__nav-chip:focus-visible {
    border-color: color-mix(in srgb, var(--brave-room-panel-border) 82%, rgba(255, 255, 255, 0.12));
    background:
        radial-gradient(circle at 0 0, color-mix(in srgb, var(--brave-room-section-nav-glow) 74%, rgba(255, 255, 255, 0.02)), transparent 48%),
        radial-gradient(circle at 100% 0, color-mix(in srgb, var(--brave-accent) 8%, transparent), transparent 38%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.03));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 14px 22px rgba(0, 0, 0, 0.12);
}

.brave-view--room .brave-view__navcard-badge,
.brave-view--room .brave-view__nav-chip-badge {
    background: var(--brave-room-nav-badge-bg);
    color: var(--brave-room-nav-badge-color);
}

.brave-view--room .brave-view__navcard-label {
    color: var(--brave-room-nav-label);
}

.brave-view__nav-chip-icon {
    color: var(--brave-accent);
    font-size: 0.9rem;
}

body[data-brave-theme="hearth"] .content,
body[data-brave-theme="hearth"] #messagewindow,
body[data-brave-theme="hearth"] .inputwrap,
body[data-brave-theme="hearth"] .scene-rail__panel,
body[data-brave-theme="hearth"] .scene-card,
body[data-brave-theme="hearth"] .brave-view__mobile-pack,
body[data-brave-theme="hearth"] .brave-view__mobile-map,
body[data-brave-theme="hearth"] .brave-view__mobile-quest,
body[data-brave-theme="hearth"] .brave-view__hero,
body[data-brave-theme="hearth"] .brave-view__section,
body[data-brave-theme="hearth"] .brave-view__entry {
    border-color: color-mix(in srgb, var(--brave-world-line) 76%, var(--brave-border));
    background:
        radial-gradient(circle at 0 0, var(--brave-state-surface-tint), transparent 48%),
        radial-gradient(circle at 100% 0, color-mix(in srgb, var(--brave-world-surface-tint-strong) 92%, rgba(255, 247, 229, 0.06)), transparent 42%),
        radial-gradient(circle at 0 100%, color-mix(in srgb, var(--brave-world-surface-tint-soft) 88%, rgba(255, 247, 229, 0.025)), transparent 34%),
        linear-gradient(180deg, color-mix(in srgb, var(--brave-world-surface-tint) 92%, rgba(255, 247, 229, 0.05)), transparent 32%),
        linear-gradient(180deg, var(--brave-surface-top), var(--brave-surface-bottom));
    box-shadow:
        inset 0 1px 0 rgba(255, 247, 229, 0.07),
        inset 0 0 0 1px rgba(255, 224, 171, 0.02),
        var(--brave-shadow);
}

body[data-brave-theme="hearth"] .minimap-overlay,
body[data-brave-theme="hearth"] .brave-view__pre {
    border-color: color-mix(in srgb, var(--brave-world-line) 76%, rgba(var(--brave-accent-rgb), 0.18));
    background:
        radial-gradient(circle at 0 0, var(--brave-state-surface-tint), transparent 48%),
        radial-gradient(circle at 100% 0, color-mix(in srgb, var(--brave-world-surface-tint-strong) 86%, rgba(255, 247, 229, 0.04)), transparent 42%),
        linear-gradient(180deg, color-mix(in srgb, var(--brave-world-surface-tint) 88%, rgba(255, 247, 229, 0.04)), transparent 28%),
        linear-gradient(180deg, var(--brave-surface-deep-top), var(--brave-surface-deep-bottom));
}

body[data-brave-theme="hearth"] .brave-view__action,
body[data-brave-theme="hearth"] .brave-view__mini-action,
body[data-brave-theme="hearth"] .brave-view__navcard,
body[data-brave-theme="hearth"] .brave-view__nav-chip {
    border-color: color-mix(in srgb, var(--brave-world-line) 74%, rgba(var(--brave-accent-rgb), 0.14));
    background:
        radial-gradient(circle at 0 0, var(--brave-state-surface-tint-soft), transparent 46%),
        radial-gradient(circle at 100% 0, var(--brave-world-surface-tint), transparent 42%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02)),
        color-mix(in srgb, var(--brave-world-surface-tint-soft) 86%, rgba(var(--brave-accent-rgb), 0.03));
}

body[data-brave-theme="hearth"] .brave-view__entry {
    box-shadow:
        inset 0 1px 0 rgba(255, 247, 229, 0.06),
        0 10px 22px rgba(0, 0, 0, 0.22);
}

body[data-brave-theme="signalglass"] .content,
body[data-brave-theme="signalglass"] #messagewindow,
body[data-brave-theme="signalglass"] .inputwrap,
body[data-brave-theme="signalglass"] .scene-rail__panel,
body[data-brave-theme="signalglass"] .scene-card,
body[data-brave-theme="signalglass"] .brave-view__mobile-pack,
body[data-brave-theme="signalglass"] .brave-view__mobile-map,
body[data-brave-theme="signalglass"] .brave-view__mobile-quest,
body[data-brave-theme="signalglass"] .brave-view__hero,
body[data-brave-theme="signalglass"] .brave-view__section,
body[data-brave-theme="signalglass"] .brave-view__entry {
    border-radius: var(--brave-radius-panel);
    border-color: color-mix(in srgb, var(--brave-world-line) 70%, rgba(var(--brave-accent-rgb), 0.12));
    background:
        radial-gradient(circle at 0 0, var(--brave-state-surface-tint), transparent 48%),
        radial-gradient(circle at 100% 0, var(--brave-world-surface-tint-strong), transparent 40%),
        linear-gradient(180deg, color-mix(in srgb, var(--brave-world-surface-tint) 98%, transparent), transparent 26%),
        linear-gradient(180deg, rgba(7, 10, 10, 0.98), rgba(2, 3, 3, 0.995)),
        linear-gradient(90deg, rgba(255, 255, 255, 0.025), transparent 12%, transparent 88%, rgba(255, 255, 255, 0.02));
    box-shadow:
        inset 0 0 0 1px rgba(var(--brave-accent-rgb), 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.02),
        0 14px 28px rgba(0, 0, 0, 0.5);
}

body[data-brave-theme="signalglass"] .brave-view__section,
body[data-brave-theme="signalglass"] .brave-view__entry,
body[data-brave-theme="signalglass"] .scene-card,
body[data-brave-theme="signalglass"] .scene-rail__panel,
body[data-brave-theme="signalglass"] .minimap-overlay,
body[data-brave-theme="signalglass"] .brave-view__pre,
body[data-brave-theme="signalglass"] .brave-view__action,
body[data-brave-theme="signalglass"] .brave-view__mini-action,
body[data-brave-theme="signalglass"] .brave-view__navcard,
body[data-brave-theme="signalglass"] .brave-view__nav-chip,
body[data-brave-theme="signalglass"] .inputfield,
body[data-brave-theme="signalglass"] #inputfield,
body[data-brave-theme="signalglass"] .inputsend,
body[data-brave-theme="signalglass"] #inputsend,
body[data-brave-theme="signalglass"] .scene-card__chip,
body[data-brave-theme="signalglass"] .brave-view__entry-icon-wrap,
body[data-brave-theme="signalglass"] .brave-view__entry-badge,
body[data-brave-theme="signalglass"] .brave-view__badge,
body[data-brave-theme="signalglass"] .brave-view__bullet,
body[data-brave-theme="signalglass"] .brave-view__mobile-pack,
body[data-brave-theme="signalglass"] .brave-view__mobile-map,
body[data-brave-theme="signalglass"] .brave-view__mobile-quest {
    border-radius: 4px;
}

body[data-brave-theme="signalglass"] .brave-view__action,
body[data-brave-theme="signalglass"] .brave-view__mini-action,
body[data-brave-theme="signalglass"] .brave-view__navcard,
body[data-brave-theme="signalglass"] .brave-view__nav-chip {
    border-color: color-mix(in srgb, var(--brave-world-line) 68%, rgba(var(--brave-accent-rgb), 0.12));
    background:
        radial-gradient(circle at 0 0, var(--brave-state-surface-tint-soft), transparent 46%),
        radial-gradient(circle at 100% 0, var(--brave-world-surface-tint-soft), transparent 42%),
        linear-gradient(180deg, var(--brave-world-surface-tint-soft), transparent 32%),
        rgba(255, 255, 255, 0.018);
    box-shadow: inset 0 0 0 1px rgba(var(--brave-accent-rgb), 0.06);
}

body[data-brave-theme="signalglass"] .inputsend,
body[data-brave-theme="signalglass"] #inputsend {
    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.08),
        0 10px 20px rgba(0, 0, 0, 0.48);
}

body[data-brave-theme="signalglass"] .content,
body[data-brave-theme="signalglass"] #messagewindow {
    padding: 16px 18px 20px;
}

body[data-brave-theme="signalglass"] .inputwrap {
    padding: 8px 10px 10px;
}

body[data-brave-theme="signalglass"] .scene-rail__panel,
body[data-brave-theme="signalglass"] .scene-card,
body[data-brave-theme="signalglass"] .brave-view__hero,
body[data-brave-theme="signalglass"] .brave-view__section {
    padding: 12px 14px 14px;
}

body[data-brave-theme="signalglass"] .brave-view__entry {
    padding: 10px 10px 8px;
    box-shadow:
        inset 0 0 0 1px rgba(var(--brave-accent-rgb), 0.05),
        0 8px 16px rgba(0, 0, 0, 0.28);
}

body[data-brave-theme="terminal"] .content,
body[data-brave-theme="terminal"] #messagewindow,
body[data-brave-theme="terminal"] .inputwrap,
body[data-brave-theme="terminal"] .scene-rail__panel,
body[data-brave-theme="terminal"] .scene-card,
body[data-brave-theme="terminal"] .brave-view__mobile-pack,
body[data-brave-theme="terminal"] .brave-view__mobile-map,
body[data-brave-theme="terminal"] .brave-view__mobile-quest,
body[data-brave-theme="terminal"] .brave-view__hero,
body[data-brave-theme="terminal"] .brave-view__section,
body[data-brave-theme="terminal"] .brave-view__entry,
body[data-brave-theme="terminal"] .minimap-overlay,
body[data-brave-theme="terminal"] .brave-view__pre {
    border-radius: 0;
    backdrop-filter: none;
    box-shadow: none;
}

body[data-brave-theme="terminal"] .content,
body[data-brave-theme="terminal"] #messagewindow,
body[data-brave-theme="terminal"] .inputwrap {
    border-color: transparent;
    background: none;
}

body[data-brave-theme="terminal"] .scene-rail__panel,
body[data-brave-theme="terminal"] .scene-card,
body[data-brave-theme="terminal"] .brave-view__mobile-pack,
body[data-brave-theme="terminal"] .brave-view__mobile-map,
body[data-brave-theme="terminal"] .brave-view__mobile-quest,
body[data-brave-theme="terminal"] .brave-view__hero,
body[data-brave-theme="terminal"] .brave-view__section,
body[data-brave-theme="terminal"] .brave-view__entry {
    border: 0;
    background: none;
}

body[data-brave-theme="terminal"] .scene-rail__panel,
body[data-brave-theme="terminal"] .scene-card,
body[data-brave-theme="terminal"] .brave-view__hero,
body[data-brave-theme="terminal"] .brave-view__section {
    padding-left: 0;
    padding-right: 0;
}

body[data-brave-theme="terminal"] .brave-view__entry {
    padding-left: 0;
    padding-right: 0;
}

body[data-brave-theme="terminal"] .minimap-overlay,
body[data-brave-theme="terminal"] .brave-view__pre {
    border: 0;
    background: none;
    padding-left: 0;
    padding-right: 0;
}

body[data-brave-theme="terminal"] .brave-view__action,
body[data-brave-theme="terminal"] .brave-view__mini-action,
body[data-brave-theme="terminal"] .brave-view__navcard,
body[data-brave-theme="terminal"] .brave-view__nav-chip,
body[data-brave-theme="terminal"] .scene-card__chip,
body[data-brave-theme="terminal"] .inputfield,
body[data-brave-theme="terminal"] #inputfield,
body[data-brave-theme="terminal"] .inputsend,
body[data-brave-theme="terminal"] #inputsend,
body[data-brave-theme="terminal"] .brave-view__entry-icon-wrap,
body[data-brave-theme="terminal"] .brave-view__entry-badge,
body[data-brave-theme="terminal"] .brave-view__badge,
body[data-brave-theme="terminal"] .brave-view__bullet,
body[data-brave-theme="terminal"] .brave-view__navcard-badge,
body[data-brave-theme="terminal"] .brave-view__nav-chip-badge,
body[data-brave-theme="terminal"] .brave-view__mobile-pack,
body[data-brave-theme="terminal"] .brave-view__mobile-map,
body[data-brave-theme="terminal"] .brave-view__mobile-quest {
    border-radius: 0;
    box-shadow: none;
}

body[data-brave-theme="terminal"] .brave-view__action,
body[data-brave-theme="terminal"] .brave-view__mini-action,
body[data-brave-theme="terminal"] .brave-view__navcard,
body[data-brave-theme="terminal"] .brave-view__nav-chip,
body[data-brave-theme="terminal"] .scene-card__chip,
body[data-brave-theme="terminal"] .brave-view__mobile-pack,
body[data-brave-theme="terminal"] .brave-view__mobile-map,
body[data-brave-theme="terminal"] .brave-view__mobile-quest {
    border-color: transparent;
    background: none;
}

body[data-brave-theme="terminal"] .inputfield,
body[data-brave-theme="terminal"] #inputfield {
    border-color: transparent;
    background: none;
}

body[data-brave-theme="terminal"] .inputsend,
body[data-brave-theme="terminal"] #inputsend {
    border-color: transparent;
    background: none;
    color: var(--brave-accent);
}

body[data-brave-theme="terminal"] .scene-rail__heading,
body[data-brave-theme="terminal"] .scene-card__eyebrow,
body[data-brave-theme="terminal"] .brave-view__eyebrow,
body[data-brave-theme="terminal"] .brave-view__section-label,
body[data-brave-theme="terminal"] .prompt {
    color: color-mix(in srgb, var(--brave-accent) 72%, var(--brave-text-dim));
}

body[data-brave-theme="terminal"] .brave-view__wordmark-text {
    color: var(--brave-accent);
    text-shadow: none;
}

body[data-brave-theme="journal"] .brave-view__wordmark-text {
    letter-spacing: calc(var(--brave-letter-spacing) + 0.14em);
    font-weight: 600;
}

body[data-brave-theme="terminal"] .brave-view__entry-icon-wrap,
body[data-brave-theme="terminal"] .brave-view__entry-badge,
body[data-brave-theme="terminal"] .brave-view__badge,
body[data-brave-theme="terminal"] .brave-view__bullet,
body[data-brave-theme="terminal"] .brave-view__navcard-badge,
body[data-brave-theme="terminal"] .brave-view__nav-chip-badge {
    background: none;
    border: 0;
}

body[data-brave-theme="terminal"] .brave-view__navcard,
body[data-brave-theme="terminal"] .brave-view__nav-chip {
    min-height: 0;
}

body[data-brave-theme="terminal"] .brave-view--room.brave-view--tone-safe .brave-view__hero,
body[data-brave-theme="terminal"] .brave-view--room.brave-view--tone-danger .brave-view__hero {
    background: none;
}

body[data-brave-theme="terminal"] .brave-view--room .brave-view__hero::before,
body[data-brave-theme="terminal"] .brave-view--room .brave-view__section::before,
body[data-brave-theme="terminal"] .brave-view--room .brave-view__entry::before {
    display: none;
}

body[data-brave-theme="terminal"] .brave-view--room .brave-view__eyebrow::after {
    background: none;
}

body[data-brave-theme="terminal"] #mobile-nav-dock .brave-view__navpad--mobile {
    border: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
    padding-left: 0;
    padding-right: 0;
}

body[data-brave-theme="campfire"] .content,
body[data-brave-theme="campfire"] #messagewindow,
body[data-brave-theme="campfire"] .inputwrap,
body[data-brave-theme="campfire"] .scene-rail__panel,
body[data-brave-theme="campfire"] .scene-card,
body[data-brave-theme="campfire"] .brave-view__mobile-pack,
body[data-brave-theme="campfire"] .brave-view__mobile-map,
body[data-brave-theme="campfire"] .brave-view__mobile-quest,
body[data-brave-theme="campfire"] .brave-view__hero,
body[data-brave-theme="campfire"] .brave-view__section,
body[data-brave-theme="campfire"] .brave-view__entry {
    border-color: color-mix(in srgb, var(--brave-world-line) 74%, var(--brave-border));
    background:
        radial-gradient(circle at 0 0, var(--brave-state-surface-tint), transparent 48%),
        radial-gradient(circle at 100% 0, color-mix(in srgb, var(--brave-world-surface-tint-strong) 92%, rgba(255, 243, 219, 0.055)), transparent 42%),
        linear-gradient(180deg, color-mix(in srgb, var(--brave-world-surface-tint) 90%, rgba(255, 243, 219, 0.05)), transparent 28%),
        linear-gradient(180deg, rgba(27, 24, 21, 0.92), rgba(7, 6, 5, 0.96));
    box-shadow:
        inset 0 1px 0 rgba(255, 244, 223, 0.06),
        0 22px 44px rgba(0, 0, 0, 0.34),
        0 0 18px rgba(var(--brave-accent-rgb), 0.05);
    backdrop-filter: blur(12px);
}

body[data-brave-theme="campfire"] .minimap-overlay,
body[data-brave-theme="campfire"] .brave-view__pre,
body[data-brave-theme="campfire"] .inputfield,
body[data-brave-theme="campfire"] #inputfield {
    border-color: color-mix(in srgb, var(--brave-world-line) 72%, rgba(var(--brave-accent-rgb), 0.16));
    background:
        radial-gradient(circle at 0 0, var(--brave-state-surface-tint-soft), transparent 46%),
        radial-gradient(circle at 100% 0, color-mix(in srgb, var(--brave-world-surface-tint) 88%, rgba(19, 17, 15, 0.09)), transparent 40%),
        linear-gradient(180deg, color-mix(in srgb, var(--brave-world-surface-tint-soft) 84%, rgba(19, 17, 15, 0.08)), transparent 26%),
        linear-gradient(180deg, rgba(19, 17, 15, 0.92), rgba(6, 5, 5, 0.98));
    backdrop-filter: blur(14px);
}

body[data-brave-theme="campfire"] .brave-view__action,
body[data-brave-theme="campfire"] .brave-view__mini-action,
body[data-brave-theme="campfire"] .brave-view__navcard,
body[data-brave-theme="campfire"] .brave-view__nav-chip,
body[data-brave-theme="campfire"] .scene-card__chip {
    box-shadow:
        inset 0 1px 0 rgba(255, 243, 219, 0.05),
        0 10px 18px rgba(0, 0, 0, 0.16);
}

body[data-brave-theme="campfire"] .scene-rail__panel,
body[data-brave-theme="campfire"] .scene-card,
body[data-brave-theme="campfire"] .brave-view__hero,
body[data-brave-theme="campfire"] .brave-view__section {
    padding: 18px 20px 18px;
}

body[data-brave-theme="campfire"] .brave-view__entry {
    padding: 14px 14px 12px;
    box-shadow:
        inset 0 1px 0 rgba(255, 243, 219, 0.05),
        0 12px 22px rgba(0, 0, 0, 0.2);
}

body[data-brave-theme="journal"] .content,
body[data-brave-theme="journal"] #messagewindow,
body[data-brave-theme="journal"] .inputwrap,
body[data-brave-theme="journal"] .scene-rail__panel,
body[data-brave-theme="journal"] .scene-card,
body[data-brave-theme="journal"] .brave-view__mobile-pack,
body[data-brave-theme="journal"] .brave-view__mobile-map,
body[data-brave-theme="journal"] .brave-view__mobile-quest,
body[data-brave-theme="journal"] .brave-view__hero,
body[data-brave-theme="journal"] .brave-view__section,
body[data-brave-theme="journal"] .brave-view__entry {
    border-color: color-mix(in srgb, var(--brave-world-line) 74%, rgba(100, 76, 43, 0.18));
    background:
        radial-gradient(circle at 0 0, var(--brave-state-surface-tint), transparent 48%),
        radial-gradient(circle at 100% 0, var(--brave-world-surface-tint-strong), transparent 42%),
        linear-gradient(180deg, var(--brave-world-surface-tint-soft), transparent 28%),
        linear-gradient(180deg, rgba(250, 244, 230, 0.98), rgba(236, 228, 209, 0.97)),
        repeating-linear-gradient(
            180deg,
            rgba(109, 83, 48, 0.035) 0,
            rgba(109, 83, 48, 0.035) 1px,
            transparent 1px,
            transparent 38px
        );
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.58),
        inset 0 0 0 1px rgba(110, 83, 49, 0.06),
        0 12px 28px rgba(100, 76, 43, 0.14);
}

body[data-brave-theme="journal"] .minimap-overlay,
body[data-brave-theme="journal"] .brave-view__pre,
body[data-brave-theme="journal"] .inputfield,
body[data-brave-theme="journal"] #inputfield {
    border-color: color-mix(in srgb, var(--brave-world-line) 74%, rgba(110, 83, 49, 0.08));
    background:
        radial-gradient(circle at 0 0, var(--brave-state-surface-tint-soft), transparent 46%),
        radial-gradient(circle at 100% 0, var(--brave-world-surface-tint), transparent 40%),
        linear-gradient(180deg, var(--brave-world-surface-tint-soft), transparent 24%),
        linear-gradient(180deg, rgba(252, 247, 238, 0.99), rgba(238, 229, 212, 0.98));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.65),
        inset 0 0 0 1px rgba(110, 83, 49, 0.08);
}

body[data-brave-theme="journal"] .brave-view__hero,
body[data-brave-theme="journal"] .scene-card,
body[data-brave-theme="journal"] .brave-view__section {
    border-color: color-mix(in srgb, rgba(var(--brave-accent-rgb), 0.22) 58%, rgba(104, 79, 46, 0.12));
}

body[data-brave-theme="journal"] .brave-view__title {
    letter-spacing: calc(var(--brave-letter-spacing) + 0.005em);
    text-transform: none;
}

body[data-brave-theme="journal"] .brave-view__eyebrow,
body[data-brave-theme="journal"] .brave-view__section-label,
body[data-brave-theme="journal"] .scene-card__eyebrow,
body[data-brave-theme="journal"] .scene-card__label {
    letter-spacing: calc(var(--brave-letter-spacing) + 0.05em);
}

body[data-brave-theme="journal"] .brave-view__action,
body[data-brave-theme="journal"] .brave-view__mini-action,
body[data-brave-theme="journal"] .brave-view__navcard,
body[data-brave-theme="journal"] .brave-view__nav-chip,
body[data-brave-theme="journal"] .scene-card__chip {
    background:
        radial-gradient(circle at 0 0, var(--brave-state-surface-tint-soft), transparent 46%),
        radial-gradient(circle at 100% 0, var(--brave-world-surface-tint-soft), transparent 42%),
        linear-gradient(180deg, var(--brave-world-surface-tint-soft), transparent 30%),
        rgba(74, 54, 27, 0.03);
    border-color: color-mix(in srgb, rgba(var(--brave-accent-rgb), 0.2) 56%, rgba(104, 79, 46, 0.12));
    box-shadow: none;
}

body[data-brave-theme="journal"] .inputsend,
body[data-brave-theme="journal"] #inputsend {
    border-color: color-mix(in srgb, rgba(var(--brave-accent-rgb), 0.24) 56%, rgba(104, 79, 46, 0.15));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.42),
        0 8px 18px rgba(100, 76, 43, 0.16);
}

body[data-brave-theme="journal"] .content,
body[data-brave-theme="journal"] #messagewindow {
    padding: 22px 24px 26px;
}

body[data-brave-theme="journal"] .scene-rail__panel,
body[data-brave-theme="journal"] .scene-card,
body[data-brave-theme="journal"] .brave-view__hero,
body[data-brave-theme="journal"] .brave-view__section {
    padding: 18px 20px 18px;
}

body[data-brave-theme="journal"] .brave-view__entry {
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.54),
        0 8px 18px rgba(100, 76, 43, 0.08);
}

body[data-brave-theme="journal"] .brave-view--journal .brave-view__actions {
    border-color: color-mix(in srgb, var(--brave-world-line) 78%, rgba(100, 76, 43, 0.18));
    background:
        linear-gradient(180deg, rgba(250, 244, 230, 0.98), rgba(237, 228, 209, 0.97));
}

body[data-brave-theme="journal"] .brave-view--journal .brave-view__action--accent {
    background: rgba(160, 123, 67, 0.12);
    color: #24190f;
}

body[data-brave-theme="journal"] .brave-view--journal .brave-view__section--tracked .brave-view__entry,
body[data-brave-theme="journal"] .brave-view--journal .brave-view__section--active .brave-view__entry,
body[data-brave-theme="journal"] .brave-view--journal .brave-view__section--archive .brave-view__list-item {
    border-color: color-mix(in srgb, var(--brave-world-line) 74%, rgba(100, 76, 43, 0.18));
    background:
        radial-gradient(circle at 0 0, var(--brave-state-surface-tint), transparent 48%),
        radial-gradient(circle at 100% 0, var(--brave-world-surface-tint-strong), transparent 42%),
        linear-gradient(180deg, var(--brave-world-surface-tint-soft), transparent 28%),
        linear-gradient(180deg, rgba(250, 244, 230, 0.98), rgba(236, 228, 209, 0.97));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.54),
        0 8px 18px rgba(100, 76, 43, 0.08);
}

body[data-brave-theme="journal"] .brave-view--room.brave-view--tone-safe .brave-view__hero {
    border-color: color-mix(in srgb, rgba(var(--brave-accent-rgb), 0.22) 56%, rgba(104, 79, 46, 0.12));
    background:
        linear-gradient(
            180deg,
            color-mix(in srgb, rgba(var(--brave-accent-rgb), 0.08) 58%, rgba(250, 244, 230, 0.98)),
            color-mix(in srgb, rgba(var(--brave-accent-rgb), 0.04) 46%, rgba(236, 228, 209, 0.97))
        );
}

body[data-brave-theme="journal"] .brave-view--room.brave-view--tone-safe .brave-view__eyebrow {
    color: color-mix(in srgb, var(--brave-accent) 46%, var(--brave-text-soft));
}

body[data-brave-theme="journal"] .brave-view--room.brave-view--tone-danger .brave-view__hero {
    border-color: color-mix(in srgb, rgba(var(--brave-accent-rgb), 0.2) 52%, rgba(104, 79, 46, 0.12));
    background:
        linear-gradient(
            180deg,
            color-mix(in srgb, rgba(var(--brave-accent-rgb), 0.07) 56%, rgba(249, 241, 228, 0.98)),
            color-mix(in srgb, rgba(var(--brave-accent-rgb), 0.03) 44%, rgba(235, 226, 207, 0.97))
        );
}

body[data-brave-theme="journal"] .brave-view--room.brave-view--tone-danger .brave-view__eyebrow {
    color: color-mix(in srgb, var(--brave-accent) 52%, var(--brave-text-soft));
}

body[data-brave-theme="journal"] .brave-view--room .brave-view__eyebrow::after {
    background: linear-gradient(90deg, rgba(104, 79, 46, 0.18), rgba(104, 79, 46, 0));
}

body[data-brave-theme="atlas"] .content,
body[data-brave-theme="atlas"] #messagewindow,
body[data-brave-theme="atlas"] .inputwrap,
body[data-brave-theme="atlas"] .scene-rail__panel,
body[data-brave-theme="atlas"] .scene-card,
body[data-brave-theme="atlas"] .brave-view__mobile-pack,
body[data-brave-theme="atlas"] .brave-view__mobile-map,
body[data-brave-theme="atlas"] .brave-view__mobile-quest,
body[data-brave-theme="atlas"] .brave-view__hero,
body[data-brave-theme="atlas"] .brave-view__section,
body[data-brave-theme="atlas"] .brave-view__entry {
    border-color: color-mix(in srgb, var(--brave-world-line) 74%, rgba(188, 202, 214, 0.12));
    background:
        radial-gradient(circle at 0 0, var(--brave-state-surface-tint), transparent 48%),
        radial-gradient(circle at 100% 0, var(--brave-world-surface-tint-strong), transparent 42%),
        linear-gradient(180deg, color-mix(in srgb, var(--brave-world-surface-tint) 96%, transparent), transparent 28%),
        linear-gradient(180deg, rgba(18, 22, 26, 0.975), rgba(6, 8, 10, 0.995));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.03),
        inset 0 0 0 1px rgba(255, 255, 255, 0.018),
        0 16px 32px rgba(0, 0, 0, 0.34);
}

body[data-brave-theme="atlas"] .brave-view__action,
body[data-brave-theme="atlas"] .brave-view__mini-action,
body[data-brave-theme="atlas"] .brave-view__navcard,
body[data-brave-theme="atlas"] .brave-view__nav-chip,
body[data-brave-theme="atlas"] .scene-card__chip {
    border-color: color-mix(in srgb, var(--brave-world-line) 72%, rgba(188, 202, 214, 0.12));
    background:
        radial-gradient(circle at 0 0, var(--brave-state-surface-tint-soft), transparent 46%),
        radial-gradient(circle at 100% 0, var(--brave-world-surface-tint-soft), transparent 42%),
        rgba(255, 255, 255, 0.02);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02);
}

body[data-brave-theme="atlas"] .brave-view__entry {
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.025),
        0 10px 20px rgba(0, 0, 0, 0.22);
}

/* Screen-specific menu surfaces must come after theme shells so they win the cascade. */
body[data-brave-scene="journal"]::after {
    background:
        radial-gradient(circle at 14% 8%, rgba(196, 151, 94, 0.16), transparent 20%),
        radial-gradient(circle at 84% 10%, rgba(236, 208, 162, 0.1), transparent 22%),
        radial-gradient(circle at 50% 100%, rgba(0, 0, 0, 0.26), transparent 34%),
        linear-gradient(180deg, rgba(52, 36, 22, 0.96), rgba(16, 12, 8, 1));
}

body[data-brave-scene="map"]::after {
    background:
        radial-gradient(circle at 12% 8%, rgba(92, 160, 180, 0.18), transparent 22%),
        radial-gradient(circle at 86% 10%, rgba(176, 216, 198, 0.1), transparent 24%),
        radial-gradient(circle at 50% 100%, rgba(0, 0, 0, 0.3), transparent 36%),
        linear-gradient(180deg, rgba(11, 21, 28, 0.96), rgba(5, 9, 12, 1));
}

body[data-brave-scene="journal"] #clientwrapper,
body[data-brave-scene="map"] #clientwrapper {
    isolation: isolate;
}

body[data-brave-scene="journal"] #clientwrapper::before,
body[data-brave-scene="map"] #clientwrapper::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    backdrop-filter: blur(12px) saturate(0.62);
    -webkit-backdrop-filter: blur(12px) saturate(0.62);
}

body[data-brave-scene="journal"] #clientwrapper::before {
    background:
        radial-gradient(circle at 16% 10%, rgba(182, 138, 87, 0.12), transparent 22%),
        radial-gradient(circle at 84% 8%, rgba(228, 199, 145, 0.06), transparent 24%),
        linear-gradient(180deg, rgba(14, 10, 7, 0.28), rgba(6, 4, 3, 0.52));
}

body[data-brave-scene="map"] #clientwrapper::before {
    background:
        radial-gradient(circle at 12% 8%, rgba(92, 160, 180, 0.12), transparent 22%),
        radial-gradient(circle at 86% 10%, rgba(176, 216, 198, 0.06), transparent 24%),
        linear-gradient(180deg, rgba(7, 12, 16, 0.28), rgba(3, 5, 7, 0.52));
}

body[data-brave-scene="journal"] .content,
body[data-brave-scene="journal"] #messagewindow,
body[data-brave-scene="journal"] .inputwrap,
body[data-brave-scene="journal"] .scene-rail,
body[data-brave-scene="map"] .content,
body[data-brave-scene="map"] #messagewindow,
body[data-brave-scene="map"] .inputwrap,
body[data-brave-scene="map"] .scene-rail {
    position: relative;
    z-index: 1;
}

body[data-brave-scene="journal"] .content,
body[data-brave-scene="journal"] #messagewindow,
body[data-brave-scene="journal"] .inputwrap {
    border-color: color-mix(in srgb, rgba(182, 138, 87, 0.28) 64%, var(--brave-border));
    background:
        radial-gradient(circle at 14% 10%, rgba(182, 138, 87, 0.14), transparent 20%),
        radial-gradient(circle at 84% 12%, rgba(228, 199, 145, 0.08), transparent 22%),
        radial-gradient(circle at 50% 100%, rgba(0, 0, 0, 0.24), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.018), transparent 18%),
        linear-gradient(180deg, rgba(48, 33, 21, 0.98), rgba(15, 11, 8, 1));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        inset 0 0 0 1px rgba(255, 255, 255, 0.012),
        var(--brave-shadow);
}

body[data-brave-scene="map"] .content,
body[data-brave-scene="map"] #messagewindow,
body[data-brave-scene="map"] .inputwrap {
    border-color: color-mix(in srgb, rgba(92, 160, 180, 0.28) 64%, var(--brave-border));
    background:
        radial-gradient(circle at 12% 8%, rgba(92, 160, 180, 0.14), transparent 22%),
        radial-gradient(circle at 86% 10%, rgba(176, 216, 198, 0.08), transparent 24%),
        radial-gradient(circle at 50% 100%, rgba(0, 0, 0, 0.28), transparent 36%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.016), transparent 16%),
        linear-gradient(180deg, rgba(13, 25, 33, 0.98), rgba(5, 9, 12, 1));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        inset 0 0 0 1px rgba(255, 255, 255, 0.012),
        var(--brave-shadow);
}

body[data-brave-scene="journal"] .brave-view--journal {
    --brave-screen-primary-rgb: 182, 138, 87;
    --brave-screen-secondary-rgb: 228, 199, 145;
    --brave-screen-title-color: #fbf0de;
    --brave-screen-copy-color: #e8d6bc;
    --brave-screen-dim-color: #c39a67;
    --brave-screen-panel-top: rgba(50, 34, 22, 0.97);
    --brave-screen-panel-bottom: rgba(17, 12, 8, 0.995);
    --brave-screen-section-top: rgba(37, 27, 18, 0.955);
    --brave-screen-section-bottom: rgba(14, 10, 7, 0.99);
    --brave-screen-entry-top: rgba(59, 42, 28, 0.92);
    --brave-screen-entry-bottom: rgba(21, 15, 10, 0.985);
}

body[data-brave-scene="map"] .brave-view--map {
    --brave-screen-primary-rgb: 92, 160, 180;
    --brave-screen-secondary-rgb: 176, 216, 198;
    --brave-screen-title-color: #eefbff;
    --brave-screen-copy-color: #d5e7eb;
    --brave-screen-dim-color: #8ebac5;
    --brave-screen-panel-top: rgba(16, 30, 38, 0.97);
    --brave-screen-panel-bottom: rgba(6, 11, 15, 0.995);
    --brave-screen-section-top: rgba(13, 22, 28, 0.955);
    --brave-screen-section-bottom: rgba(7, 11, 14, 0.99);
    --brave-screen-entry-top: rgba(20, 33, 41, 0.92);
    --brave-screen-entry-bottom: rgba(8, 12, 15, 0.985);
}

body[data-brave-scene="journal"] .brave-view--journal .brave-view__hero,
body[data-brave-scene="map"] .brave-view--map .brave-view__hero {
    border-color: rgba(var(--brave-screen-primary-rgb), 0.28);
    background:
        radial-gradient(circle at 0 0, rgba(var(--brave-screen-primary-rgb), 0.16), transparent 44%),
        radial-gradient(circle at 100% 0, rgba(var(--brave-screen-secondary-rgb), 0.1), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent 24%),
        linear-gradient(180deg, var(--brave-screen-panel-top), var(--brave-screen-panel-bottom));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 24px 46px rgba(0, 0, 0, 0.28);
}

body[data-brave-scene="journal"] .brave-view--journal .brave-view__title,
body[data-brave-scene="map"] .brave-view--map .brave-view__title {
    color: var(--brave-screen-title-color);
}

body[data-brave-scene="journal"] .brave-view--journal .brave-view__title-icon,
body[data-brave-scene="map"] .brave-view--map .brave-view__title-icon {
    color: rgb(var(--brave-screen-secondary-rgb));
}

body[data-brave-scene="journal"] .brave-view--journal .brave-view__subtitle,
body[data-brave-scene="map"] .brave-view--map .brave-view__subtitle,
body[data-brave-scene="journal"] .brave-view--journal .brave-view__entry-line,
body[data-brave-scene="journal"] .brave-view--journal .brave-view__list-text,
body[data-brave-scene="map"] .brave-view--map .brave-view__entry-line,
body[data-brave-scene="map"] .brave-view--map .brave-view__list-text {
    color: var(--brave-screen-copy-color);
}

body[data-brave-scene="journal"] .brave-view--journal .brave-view__eyebrow,
body[data-brave-scene="journal"] .brave-view--journal .brave-view__section-label,
body[data-brave-scene="map"] .brave-view--map .brave-view__eyebrow,
body[data-brave-scene="map"] .brave-view--map .brave-view__section-label {
    color: var(--brave-screen-dim-color);
}

body[data-brave-scene="journal"] .brave-view--journal .brave-view__eyebrow-icon,
body[data-brave-scene="journal"] .brave-view--journal .brave-view__section-icon,
body[data-brave-scene="map"] .brave-view--map .brave-view__eyebrow-icon,
body[data-brave-scene="map"] .brave-view--map .brave-view__section-icon {
    color: rgb(var(--brave-screen-secondary-rgb));
}

body[data-brave-scene="journal"] .brave-view--journal .brave-view__section,
body[data-brave-scene="map"] .brave-view--map .brave-view__section:not(.brave-view__section--pre) {
    border-color: rgba(var(--brave-screen-primary-rgb), 0.22);
    background:
        radial-gradient(circle at 0 0, rgba(var(--brave-screen-primary-rgb), 0.12), transparent 48%),
        radial-gradient(circle at 100% 0, rgba(var(--brave-screen-secondary-rgb), 0.08), transparent 38%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.022), transparent 20%),
        linear-gradient(180deg, var(--brave-screen-section-top), var(--brave-screen-section-bottom));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.035),
        0 16px 30px rgba(0, 0, 0, 0.22);
}

body[data-brave-scene="journal"] .brave-view--journal .brave-view__entry,
body[data-brave-scene="journal"] .brave-view--journal .brave-view__section--archive .brave-view__list-item,
body[data-brave-scene="map"] .brave-view--map .brave-view__entry,
body[data-brave-scene="map"] .brave-view--map .brave-view__section--list .brave-view__list-item {
    border: 1px solid rgba(var(--brave-screen-primary-rgb), 0.22);
    border-radius: var(--brave-radius-card-tight);
    background:
        radial-gradient(circle at 0 0, rgba(var(--brave-screen-primary-rgb), 0.11), transparent 46%),
        radial-gradient(circle at 100% 0, rgba(var(--brave-screen-secondary-rgb), 0.06), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.028), transparent 22%),
        linear-gradient(180deg, var(--brave-screen-entry-top), var(--brave-screen-entry-bottom));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.03),
        0 10px 20px rgba(0, 0, 0, 0.18);
}

body[data-brave-scene="journal"] .brave-view--journal .brave-view__entry-title,
body[data-brave-scene="map"] .brave-view--map .brave-view__entry-title {
    color: var(--brave-screen-title-color);
}

body[data-brave-scene="journal"] .brave-view--journal .brave-view__entry-meta,
body[data-brave-scene="map"] .brave-view--map .brave-view__entry-meta {
    color: var(--brave-screen-dim-color);
}

body[data-brave-scene="journal"] .brave-view--journal .brave-view__entry-icon-wrap,
body[data-brave-scene="journal"] .brave-view--journal .brave-view__entry-badge,
body[data-brave-scene="journal"] .brave-view--journal .brave-view__bullet,
body[data-brave-scene="map"] .brave-view--map .brave-view__entry-icon-wrap,
body[data-brave-scene="map"] .brave-view--map .brave-view__entry-badge,
body[data-brave-scene="map"] .brave-view--map .brave-view__bullet,
body[data-brave-scene="map"] .brave-view--map .scene-card__chip {
    border-color: rgba(var(--brave-screen-primary-rgb), 0.22);
    background: rgba(var(--brave-screen-primary-rgb), 0.14);
    color: color-mix(in srgb, rgb(var(--brave-screen-secondary-rgb)) 74%, var(--brave-screen-title-color));
}

body[data-brave-scene="journal"] .brave-view--journal .brave-view__action,
body[data-brave-scene="map"] .brave-view--map .brave-view__action {
    border-color: rgba(var(--brave-screen-primary-rgb), 0.24);
    background:
        linear-gradient(180deg, rgba(var(--brave-screen-primary-rgb), 0.14), rgba(255, 255, 255, 0.02)),
        linear-gradient(180deg, rgba(20, 24, 29, 0.94), rgba(8, 10, 14, 0.99));
    color: var(--brave-screen-copy-color);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.03),
        0 10px 20px rgba(0, 0, 0, 0.16);
}

body[data-brave-scene="journal"] .brave-view--journal .brave-view__action-icon,
body[data-brave-scene="map"] .brave-view--map .brave-view__action-icon {
    color: rgb(var(--brave-screen-secondary-rgb));
}

body[data-brave-scene="journal"] .brave-view--journal .brave-view__action--accent,
body[data-brave-scene="map"] .brave-view--map .brave-view__action--accent {
    border-color: rgba(var(--brave-screen-secondary-rgb), 0.28);
    background:
        linear-gradient(180deg, rgba(var(--brave-screen-secondary-rgb), 0.2), rgba(var(--brave-screen-primary-rgb), 0.12)),
        linear-gradient(180deg, rgba(27, 31, 37, 0.94), rgba(9, 11, 15, 0.99));
    color: var(--brave-screen-title-color);
}

body[data-brave-scene="journal"] .brave-view--journal .brave-view__action--muted,
body[data-brave-scene="map"] .brave-view--map .brave-view__action--muted {
    border-color: rgba(var(--brave-screen-primary-rgb), 0.16);
    color: var(--brave-screen-dim-color);
}

body[data-brave-scene="journal"] .brave-view--journal .brave-view__action:focus-visible,
body[data-brave-scene="journal"] .brave-view--journal .brave-click--row:focus-visible,
body[data-brave-scene="map"] .brave-view--map .brave-view__action:focus-visible,
body[data-brave-scene="map"] .brave-view--map .brave-click--row:focus-visible {
    border-color: rgba(var(--brave-screen-secondary-rgb), 0.32);
    box-shadow: 0 0 0 1px rgba(var(--brave-screen-secondary-rgb), 0.14);
}

@media (hover: hover) and (pointer: fine) {
    body[data-brave-scene="journal"] .brave-view--journal .brave-view__action:hover,
    body[data-brave-scene="journal"] .brave-view--journal .brave-click--row:hover,
    body[data-brave-scene="map"] .brave-view--map .brave-view__action:hover,
    body[data-brave-scene="map"] .brave-view--map .brave-click--row:hover {
        border-color: rgba(var(--brave-screen-secondary-rgb), 0.28);
        background:
            radial-gradient(circle at 0 0, rgba(var(--brave-screen-primary-rgb), 0.14), transparent 46%),
            linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.02));
        box-shadow:
            0 0 0 1px rgba(var(--brave-screen-secondary-rgb), 0.08),
            0 12px 22px rgba(0, 0, 0, 0.16);
    }
}

body[data-brave-scene="journal"] .brave-view--journal .brave-view__section--switcher .brave-view__actions {
    border-color: rgba(var(--brave-screen-primary-rgb), 0.24);
    background:
        linear-gradient(180deg, rgba(var(--brave-screen-primary-rgb), 0.14), rgba(255, 255, 255, 0.02)),
        linear-gradient(180deg, rgba(38, 28, 18, 0.94), rgba(13, 10, 7, 0.98));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.03),
        0 12px 22px rgba(0, 0, 0, 0.14);
}

body[data-brave-scene="journal"] .brave-view--journal .brave-view__section--switcher .brave-view__action {
    color: var(--brave-screen-dim-color);
}

body[data-brave-scene="journal"] .brave-view--journal .brave-view__section--switcher .brave-view__action--accent {
    background:
        linear-gradient(180deg, rgba(var(--brave-screen-secondary-rgb), 0.18), rgba(var(--brave-screen-primary-rgb), 0.08)),
        linear-gradient(180deg, rgba(52, 37, 23, 0.92), rgba(16, 11, 8, 0.98));
    color: var(--brave-screen-title-color);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

body[data-brave-scene="journal"] .brave-view--journal .brave-view__section--tracked {
    border-color: rgba(var(--brave-screen-primary-rgb), 0.24);
    background:
        radial-gradient(circle at 0 0, rgba(var(--brave-screen-primary-rgb), 0.16), transparent 48%),
        radial-gradient(circle at 100% 0, rgba(var(--brave-screen-secondary-rgb), 0.08), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.025), transparent 24%),
        linear-gradient(180deg, rgba(42, 30, 20, 0.95), rgba(15, 11, 8, 0.99));
}

body[data-brave-scene="journal"] .brave-view--journal .brave-view__section--tracked .brave-view__entry {
    border-color: rgba(var(--brave-screen-secondary-rgb), 0.26);
    background:
        radial-gradient(circle at 0 0, rgba(var(--brave-screen-primary-rgb), 0.18), transparent 46%),
        radial-gradient(circle at 100% 0, rgba(var(--brave-screen-secondary-rgb), 0.1), transparent 32%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 24%),
        linear-gradient(180deg, rgba(60, 43, 28, 0.94), rgba(21, 15, 10, 0.99));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 14px 26px rgba(0, 0, 0, 0.18);
}

body[data-brave-scene="map"] .brave-view--map .brave-view__section--pre .brave-view__section-label {
    color: color-mix(in srgb, rgb(var(--brave-screen-secondary-rgb)) 46%, var(--brave-screen-copy-color));
    text-shadow: 0 0 18px rgba(var(--brave-screen-primary-rgb), 0.18);
}

body[data-brave-scene="map"] .brave-view--map .brave-view__pre--map {
    border-color: rgba(var(--brave-screen-primary-rgb), 0.3);
    background:
        radial-gradient(circle at 50% 18%, rgba(var(--brave-screen-primary-rgb), 0.16), transparent 42%),
        radial-gradient(circle at 8% 0, rgba(var(--brave-screen-secondary-rgb), 0.08), transparent 32%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.02), transparent 18%),
        linear-gradient(180deg, rgba(12, 23, 29, 0.985), rgba(5, 9, 12, 0.995));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.03),
        inset 0 0 0 1px rgba(255, 255, 255, 0.015),
        0 22px 36px rgba(0, 0, 0, 0.28);
    color: color-mix(in srgb, rgb(var(--brave-screen-secondary-rgb)) 30%, var(--brave-screen-copy-color));
    scrollbar-color: rgba(var(--brave-screen-primary-rgb), 0.82) rgba(255, 255, 255, 0.06);
}

body[data-brave-scene="map"] .brave-view--map .brave-view__pre--map::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, rgba(var(--brave-screen-secondary-rgb), 0.86), rgba(var(--brave-screen-primary-rgb), 0.64));
    border: 2px solid rgba(var(--brave-screen-primary-rgb), 0.14);
}

body[data-brave-scene="map"] .brave-view--map .brave-view__map-cell--room::before {
    border-color: rgba(var(--brave-screen-primary-rgb), 0.22);
    background: linear-gradient(180deg, rgba(var(--brave-screen-secondary-rgb), 0.1), rgba(var(--brave-screen-primary-rgb), 0.06));
}

body[data-brave-scene="map"] .brave-view--map .brave-view__map-cell--current::before {
    background: linear-gradient(180deg, rgba(var(--brave-screen-primary-rgb), 0.4), rgba(var(--brave-screen-primary-rgb), 0.18));
    border-color: rgba(var(--brave-screen-primary-rgb), 0.46);
}

body[data-brave-scene="map"] .brave-view--map .brave-view__map-cell--party::before {
    background: linear-gradient(180deg, rgba(var(--brave-screen-secondary-rgb), 0.3), rgba(var(--brave-screen-secondary-rgb), 0.14));
    border-color: rgba(var(--brave-screen-secondary-rgb), 0.42);
}

body[data-brave-scene="combat"] .content,
body[data-brave-scene="combat"] #messagewindow,
body[data-brave-scene="combat"] .inputwrap {
    border-color: rgba(169, 106, 92, 0.3);
    background:
        radial-gradient(circle at 12% 0, rgba(159, 90, 76, 0.12), transparent 22%),
        radial-gradient(circle at 86% 8%, rgba(76, 111, 130, 0.1), transparent 24%),
        radial-gradient(circle at 50% 100%, rgba(0, 0, 0, 0.28), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.018), transparent 18%),
        linear-gradient(180deg, rgba(17, 21, 29, 0.98), rgba(9, 11, 16, 1));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        inset 0 0 0 1px rgba(255, 255, 255, 0.015),
        var(--brave-shadow);
}

body[data-brave-scene="explore"] .content,
body[data-brave-scene="explore"] #messagewindow,
body[data-brave-scene="explore"] .inputwrap {
    border-color: color-mix(in srgb, rgba(var(--brave-accent-rgb), 0.24) 62%, var(--brave-border));
    background:
        radial-gradient(circle at 16% 10%, color-mix(in srgb, var(--brave-accent) 10%, transparent), transparent 18%),
        radial-gradient(circle at 68% 14%, color-mix(in srgb, var(--brave-good) 7%, transparent), transparent 20%),
        radial-gradient(circle at 50% 100%, rgba(0, 0, 0, 0.22), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.018), transparent 18%),
        linear-gradient(180deg, color-mix(in srgb, var(--brave-world-surface-tint) 94%, transparent), transparent 30%),
        linear-gradient(180deg, var(--brave-surface-top), var(--brave-surface-bottom));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        inset 0 0 0 1px rgba(255, 255, 255, 0.015),
        var(--brave-shadow);
}

body[data-brave-scene="explore"] .scene-rail__panel,
body[data-brave-scene="explore"] .scene-card,
body[data-brave-scene="explore"] .brave-view__hero,
body[data-brave-scene="explore"] .brave-view__section,
body[data-brave-scene="explore"] .brave-view__entry {
    border-color: color-mix(in srgb, rgba(var(--brave-accent-rgb), 0.22) 64%, var(--brave-world-line));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 18px 34px rgba(0, 0, 0, 0.22),
        0 0 0 1px rgba(var(--brave-accent-rgb), 0.03);
}

body[data-brave-scene="explore"] .scene-rail__panel,
body[data-brave-scene="explore"] .scene-card {
    background:
        radial-gradient(circle at 0 0, color-mix(in srgb, var(--brave-accent) 8%, transparent), transparent 44%),
        radial-gradient(circle at 100% 0, color-mix(in srgb, var(--brave-good) 6%, transparent), transparent 38%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.026), transparent 24%),
        linear-gradient(180deg, var(--brave-surface-well-top), var(--brave-surface-well-bottom));
}

body[data-brave-scene="explore"] .minimap-overlay {
    border-color: color-mix(in srgb, rgba(var(--brave-accent-rgb), 0.2) 62%, var(--brave-world-line));
    background:
        radial-gradient(circle at 0 0, color-mix(in srgb, var(--brave-good) 8%, transparent), transparent 46%),
        radial-gradient(circle at 100% 100%, color-mix(in srgb, var(--brave-accent) 6%, transparent), transparent 36%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.022), transparent 22%),
        linear-gradient(180deg, var(--brave-surface-deep-top), var(--brave-surface-deep-bottom));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 14px 28px rgba(0, 0, 0, 0.18);
}

@media screen and (min-width: 1100px) {
    body[data-brave-scene="explore"] .scene-rail {
        bottom: 152px;
        height: auto;
        max-height: none;
    }
}

body[data-brave-scene="combat"] #messagewindow {
    padding-top: 16px;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

body[data-brave-scene="combat"] #messagewindow > .brave-sticky-view {
    width: 100%;
    margin-bottom: 12px;
    position: relative;
    top: auto;
    flex: 1 1 auto;
    min-height: 0;
    padding-bottom: 0;
}

body[data-brave-scene="combat"] #messagewindow > .brave-sticky-view > .brave-view--combat {
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

body[data-brave-scene="combat"] .brave-view--combat .brave-view__sections {
    flex: 1 1 auto;
    min-height: 0;
    align-items: stretch;
}

body[data-brave-scene="combat"] .brave-view--combat .brave-view__section {
    min-height: 0;
}

body[data-brave-scene="combat"] .brave-view--combat .brave-click--row {
    transition:
        border-color 120ms ease,
        background-color 120ms ease,
        box-shadow 120ms ease,
        filter 120ms ease;
}

body[data-brave-scene="combat"] .brave-view--combat .brave-click--row:active {
    transform: none;
}

@media screen and (min-width: 901px) {
    body[data-brave-scene="combat"] .brave-view--combat .brave-view__section--party,
    body[data-brave-scene="combat"] .brave-view--combat .brave-view__section--targets {
        display: flex;
        flex-direction: column;
    }

    body[data-brave-scene="combat"] .brave-view--combat .brave-view__section--party .brave-view__entries,
    body[data-brave-scene="combat"] .brave-view--combat .brave-view__section--targets .brave-view__entries {
        flex: 1 1 auto;
        overflow-y: auto;
        overscroll-behavior: contain;
        padding-right: 4px;
        scrollbar-gutter: stable;
        scrollbar-width: thin;
        scrollbar-color: rgba(221, 148, 119, 0.72) rgba(32, 22, 20, 0.42);
    }

    body[data-brave-scene="combat"] .brave-view--combat .brave-view__section--party .brave-view__entry-cluster {
        height: 208px;
        min-height: 208px;
        max-height: 208px;
        overflow: hidden;
        contain: layout paint;
    }

    body[data-brave-scene="combat"] .brave-view--combat .brave-view__section--party .brave-view__entry-cluster > .brave-view__entry,
    body[data-brave-scene="combat"] .brave-view--combat .brave-view__section--party .brave-view__entry-sidecars,
    body[data-brave-scene="combat"] .brave-view--combat .brave-view__section--party .brave-view__entry-sidecar {
        height: 100%;
        min-height: 0;
        max-height: 100%;
    }

    body[data-brave-scene="combat"] .brave-view--combat .brave-view__section--party.brave-view__section--compact .brave-view__entries {
        grid-auto-rows: 164px;
    }

    body[data-brave-scene="combat"] .brave-view--combat .brave-view__section--party.brave-view__section--compact .brave-view__entries > .brave-view__entry,
    body[data-brave-scene="combat"] .brave-view--combat .brave-view__section--party.brave-view__section--compact .brave-view__entries > .brave-view__entry-cluster {
        height: 164px;
        min-height: 164px;
        max-height: 164px;
    }

    body[data-brave-scene="combat"] .brave-view--combat .brave-view__section--party .brave-view__entries::-webkit-scrollbar,
    body[data-brave-scene="combat"] .brave-view--combat .brave-view__section--targets .brave-view__entries::-webkit-scrollbar {
        width: 8px;
    }

    body[data-brave-scene="combat"] .brave-view--combat .brave-view__section--party .brave-view__entries::-webkit-scrollbar-track,
    body[data-brave-scene="combat"] .brave-view--combat .brave-view__section--targets .brave-view__entries::-webkit-scrollbar-track {
        border-radius: 999px;
        background: rgba(32, 22, 20, 0.5);
    }

    body[data-brave-scene="combat"] .brave-view--combat .brave-view__section--party .brave-view__entries::-webkit-scrollbar-thumb,
    body[data-brave-scene="combat"] .brave-view--combat .brave-view__section--targets .brave-view__entries::-webkit-scrollbar-thumb {
        border-radius: 999px;
        border: 1px solid rgba(255, 231, 214, 0.12);
        background: linear-gradient(180deg, rgba(239, 176, 141, 0.9), rgba(177, 97, 72, 0.84));
    }
}

body[data-brave-scene="combat"] .brave-combat-log {
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
    gap: 8px;
    padding: 10px 10px 8px;
    border: 1px solid rgba(169, 106, 92, 0.22);
    border-radius: var(--brave-radius-card);
    background:
        radial-gradient(circle at 0 0, rgba(159, 90, 76, 0.08), transparent 42%),
        radial-gradient(circle at 100% 0, rgba(76, 111, 130, 0.07), transparent 38%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.025), transparent 22%),
        linear-gradient(180deg, rgba(17, 21, 29, 0.98), rgba(9, 11, 16, 1));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 18px 32px rgba(0, 0, 0, 0.24);
}

body[data-brave-scene="combat"] .brave-combat-log__head {
    color: #d4b49d;
    font-size: calc(0.66rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    letter-spacing: calc(var(--brave-letter-spacing) + 0.08em);
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 6px;
}

body[data-brave-scene="combat"] .brave-combat-log__head::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: rgba(221, 148, 119, 0.8);
    box-shadow: 0 0 10px rgba(221, 148, 119, 0.3);
}

body[data-brave-scene="combat"] .brave-combat-log__body {
    display: flex;
    flex-direction: column;
    gap: 6px;
    max-height: calc(1.62em * 4 + 2.4rem);
    min-height: calc(1.62em * 2 + 1.2rem);
    overflow-y: auto;
    overscroll-behavior: contain;
    padding-right: 6px;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-color: rgba(221, 148, 119, 0.78) rgba(32, 22, 20, 0.5);
}

@media screen and (min-width: 901px) {
    body[data-brave-scene="combat"] .brave-combat-log__body {
        flex: 1 1 auto;
        max-height: none;
        min-height: 0;
    }
}

body[data-brave-scene="combat"] .brave-combat-log__body::-webkit-scrollbar {
    width: 8px;
}

body[data-brave-scene="combat"] .brave-combat-log__body::-webkit-scrollbar-track {
    border-radius: 999px;
    background:
        linear-gradient(180deg, rgba(77, 51, 42, 0.82), rgba(32, 22, 20, 0.7));
    border: 1px solid rgba(172, 106, 82, 0.16);
}

body[data-brave-scene="combat"] .brave-combat-log__body::-webkit-scrollbar-thumb {
    border-radius: 999px;
    border: 1px solid rgba(255, 231, 214, 0.12);
    background:
        linear-gradient(180deg, rgba(239, 176, 141, 0.92), rgba(177, 97, 72, 0.88));
    box-shadow:
        inset 0 0 0 1px rgba(255, 231, 214, 0.08),
        0 0 10px rgba(138, 66, 44, 0.18);
}

body[data-brave-scene="combat"] .brave-combat-log__body::-webkit-scrollbar-thumb:hover {
    background:
        linear-gradient(180deg, rgba(247, 191, 159, 0.96), rgba(194, 108, 80, 0.92));
}

body[data-brave-scene="combat"] .brave-combat-log__body > .out,
body[data-brave-scene="combat"] .brave-combat-log__body > .msg,
body[data-brave-scene="combat"] .brave-combat-log__body > .err {
    margin-top: 0;
    padding: 8px 10px;
    border: 1px solid color-mix(in srgb, rgba(var(--brave-accent-rgb), 0.16) 62%, var(--brave-world-line));
    border-radius: var(--brave-radius-card-tight);
    background:
        radial-gradient(circle at 0 0, rgba(164, 101, 87, 0.1), transparent 50%),
        radial-gradient(circle at 100% 0, rgba(73, 109, 127, 0.08), transparent 42%),
        linear-gradient(180deg, color-mix(in srgb, var(--brave-panel-soft) 88%, transparent), color-mix(in srgb, var(--brave-panel-deep) 90%, transparent));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 12px 24px rgba(0, 0, 0, 0.18);
    font-size: calc(0.92rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.45;
}

body[data-brave-scene="combat"] .brave-combat-log__body > .err {
    border-color: rgba(213, 138, 118, 0.34);
}

body[data-brave-scene="combat"] .brave-combat-log__body > .brave-combat-log__entry--action {
    position: relative;
    padding: 9px 12px 9px 14px;
    border-color: rgba(228, 177, 121, 0.34);
    background:
        linear-gradient(90deg, rgba(230, 168, 98, 0.2), rgba(230, 168, 98, 0.03) 22%, transparent 58%),
        radial-gradient(circle at 100% 0, rgba(112, 151, 188, 0.14), transparent 42%),
        linear-gradient(180deg, rgba(41, 27, 21, 0.96), rgba(19, 14, 12, 0.98));
    box-shadow:
        inset 0 1px 0 rgba(255, 237, 214, 0.08),
        inset 3px 0 0 rgba(232, 177, 110, 0.82),
        0 14px 28px rgba(0, 0, 0, 0.24);
    color: #f6ddc3;
    font-weight: 700;
    letter-spacing: 0.015em;
}

body[data-brave-scene="combat"] .brave-combat-log__body > .brave-combat-log__entry--action::before {
    content: "";
    position: absolute;
    left: 9px;
    top: 50%;
    width: 6px;
    height: 6px;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(255, 214, 156, 0.98), rgba(230, 152, 74, 0.94));
    box-shadow: 0 0 10px rgba(230, 152, 74, 0.36);
    transform: translateY(-50%);
}

body[data-brave-scene="combat"] .scene-rail__panel,
body[data-brave-scene="combat"] .scene-card,
body[data-brave-scene="combat"] .brave-view__hero,
body[data-brave-scene="combat"] .brave-view__section,
body[data-brave-scene="combat"] .brave-view__entry {
    border-color: rgba(169, 106, 92, 0.22);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 18px 36px rgba(0, 0, 0, 0.3),
        0 0 0 1px rgba(var(--brave-accent-rgb), 0.06);
}

body[data-brave-scene="combat"] .scene-rail__panel,
body[data-brave-scene="combat"] .scene-card {
    background:
        radial-gradient(circle at 0 0, rgba(159, 90, 76, 0.1), transparent 40%),
        radial-gradient(circle at 100% 0, rgba(76, 111, 130, 0.08), transparent 38%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent 22%),
        linear-gradient(180deg, rgba(17, 21, 29, 0.98), rgba(9, 11, 16, 1));
}

body[data-brave-danger="danger"] {
    --brave-state-surface-tint: color-mix(in srgb, var(--brave-room-danger-top) 82%, transparent);
    --brave-state-surface-tint-soft: color-mix(in srgb, var(--brave-room-danger-border) 86%, transparent);
}

body[data-brave-danger="danger"] .content,
body[data-brave-danger="danger"] #messagewindow,
body[data-brave-danger="danger"] .inputwrap,
body[data-brave-danger="danger"] .scene-rail__panel,
body[data-brave-danger="danger"] .scene-card,
body[data-brave-danger="danger"] .minimap-overlay,
body[data-brave-danger="danger"] .brave-view__mobile-pack,
body[data-brave-danger="danger"] .brave-view__mobile-map,
body[data-brave-danger="danger"] .brave-view__mobile-quest,
body[data-brave-danger="danger"] .brave-view__section,
body[data-brave-danger="danger"] .brave-view__entry,
body[data-brave-danger="danger"] .brave-view__navcard,
body[data-brave-danger="danger"] .brave-view__nav-chip,
body[data-brave-danger="danger"] .brave-view__action,
body[data-brave-danger="danger"] .brave-view__mini-action,
body[data-brave-danger="danger"] .inputfield,
body[data-brave-danger="danger"] #inputfield {
    border-color: color-mix(in srgb, var(--brave-room-danger-border) 74%, rgba(var(--brave-accent-rgb), 0.16));
}

body[data-brave-danger="danger"] .scene-rail__heading-icon,
body[data-brave-danger="danger"] .scene-card__eyebrow-icon,
body[data-brave-danger="danger"] .brave-view__section-icon,
body[data-brave-danger="danger"] .brave-view__pair-icon,
body[data-brave-danger="danger"] .brave-view__entry-icon-wrap,
body[data-brave-danger="danger"] .brave-view__entry-badge,
body[data-brave-danger="danger"] .brave-view__badge,
body[data-brave-danger="danger"] .brave-view__bullet,
body[data-brave-danger="danger"] .brave-view__navcard-badge,
body[data-brave-danger="danger"] .brave-view__nav-chip-badge {
    color: var(--brave-room-danger-icon);
}

body[data-brave-danger="danger"] .brave-view--room .brave-view__section,
body[data-brave-danger="combat"] .brave-view--combat .brave-view__section {
    border-color: rgba(var(--brave-accent-rgb), 0.18);
}

body[data-brave-boss="true"] .brave-view--combat .brave-view__hero,
body[data-brave-boss="true"] .brave-view--combat .brave-view__section {
    border-color: rgba(var(--brave-accent-rgb), 0.26);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 22px 42px rgba(0, 0, 0, 0.34),
        0 0 0 1px rgba(var(--brave-accent-rgb), 0.09);
}

body[data-brave-scene="victory"] .content,
body[data-brave-scene="victory"] #messagewindow,
body[data-brave-scene="victory"] .inputwrap {
    border-color: rgba(var(--brave-accent-rgb), 0.26);
}

body[data-brave-scene="victory"] .brave-view__hero {
    background:
        linear-gradient(
            180deg,
            color-mix(in srgb, rgba(var(--brave-accent-rgb), 0.18) 70%, var(--brave-surface-soft-top)),
            color-mix(in srgb, rgba(var(--brave-accent-rgb), 0.08) 68%, var(--brave-surface-soft-bottom))
        );
}

body[data-brave-scene="victory"] .brave-view--combat-result .brave-view__section {
    border-color: color-mix(in srgb, rgba(var(--brave-accent-rgb), 0.18) 58%, var(--brave-world-line));
}

body[data-brave-scene="defeat"] .content,
body[data-brave-scene="defeat"] #messagewindow,
body[data-brave-scene="defeat"] .inputwrap {
    border-color: color-mix(in srgb, var(--brave-room-danger-border) 64%, rgba(var(--brave-accent-rgb), 0.16));
}

body[data-brave-scene="defeat"] .brave-view__hero {
    background:
        linear-gradient(
            180deg,
            color-mix(in srgb, var(--brave-room-danger-surface) 54%, var(--brave-surface-soft-top)),
            color-mix(in srgb, rgba(28, 25, 23, 0.24) 52%, var(--brave-surface-soft-bottom))
        );
}

body[data-brave-scene="defeat"] .brave-view--combat-result .brave-view__section {
    border-color: color-mix(in srgb, var(--brave-room-danger-border) 56%, var(--brave-world-line));
}

body[data-brave-scene="arcade"] .content,
body[data-brave-scene="arcade"] #messagewindow,
body[data-brave-scene="arcade"] .inputwrap {
    border-color: rgba(112, 220, 255, 0.2);
}

body[data-brave-scene="arcade"] .scene-rail__panel,
body[data-brave-scene="arcade"] .scene-card,
body[data-brave-scene="arcade"] .brave-view__hero,
body[data-brave-scene="arcade"] .brave-view__section,
body[data-brave-scene="arcade"] .brave-view__entry {
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 18px 36px rgba(0, 0, 0, 0.32),
        0 0 0 1px rgba(112, 220, 255, 0.04);
}

@keyframes brave-tone-shift-overlay {
    0% {
        opacity: 0.18;
        filter: saturate(1.18) brightness(1.04);
    }
    100% {
        opacity: 0;
        filter: saturate(1) brightness(1);
    }
}

@keyframes brave-theme-shift-overlay {
    0% {
        opacity: 0.32;
        filter: saturate(1.06) brightness(1.05);
    }
    100% {
        opacity: 0;
        filter: saturate(1) brightness(1);
    }
}

@keyframes brave-theme-shift-surface {
    0% {
        opacity: 0.82;
        transform: translateY(10px) scale(0.99);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes brave-scene-shift-surface {
    0% {
        opacity: 0.9;
        transform: translateY(7px) scale(0.995);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes brave-combat-enter-surface {
    0% { transform: translateX(0); }
    18% { transform: translateX(-7px); }
    38% { transform: translateX(5px); }
    58% { transform: translateX(-3px); }
    100% { transform: translateX(0); }
}

body.brave-tone-shift::after {
    opacity: 0;
    animation: brave-tone-shift-overlay 260ms ease;
}

body.brave-theme-shift::before {
    animation: brave-theme-shift-overlay 320ms ease;
}

body.brave-theme-shift .content,
body.brave-theme-shift #messagewindow,
body.brave-theme-shift .inputwrap,
body.brave-theme-shift .scene-rail__panel,
body.brave-theme-shift .scene-card,
body.brave-theme-shift .brave-view__hero,
body.brave-theme-shift .brave-view__section,
body.brave-theme-shift .brave-view__entry {
    animation: brave-theme-shift-surface 280ms cubic-bezier(0.21, 0.77, 0.23, 1);
}

body.brave-scene-shift .content,
body.brave-scene-shift #messagewindow,
body.brave-scene-shift .inputwrap {
    animation: brave-scene-shift-surface 220ms ease;
}

body.brave-scene-combat-enter .content,
body.brave-scene-combat-enter #messagewindow,
body.brave-scene-combat-enter .inputwrap {
    animation: brave-combat-enter-surface 240ms cubic-bezier(0.22, 0.74, 0.22, 1);
}

#brave-combat-transition {
    position: fixed;
    inset: 0;
    z-index: 1200;
    pointer-events: auto;
    overflow: hidden;
    opacity: 1;
    transition: opacity 300ms ease;
}

#brave-combat-transition.brave-combat-transition--out {
    opacity: 0;
}

#brave-combat-transition.brave-combat-transition--return {
    z-index: 1180;
}

#brave-region-transition {
    position: fixed;
    inset: 0;
    z-index: 1190;
    pointer-events: none;
    overflow: hidden;
}

.brave-region-transition__veil {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 50% 32%, rgba(var(--brave-accent-rgb), 0.08), transparent 34%),
        linear-gradient(180deg, rgba(3, 4, 6, 0), rgba(3, 4, 6, 0.96) 26%, rgba(3, 4, 6, 0.98) 74%, rgba(3, 4, 6, 0));
    animation: brave-region-transition-veil 1240ms cubic-bezier(0.16, 0.84, 0.18, 1) forwards;
}

.brave-region-transition__titlecard {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 24px;
    text-align: center;
    animation: brave-region-transition-title 1240ms cubic-bezier(0.16, 0.84, 0.18, 1) forwards;
}

.brave-region-transition__eyebrow {
    letter-spacing: calc(var(--brave-letter-spacing) + 0.18em);
    color: color-mix(in srgb, var(--brave-accent) 72%, var(--brave-text-soft));
    font-size: calc(0.72rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    text-transform: uppercase;
}

.brave-region-transition__title {
    max-width: min(92vw, 22ch);
    color: var(--brave-text-bright);
    font-family: var(--brave-dialogue-font-family);
    font-size: clamp(1.8rem, 4vw, 3.4rem);
    line-height: 0.98;
    text-transform: uppercase;
    text-shadow:
        0 0 18px rgba(var(--brave-accent-rgb), 0.14),
        0 10px 32px rgba(0, 0, 0, 0.46);
}

.brave-combat-transition__wash {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 50% 38%, rgba(255, 206, 128, 0.18), transparent 18%),
        radial-gradient(circle at 50% 50%, rgba(134, 26, 18, 0.46), transparent 42%),
        linear-gradient(180deg, rgba(18, 8, 10, 0.44), rgba(4, 4, 6, 0.96));
    backdrop-filter: blur(12px) saturate(0.62);
    animation: brave-combat-transition-wash 1080ms cubic-bezier(0.16, 0.84, 0.18, 1) forwards;
}

.brave-combat-transition--return .brave-combat-transition__wash {
    background:
        radial-gradient(circle at 50% 38%, rgba(255, 206, 128, 0.18), transparent 18%),
        radial-gradient(circle at 50% 50%, rgba(134, 26, 18, 0.46), transparent 42%),
        linear-gradient(180deg, rgba(18, 8, 10, 0.44), rgba(4, 4, 6, 0.96));
    backdrop-filter: blur(12px) saturate(0.62);
    animation: brave-combat-return-wash 1040ms cubic-bezier(0.16, 0.84, 0.18, 1) forwards;
}

.brave-combat-transition__flash {
    position: absolute;
    inset: -12%;
    background:
        radial-gradient(circle at 50% 50%, rgba(255, 247, 224, 0.92), rgba(255, 212, 143, 0.58) 14%, rgba(255, 165, 108, 0.12) 28%, transparent 52%);
    mix-blend-mode: screen;
    opacity: 0;
    animation: brave-combat-transition-flash 1080ms cubic-bezier(0.16, 0.84, 0.18, 1) forwards;
}

.brave-combat-transition--return .brave-combat-transition__flash {
    background:
        radial-gradient(circle at 50% 50%, rgba(255, 247, 224, 0.92), rgba(255, 212, 143, 0.58) 14%, rgba(255, 165, 108, 0.12) 28%, transparent 52%);
    animation: brave-combat-return-flash 1040ms cubic-bezier(0.16, 0.84, 0.18, 1) forwards;
}

.brave-combat-transition__shutters {
    position: absolute;
    inset: -14%;
    transform: rotate(-14deg) scale(1.08);
}

.brave-combat-transition__shutter {
    position: absolute;
    left: -12%;
    right: -12%;
    height: 28vh;
    border-top: 1px solid rgba(255, 225, 182, 0.22);
    border-bottom: 1px solid rgba(255, 225, 182, 0.06);
    background:
        linear-gradient(90deg, rgba(255, 244, 216, 0), rgba(255, 244, 216, 0.34), rgba(255, 244, 216, 0)),
        linear-gradient(90deg, rgba(116, 17, 17, 0.94), rgba(36, 8, 10, 0.98));
    box-shadow:
        0 0 26px rgba(0, 0, 0, 0.34),
        0 0 60px rgba(139, 37, 19, 0.18);
    opacity: 0;
}

.brave-combat-transition__shutter--1 {
    top: 2vh;
    animation: brave-combat-transition-shutter-1 920ms cubic-bezier(0.18, 0.86, 0.24, 1) forwards;
}

.brave-combat-transition__shutter--2 {
    top: 34vh;
    animation: brave-combat-transition-shutter-2 980ms cubic-bezier(0.18, 0.86, 0.24, 1) forwards;
}

.brave-combat-transition__shutter--3 {
    top: 66vh;
    animation: brave-combat-transition-shutter-3 1040ms cubic-bezier(0.18, 0.86, 0.24, 1) forwards;
}

.brave-combat-transition--return .brave-combat-transition__shutter {
    background:
        linear-gradient(90deg, rgba(255, 244, 216, 0), rgba(255, 244, 216, 0.34), rgba(255, 244, 216, 0)),
        linear-gradient(90deg, rgba(116, 17, 17, 0.94), rgba(36, 8, 10, 0.98));
    box-shadow:
        0 0 26px rgba(0, 0, 0, 0.34),
        0 0 60px rgba(139, 37, 19, 0.18);
}

.brave-combat-transition--return .brave-combat-transition__shutter--1 {
    animation: brave-combat-return-shutter-1 980ms cubic-bezier(0.18, 0.86, 0.24, 1) forwards;
}

.brave-combat-transition--return .brave-combat-transition__shutter--2 {
    animation: brave-combat-return-shutter-2 1040ms cubic-bezier(0.18, 0.86, 0.24, 1) forwards;
}

.brave-combat-transition--return .brave-combat-transition__shutter--3 {
    animation: brave-combat-return-shutter-3 1100ms cubic-bezier(0.18, 0.86, 0.24, 1) forwards;
}

.brave-combat-transition__ring {
    position: absolute;
    left: 50%;
    top: 50%;
    width: min(62vw, 720px);
    aspect-ratio: 1;
    transform: translate(-50%, -50%);
    border: 1px solid rgba(246, 204, 154, 0.18);
    border-radius: 50%;
    box-shadow:
        0 0 0 1px rgba(255, 229, 194, 0.05) inset,
        0 0 48px rgba(147, 31, 18, 0.16);
    opacity: 0;
    animation: brave-combat-transition-ring 1080ms cubic-bezier(0.16, 0.84, 0.18, 1) forwards;
}

.brave-combat-transition--return .brave-combat-transition__ring {
    border-color: rgba(246, 204, 154, 0.18);
    box-shadow:
        0 0 0 1px rgba(255, 229, 194, 0.05) inset,
        0 0 48px rgba(147, 31, 18, 0.16);
    animation: brave-combat-return-ring 1040ms cubic-bezier(0.16, 0.84, 0.18, 1) forwards;
}

.brave-combat-transition__card {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    min-width: min(440px, calc(100vw - 40px));
    max-width: min(560px, calc(100vw - 40px));
    padding: 18px 22px 20px;
    border: 1px solid rgba(246, 204, 154, 0.24);
    border-radius: 24px;
    background:
        radial-gradient(circle at 50% 0, rgba(255, 222, 170, 0.12), transparent 36%),
        radial-gradient(circle at 0 0, rgba(196, 98, 72, 0.22), transparent 40%),
        linear-gradient(180deg, rgba(30, 14, 14, 0.96), rgba(8, 6, 8, 0.96));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        0 30px 90px rgba(0, 0, 0, 0.5);
    text-align: center;
    animation: brave-combat-transition-card 1080ms cubic-bezier(0.16, 0.84, 0.18, 1) forwards;
}

.brave-combat-transition--return .brave-combat-transition__card {
    display: none;
}

.brave-combat-transition__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(124, 38, 31, 0.28);
    color: rgba(241, 199, 176, 0.92);
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-size: calc(0.62rem * var(--brave-text-scale) * var(--brave-font-size-scale));
}

.brave-combat-transition__eyebrow-icon {
    color: rgba(247, 199, 123, 0.92);
}

.brave-combat-transition__title {
    margin-top: 12px;
    color: rgba(255, 241, 229, 0.98);
    font-size: calc(1.48rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    font-weight: 700;
    letter-spacing: 0.03em;
}

.brave-combat-transition__subtitle {
    margin-top: 6px;
    color: rgba(232, 210, 196, 0.78);
    font-size: calc(0.8rem * var(--brave-text-scale) * var(--brave-font-size-scale));
}

@keyframes brave-combat-transition-wash {
    0% { opacity: 0; }
    12% { opacity: 1; }
    82% { opacity: 1; }
    100% { opacity: 1; }
}

@keyframes brave-combat-return-wash {
    0% { opacity: 1; }
    48% { opacity: 1; }
    100% { opacity: 0; }
}

@keyframes brave-region-transition-veil {
    0% { opacity: 0; }
    22% { opacity: 1; }
    70% { opacity: 1; }
    100% { opacity: 0; }
}

@keyframes brave-region-transition-title {
    0% {
        opacity: 0;
        transform: translateY(18px) scale(0.98);
        filter: blur(10px);
    }
    28% {
        opacity: 0;
        transform: translateY(18px) scale(0.98);
        filter: blur(10px);
    }
    42% {
        opacity: 1;
        transform: translateY(0) scale(1);
        filter: blur(0);
    }
    66% {
        opacity: 1;
        transform: translateY(0) scale(1);
        filter: blur(0);
    }
    82% {
        opacity: 0;
        transform: translateY(-8px) scale(1.01);
        filter: blur(6px);
    }
    100% {
        opacity: 0;
        transform: translateY(-8px) scale(1.01);
        filter: blur(6px);
    }
}

@keyframes brave-combat-transition-flash {
    0%, 14%, 100% { opacity: 0; }
    18% { opacity: 0.9; }
    28% { opacity: 0; }
}

@keyframes brave-combat-return-flash {
    0%, 10%, 100% { opacity: 0; }
    16% { opacity: 0.9; }
    28% { opacity: 0; }
}

@keyframes brave-combat-transition-shutter-1 {
    0% { opacity: 0; transform: translate3d(-52vw, -18vh, 0) skewX(-18deg); }
    12% { opacity: 1; }
    42% { opacity: 0.96; transform: translate3d(4vw, 0, 0) skewX(-18deg); }
    100% { opacity: 0.96; transform: translate3d(18vw, 0, 0) skewX(-18deg); }
}

@keyframes brave-combat-transition-shutter-2 {
    0% { opacity: 0; transform: translate3d(56vw, 16vh, 0) skewX(-18deg); }
    18% { opacity: 1; }
    46% { opacity: 0.98; transform: translate3d(-4vw, 0, 0) skewX(-18deg); }
    100% { opacity: 0.98; transform: translate3d(-18vw, 0, 0) skewX(-18deg); }
}

@keyframes brave-combat-transition-shutter-3 {
    0% { opacity: 0; transform: translate3d(-48vw, 24vh, 0) skewX(-18deg); }
    22% { opacity: 1; }
    52% { opacity: 0.94; transform: translate3d(6vw, 0, 0) skewX(-18deg); }
    100% { opacity: 0.94; transform: translate3d(20vw, 0, 0) skewX(-18deg); }
}

@keyframes brave-combat-return-shutter-1 {
    0% { opacity: 0.92; transform: translate3d(18vw, 0, 0) skewX(-18deg); }
    38% { opacity: 0.92; transform: translate3d(18vw, 0, 0) skewX(-18deg); }
    100% { opacity: 0; transform: translate3d(54vw, -16vh, 0) skewX(-18deg); }
}

@keyframes brave-combat-return-shutter-2 {
    0% { opacity: 0.94; transform: translate3d(-18vw, 0, 0) skewX(-18deg); }
    42% { opacity: 0.94; transform: translate3d(-18vw, 0, 0) skewX(-18deg); }
    100% { opacity: 0; transform: translate3d(-60vw, 18vh, 0) skewX(-18deg); }
}

@keyframes brave-combat-return-shutter-3 {
    0% { opacity: 0.9; transform: translate3d(20vw, 0, 0) skewX(-18deg); }
    46% { opacity: 0.9; transform: translate3d(20vw, 0, 0) skewX(-18deg); }
    100% { opacity: 0; transform: translate3d(58vw, 22vh, 0) skewX(-18deg); }
}

@keyframes brave-combat-transition-ring {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(0.72);
    }
    18% {
        opacity: 0.9;
        transform: translate(-50%, -50%) scale(1);
    }
    70% {
        opacity: 0.52;
        transform: translate(-50%, -50%) scale(1.08);
    }
    100% {
        opacity: 0.32;
        transform: translate(-50%, -50%) scale(1.12);
    }
}

@keyframes brave-combat-return-ring {
    0% {
        opacity: 0.32;
        transform: translate(-50%, -50%) scale(1.12);
    }
    42% {
        opacity: 0.32;
        transform: translate(-50%, -50%) scale(1.12);
    }
    100% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(0.72);
    }
}

@keyframes brave-combat-transition-card {
    0% {
        opacity: 0;
        transform: translateX(-50%) translateY(-50%) scale(0.88);
    }
    16% {
        opacity: 1;
        transform: translateX(-50%) translateY(-50%) scale(1);
    }
    76% {
        opacity: 1;
        transform: translateX(-50%) translateY(-50%) scale(1);
    }
    100% {
        opacity: 1;
        transform: translateX(-50%) translateY(-50%) scale(1);
    }
}

body.brave-combat-transition-active .content,
body.brave-combat-transition-active #messagewindow,
body.brave-combat-transition-active .inputwrap {
    animation: brave-combat-enter-surface 520ms cubic-bezier(0.18, 0.84, 0.2, 1);
    filter: saturate(0.82);
}

body.brave-combat-return-active .content,
body.brave-combat-return-active #messagewindow,
body.brave-combat-return-active .inputwrap {
    animation: brave-scene-shift-surface 420ms cubic-bezier(0.18, 0.84, 0.2, 1);
    filter: saturate(0.94);
}

body.brave-combat-transition-active .brave-view--combat .brave-view__hero {
    animation: brave-combat-transition-hero 700ms cubic-bezier(0.18, 0.84, 0.2, 1);
}

body.brave-combat-transition-active .brave-view--combat .brave-view__section--targets {
    animation: brave-combat-transition-targets 840ms cubic-bezier(0.18, 0.84, 0.2, 1);
    transform-origin: 50% 0;
}

body.brave-combat-transition-active .brave-view--combat .brave-view__section--party {
    animation: brave-combat-transition-party 920ms cubic-bezier(0.18, 0.84, 0.2, 1);
    transform-origin: 50% 0;
}

body.brave-combat-transition-active .brave-combat-log {
    animation: brave-combat-transition-log 980ms cubic-bezier(0.18, 0.84, 0.2, 1);
}

body.brave-combat-return-active .brave-view__hero,
body.brave-combat-return-active .brave-view__section {
    animation: brave-combat-return-surface 720ms cubic-bezier(0.18, 0.84, 0.2, 1);
}

body.brave-combat-return-active .scene-rail__panel,
body.brave-combat-return-active .scene-card {
    animation: brave-combat-return-surface 760ms cubic-bezier(0.18, 0.84, 0.2, 1);
}

@keyframes brave-combat-transition-hero {
    0% {
        opacity: 0;
        transform: translateY(-18px) scale(0.985);
        filter: saturate(0.72);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
        filter: saturate(1);
    }
}

@keyframes brave-combat-transition-targets {
    0% {
        opacity: 0;
        transform: translateY(18px) scale(0.985);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes brave-combat-transition-party {
    0% {
        opacity: 0;
        transform: translateY(24px) scale(0.99);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes brave-combat-transition-log {
    0% {
        opacity: 0;
        transform: translateY(14px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes brave-combat-return-surface {
    0% {
        opacity: 0.78;
        transform: translateY(14px) scale(0.992);
        filter: saturate(0.82);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
        filter: saturate(1);
    }
}

@media (prefers-reduced-motion: reduce) {
    body,
    body::before,
    body::after,
    .content,
    #messagewindow,
    .inputwrap,
    .scene-rail__panel,
    .scene-card,
    .brave-view__hero,
    .brave-view__section,
    .brave-view__entry,
    .brave-view--combat.brave-view--combat-shake-subtle,
    .brave-combat-floater,
    .brave-combat-ghost,
    .brave-view__action,
    .brave-view__mini-action,
    .brave-view__arcade-char,
    .brave-view__arcade-pad,
    .brave-view__arcade-utility,
    #brave-combat-transition,
    #brave-combat-transition *,
    #brave-region-transition,
    #brave-region-transition *,
    .inputsend,
    #inputsend {
        animation: none !important;
        transition: none !important;
    }
}

body[data-brave-motion="reduced"] .brave-view--combat.brave-view--combat-shake-subtle,
body[data-brave-motion="reduced"] .brave-view--combat .brave-view__entry--lunge,
body[data-brave-motion="reduced"] .brave-combat-floater,
body[data-brave-motion="reduced"] .brave-combat-ghost {
    animation: none !important;
    transition: none !important;
}

.brave-view__nav-extra {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    min-height: 42px;
    align-content: flex-start;
}

.brave-view__nav-chip {
    font-family: inherit;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    color: var(--brave-text-soft);
    font-size: calc(0.78rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.25;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
}

.brave-view__nav-chip-label {
    min-width: 0;
    text-align: left;
}

.brave-view__nav-other {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 54px;
}

.brave-view__nav-other-label {
    letter-spacing: calc(var(--brave-letter-spacing) + 0.08em);
    color: var(--brave-text-dim);
    font-size: calc(0.68rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    text-transform: uppercase;
}

.brave-view__navcard--north,
.brave-view__navslot--north {
    grid-area: north;
}

.brave-view__navcard--south,
.brave-view__navslot--south {
    grid-area: south;
}

.brave-view__navcard--west,
.brave-view__navslot--west {
    grid-area: west;
}

.brave-view__navcard--east,
.brave-view__navslot--east {
    grid-area: east;
}

.brave-view__navcenter {
    grid-area: center;
    display: flex;
    align-items: stretch;
    justify-content: stretch;
    min-width: 0;
    min-height: 0;
}

.brave-view__nav-centerstack {
    display: grid;
    grid-template-columns: 1fr;
    gap: 6px;
    width: 100%;
    height: 100%;
}

.brave-view__nav-centerstack--single {
    align-content: center;
}

.brave-view__nav-centercard {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    min-height: 46px;
    padding: 8px 10px;
    border: 1px solid color-mix(in srgb, var(--brave-world-line) 70%, rgba(var(--brave-accent-rgb), 0.14));
    border-radius: var(--brave-radius-card-tight);
    background:
        radial-gradient(circle at 0 0, var(--brave-state-surface-tint-soft), transparent 46%),
        radial-gradient(circle at 100% 0, var(--brave-world-surface-tint), transparent 42%),
        linear-gradient(180deg, color-mix(in srgb, var(--brave-world-surface-tint-soft) 90%, transparent), transparent 24%),
        rgba(255, 255, 255, 0.03);
    color: var(--brave-text-soft);
    font-family: inherit;
    text-align: left;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
}

.brave-view__nav-centercard:hover,
.brave-view__nav-centercard:focus-visible {
    border-color: rgba(var(--brave-accent-rgb), 0.28);
    background: rgba(255, 255, 255, 0.05);
    outline: none;
}

.brave-view__nav-centercard-label {
    min-width: 0;
    display: -webkit-box;
    color: var(--brave-text-soft);
    font-size: calc(0.68rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.12;
    overflow: hidden;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.brave-view__swipe-surface {
    position: relative;
    min-height: 196px;
    padding: 18px 18px 16px;
    border: 1px solid color-mix(in srgb, var(--brave-world-line) 70%, rgba(var(--brave-accent-rgb), 0.14));
    border-radius: var(--brave-radius-panel);
    background:
        radial-gradient(circle at 0 0, var(--brave-state-surface-tint-soft), transparent 46%),
        radial-gradient(circle at 100% 0, var(--brave-world-surface-tint), transparent 42%),
        linear-gradient(180deg, color-mix(in srgb, var(--brave-world-surface-tint-soft) 90%, transparent), transparent 24%),
        rgba(255, 255, 255, 0.03);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.03),
        0 10px 18px rgba(0, 0, 0, 0.08);
    color: var(--brave-text-soft);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-align: center;
    touch-action: none;
    overscroll-behavior: none;
    user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
}

.brave-view__swipe-surface--flash {
    border-color: rgba(var(--brave-accent-rgb), 0.34);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 0 0 3px rgba(var(--brave-accent-rgb), 0.12),
        0 14px 24px rgba(0, 0, 0, 0.14);
}

.brave-view__swipe-title {
    letter-spacing: calc(var(--brave-letter-spacing) + 0.1em);
    color: var(--brave-text-bright);
    font-size: calc(0.78rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    text-transform: uppercase;
}

.brave-view__swipe-copy {
    max-width: 18rem;
    color: var(--brave-text-dim);
    font-size: calc(0.68rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.35;
}

.brave-view__swipe-cue {
    font-family: inherit;
    letter-spacing: calc(var(--brave-letter-spacing) + 0.05em);
    appearance: none;
    -webkit-appearance: none;
    border: 0;
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.8rem;
    min-height: 1.8rem;
    padding: 3px 7px;
    border-radius: var(--brave-radius-pill);
    background: rgba(var(--brave-accent-rgb), 0.12);
    color: color-mix(in srgb, var(--brave-accent) 58%, var(--brave-text-bright));
    font-size: calc(0.66rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    text-transform: uppercase;
    cursor: pointer;
}

.brave-view__swipe-cue--up {
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
}

.brave-view__swipe-cue--down {
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
}

.brave-view__swipe-cue--left {
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.brave-view__swipe-cue--right {
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.brave-view__swipe-cue--disabled {
    opacity: 0.34;
    cursor: default;
    pointer-events: none;
}

.brave-view__nav-vertical {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
}

.brave-view__nav-vertical--single {
    grid-template-columns: minmax(0, 1fr);
}

.brave-view__navcard--north,
.brave-view__navcard--south,
.brave-view__navslot--north,
.brave-view__navslot--south {
    width: min(372px, 100%);
    justify-self: center;
}

::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.03);
}

::-webkit-scrollbar-thumb {
    border: 2px solid transparent;
    border-radius: 999px;
    background: rgba(216, 163, 90, 0.34);
    background-clip: padding-box;
}





@media screen and (max-width: 900px) {
    body {
        --brave-mobile-dock-clearance: 136px;
        --brave-mobile-input-pane-height: 104px;
        --brave-mobile-input-gap: 10px;
        --brave-mobile-input-bottom-offset: 12px;
        --brave-mobile-input-reserve: calc(var(--brave-mobile-input-pane-height) + 16px);
    }

    .brave-picker-sheet__panel {
        left: 12px;
        right: 12px;
        top: 50%;
        bottom: auto;
        width: auto;
        max-height: min(64vh, 620px);
        transform: translateY(-50%);
        padding: 14px;
    }

    #brave-notice-stack {
        left: 12px;
        right: 12px;
        bottom: calc(var(--brave-mobile-input-reserve) + 12px);
        width: auto;
    }

    body.brave-quest-notice-active #brave-notice-stack {
        top: calc(env(safe-area-inset-top, 0px) + 12px);
        bottom: auto;
    }

    .brave-picker-sheet__titlebar {
        gap: 10px;
    }

    .brave-input-modebar {
        gap: 6px;
        margin-bottom: 8px;
    }

    .brave-input-modebar__button {
        min-height: 30px;
        padding: 7px 10px;
    }

    .scene-rail {
        display: none !important;
    }

    #main-sub {
        position: relative;
    }

    .lm_header {
        padding: 12px 12px 8px;
    }

    .content,
    #messagewindow {
        height: calc(100% - 24px);
        margin: 12px;
    }

    .inputwrap {
        height: 100%;
        margin: 0 12px;
    }

    .content,
    #messagewindow {
        padding: 16px 16px 20px;
    }

    .brave-gl-input-column {
        position: relative !important;
    }

    .brave-gl-main-item,
    .brave-gl-input-item {
        left: 0 !important;
        right: 0 !important;
        width: auto !important;
    }

    .brave-gl-main-item {
        position: absolute !important;
        top: 0 !important;
        bottom: 0 !important;
        height: auto !important;
    }

    .brave-gl-input-item {
        display: none !important;
        position: absolute !important;
        top: auto !important;
        bottom: var(--brave-mobile-input-bottom-offset) !important;
        height: var(--brave-mobile-input-pane-height) !important;
        min-height: 0 !important;
        overflow: visible !important;
        z-index: 9 !important;
        pointer-events: none;
        opacity: 0;
        visibility: hidden;
        transform: translateY(calc(100% + 24px));
        transition:
            transform 180ms cubic-bezier(0.22, 0.74, 0.22, 1),
            opacity 140ms ease,
            visibility 140ms ease;
    }

    .brave-gl-input-item .lm_content {
        overflow: visible !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    .brave-gl-input-item .inputwrap {
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.04),
            0 18px 34px rgba(0, 0, 0, 0.26);
    }

    .brave-gl-input-splitter {
        display: none !important;
    }

    .lm_splitter,
    .lm_drag_handle {
        display: none !important;
        width: 0 !important;
        min-width: 0 !important;
        max-width: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        pointer-events: none !important;
    }

    .lm_header {
        cursor: default !important;
    }

    .brave-view__arcade-shell {
        padding: 8px;
    }

    .brave-view__arcade-frame {
        padding: 8px;
    }

    .brave-view__arcade-screen {
        font-size: clamp(0.72rem, 2.8vw, 0.96rem);
    }

    body[data-brave-scene="arcade"].brave-arcade-mobile-active .content,
    body[data-brave-scene="arcade"].brave-arcade-mobile-active #messagewindow {
        overflow-y: hidden;
        overscroll-behavior: none;
    }

    body[data-brave-scene="arcade"].brave-arcade-mobile-active .brave-view--arcade .brave-view__actions,
    body[data-brave-scene="arcade"].brave-arcade-mobile-active .brave-view--arcade .brave-view__section--lines {
        display: none;
    }

    body[data-brave-scene="arcade"].brave-arcade-mobile-active .brave-view--arcade .brave-view__hero {
        gap: 8px;
        padding: 12px 14px 14px;
    }

    body[data-brave-scene="arcade"].brave-arcade-mobile-active .brave-view__arcade-marquee {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 6px;
    }

    body[data-brave-scene="arcade"].brave-arcade-mobile-active .brave-view__arcade-scorecard {
        padding: 7px 9px 8px;
    }

    body[data-brave-scene="arcade"].brave-arcade-mobile-active .brave-view__arcade-score-value {
        font-size: calc(1.14rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    }

    body[data-brave-scene="arcade"].brave-arcade-mobile-active .brave-view__arcade-hud {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 6px;
    }

    body[data-brave-scene="arcade"].brave-arcade-mobile-active .brave-view__arcade-stat {
        display: grid;
        min-width: 0;
        justify-content: start;
        padding: 5px 6px;
        gap: 2px;
        border-radius: 10px;
    }

    body[data-brave-scene="arcade"].brave-arcade-mobile-active .brave-view__arcade-stat-label {
        font-size: 0.66em;
    }

    body[data-brave-scene="arcade"].brave-arcade-mobile-active .brave-view__arcade-stat-value {
        font-size: 0.78em;
        line-height: 1.05;
        overflow-wrap: anywhere;
    }

    body[data-brave-scene="arcade"].brave-arcade-mobile-active .brave-view__arcade-footer {
        display: none;
    }

    body[data-brave-scene="arcade"].brave-arcade-mobile-active .brave-view__arcade-mobile-controls {
        position: sticky;
        bottom: 0;
        display: flex;
        flex-direction: column;
        gap: 8px;
        margin-top: 8px;
        padding-top: 8px;
        border-top: 1px solid rgba(112, 220, 255, 0.12);
        background:
            linear-gradient(180deg, rgba(8, 10, 14, 0), rgba(8, 10, 14, 0.86) 28%, rgba(8, 10, 14, 0.98)),
            linear-gradient(180deg, rgba(8, 10, 14, 0.98), rgba(2, 3, 5, 1));
    }

    body[data-brave-scene="arcade"].brave-arcade-mobile-active .brave-view__arcade-dpad {
        grid-template-columns: repeat(3, minmax(0, 56px));
    }

    body[data-brave-scene="arcade"].brave-arcade-mobile-active .brave-view__arcade-pad {
        min-height: 52px;
        font-size: 1.35rem;
    }

    body[data-brave-scene="arcade"].brave-arcade-mobile-active .brave-view__arcade-mobile-actions {
        gap: 8px;
    }

    body[data-brave-scene="arcade"].brave-arcade-mobile-active .brave-view__arcade-utility {
        flex: 1 1 0;
        min-width: 0;
        min-height: 38px;
        padding: 0 10px;
    }

    body.brave-mobile-nav-active {
        --brave-mobile-input-bottom-offset: calc(var(--brave-mobile-dock-clearance) + var(--brave-mobile-input-gap));
        --brave-mobile-input-reserve: calc(var(--brave-mobile-dock-clearance) + var(--brave-mobile-input-pane-height) + var(--brave-mobile-input-gap) + 8px);
    }

    body.brave-mobile-command-dock-active {
        --brave-mobile-input-bottom-offset: 76px;
        --brave-mobile-input-reserve: calc(var(--brave-mobile-input-pane-height) + 86px);
    }

    body.brave-mobile-nav-active .content,
    body.brave-mobile-nav-active #messagewindow {
        padding-bottom: calc(var(--brave-mobile-dock-clearance) + 8px);
    }

    body[data-brave-view="account"].brave-mobile-nav-active .content,
    body[data-brave-view="account"].brave-mobile-nav-active #messagewindow,
    body[data-brave-view="connection"].brave-mobile-nav-active .content,
    body[data-brave-view="connection"].brave-mobile-nav-active #messagewindow,
    body[data-brave-view="chargen"].brave-mobile-nav-active .content,
    body[data-brave-view="chargen"].brave-mobile-nav-active #messagewindow {
        padding-bottom: 16px;
    }

    body[data-brave-scene="combat"].brave-mobile-nav-active .content,
    body[data-brave-scene="combat"].brave-mobile-nav-active #messagewindow {
        padding-bottom: max(8px, env(safe-area-inset-bottom, 0px));
    }

    body.brave-mobile-command-dock-active .content,
    body.brave-mobile-command-dock-active #messagewindow {
        padding-bottom: 88px;
    }

    body.brave-mobile-input-open .brave-gl-input-item {
        display: block !important;
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        pointer-events: auto;
    }

    body.brave-mobile-input-open .brave-gl-main-item {
        bottom: var(--brave-mobile-input-reserve) !important;
    }

    body[data-brave-view="account"] .brave-gl-main-item,
    body[data-brave-view="connection"] .brave-gl-main-item,
    body[data-brave-view="chargen"] .brave-gl-main-item {
        bottom: 0 !important;
    }

    .brave-view--account,
    .brave-view--connection {
        flex: 1 1 auto;
        align-self: stretch;
    }

    .brave-view--chargen {
        flex: 1 1 auto;
        align-self: stretch;
    }

    .brave-view--account .brave-view__sections,
    .brave-view--connection .brave-view__sections,
    .brave-view--chargen .brave-view__sections {
        min-height: 100%;
        align-content: stretch;
    }

    .brave-view--account .brave-view__section,
    .brave-view--connection .brave-view__section {
        min-height: clamp(420px, calc(100dvh - 220px), 720px);
    }

    .brave-view--connection .brave-view__hero {
        min-height: 190px;
        padding: 20px;
    }

    .brave-view--connection .brave-view__section {
        min-height: auto;
    }

    .brave-view--connection .brave-view__wordmark-text {
        font-size: clamp(3rem, 16vw, 4.8rem);
    }

    .brave-view--account .brave-view__entries,
    .brave-view--connection .brave-view__entries,
    .brave-view--chargen .brave-view__entries {
        min-height: 100%;
    }

    body.brave-mobile-input-open .content,
    body.brave-mobile-input-open #messagewindow {
        padding-bottom: calc(var(--brave-mobile-input-reserve) + 10px);
    }

    body[data-brave-view="account"].brave-mobile-input-open .content,
    body[data-brave-view="account"].brave-mobile-input-open #messagewindow,
    body[data-brave-view="connection"].brave-mobile-input-open .content,
    body[data-brave-view="connection"].brave-mobile-input-open #messagewindow,
    body[data-brave-view="chargen"].brave-mobile-input-open .content,
    body[data-brave-view="chargen"].brave-mobile-input-open #messagewindow,
    body[data-brave-view="account"].brave-mobile-nav-active .content,
    body[data-brave-view="account"].brave-mobile-nav-active #messagewindow,
    body[data-brave-view="connection"].brave-mobile-nav-active .content,
    body[data-brave-view="connection"].brave-mobile-nav-active #messagewindow,
    body[data-brave-view="chargen"].brave-mobile-nav-active .content,
    body[data-brave-view="chargen"].brave-mobile-nav-active #messagewindow {
        padding-bottom: 16px;
    }

    #mobile-nav-dock {
        position: absolute;
        left: 16px;
        right: 16px;
        bottom: 0;
        display: block;
        z-index: 5020;
        pointer-events: none;
    }

    body.brave-objectives-welcome-active #mobile-nav-dock {
        display: none !important;
    }

    body[data-brave-scene="combat"] #mobile-nav-dock {
        display: none !important;
    }

    #mobile-nav-dock:empty {
        display: none;
    }

    .brave-mobile-nav-dock__inner {
        position: relative;
        display: block;
        width: min(100%, 360px);
        margin: 0 auto;
        padding: 5px 5px calc(5px + env(safe-area-inset-bottom, 0px));
        border: 1px solid color-mix(in srgb, var(--brave-world-line) 76%, rgba(var(--brave-accent-rgb), 0.18));
        border-bottom: 0;
        border-radius: calc(var(--brave-radius-panel) + 2px) calc(var(--brave-radius-panel) + 2px) 0 0;
        background:
            radial-gradient(circle at 0 0, var(--brave-state-surface-tint), transparent 50%),
            radial-gradient(circle at 100% 0, var(--brave-world-surface-tint-strong), transparent 44%),
            linear-gradient(180deg, color-mix(in srgb, var(--brave-world-surface-tint) 98%, transparent), transparent 26%),
            linear-gradient(180deg, rgba(7, 10, 8, 0.98), rgba(4, 6, 5, 0.995));
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.04),
            0 16px 30px rgba(0, 0, 0, 0.28);
        overflow: hidden;
        pointer-events: auto;
    }

    .brave-mobile-nav-toggle {
        position: absolute;
        left: 5px;
        top: 5px;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
        width: 38px;
        min-height: 38px;
        padding: 6px;
        border: 1px solid color-mix(in srgb, var(--brave-world-line) 74%, rgba(var(--brave-accent-rgb), 0.14));
        border-radius: var(--brave-radius-control);
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent 40%),
            linear-gradient(
                180deg,
                color-mix(in srgb, var(--brave-surface-deep-top) 92%, rgba(18, 16, 11, 0.98)),
                color-mix(in srgb, var(--brave-surface-deep-bottom) 96%, rgba(8, 8, 6, 0.995))
            );
        color: color-mix(in srgb, var(--brave-text-soft) 88%, var(--brave-text-bright));
        touch-action: none;
        user-select: none;
        -webkit-user-select: none;
        appearance: none;
        -webkit-appearance: none;
    }

    .brave-mobile-nav-toggle__icon {
        display: block;
        font-size: 1.05rem;
        color: inherit;
        transition: transform 160ms ease;
    }

    .brave-mobile-nav-toggle::after {
        content: "";
        width: 0;
        height: 0;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-bottom: 5px solid currentColor;
        opacity: 0.72;
    }

    .brave-mobile-nav-toggle--expanded::after {
        border-top: 5px solid currentColor;
        border-bottom: 0;
    }

    .brave-mobile-nav-toggle--expanded .brave-mobile-nav-toggle__icon {
        transform: scale(0.94);
    }

    .brave-mobile-nav-toggle:focus-visible,
    .brave-mobile-nav-toggle.brave-view__swipe-surface--flash {
        border-color: rgba(var(--brave-accent-rgb), 0.34);
        color: var(--brave-text-bright);
        outline: none;
    }

    .brave-mobile-tools,
    .brave-mobile-sheet__tabs {
        display: grid;
        gap: 6px;
        padding: 0;
        border: 0;
        border-radius: 0;
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.02), transparent 38%),
            linear-gradient(
                180deg,
                color-mix(in srgb, var(--brave-panel-deep) 90%, rgba(8, 8, 7, 0.98)),
                color-mix(in srgb, var(--brave-surface-deep-bottom) 94%, rgba(4, 4, 4, 0.995))
            );
        box-shadow: none;
        pointer-events: auto;
    }

    .brave-mobile-tools {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        touch-action: none;
        user-select: none;
        -webkit-user-select: none;
    }

    .brave-mobile-nav-dock__inner > .brave-mobile-tools {
        width: min(184px, calc(100% - 96px));
        margin: 0 auto;
        padding: 3px;
        border: 1px solid color-mix(in srgb, var(--brave-world-line) 58%, rgba(var(--brave-accent-rgb), 0.1));
        border-radius: var(--brave-radius-control);
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 42%),
            linear-gradient(180deg, rgba(12, 15, 12, 0.7), rgba(3, 5, 4, 0.62));
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.035),
            0 8px 18px rgba(0, 0, 0, 0.18);
    }

    .brave-mobile-tools--command-only {
        grid-template-columns: minmax(0, 1fr);
        max-width: 172px;
        margin-left: auto;
    }

    .brave-mobile-tools__button,
    .brave-mobile-sheet__tabs,
    .brave-mobile-sheet__close {
        display: flex;
        align-items: center;
    }

    .brave-mobile-tools__button,
    .brave-mobile-sheet__close {
        justify-content: center;
        gap: 5px;
        min-width: 0;
        min-height: 38px;
        padding: 6px;
        border: 1px solid color-mix(in srgb, var(--brave-world-line) 74%, rgba(var(--brave-accent-rgb), 0.14));
        border-radius: var(--brave-radius-control);
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent 40%),
            linear-gradient(
                180deg,
                color-mix(in srgb, var(--brave-surface-deep-top) 92%, rgba(18, 16, 11, 0.98)),
                color-mix(in srgb, var(--brave-surface-deep-bottom) 96%, rgba(8, 8, 6, 0.995))
            );
        color: color-mix(in srgb, var(--brave-text-soft) 88%, var(--brave-text-bright));
        font-family: inherit;
        font-size: calc(0.68rem * var(--brave-text-scale) * var(--brave-font-size-scale));
        letter-spacing: calc(var(--brave-letter-spacing) + 0.04em);
        text-transform: uppercase;
        appearance: none;
        -webkit-appearance: none;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.035),
            0 8px 18px rgba(0, 0, 0, 0.18);
    }

    .brave-mobile-tools__button > span,
    .brave-mobile-sheet__close > span {
        min-width: 0;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: inherit;
    }

    .brave-mobile-tools__button {
        position: relative;
    }

    .brave-mobile-nav-dock__inner > .brave-mobile-tools .brave-mobile-tools__button > span {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        white-space: nowrap;
    }

    .brave-mobile-tools__button-badge {
        font-weight: 700;
        letter-spacing: 0;
        position: absolute;
        top: 4px;
        right: 4px;
        min-width: 17px;
        height: 17px;
        padding: 0 5px;
        border: 1px solid color-mix(in srgb, var(--brave-world-line) 72%, rgba(255, 255, 255, 0.12));
        border-radius: 999px;
        background: linear-gradient(180deg, rgba(var(--brave-accent-rgb), 0.94), rgba(var(--brave-accent-rgb), 0.72));
        color: color-mix(in srgb, var(--brave-text-bright) 92%, #fff);
        font-size: calc(0.58rem * var(--brave-text-scale) * var(--brave-font-size-scale));
        line-height: 15px;
        text-transform: none;
        text-align: center;
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.22);
        pointer-events: none;
    }

    .brave-mobile-sheet__tabs {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 8px;
        padding: 12px 12px 10px;
        border-bottom: 1px solid color-mix(in srgb, var(--brave-world-line) 70%, rgba(var(--brave-accent-rgb), 0.14));
    }

    .brave-mobile-sheet__titlewrap {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 2px;
        min-width: 0;
    }

    .brave-mobile-sheet__title {
        font-family: var(--brave-dialogue-font-family);
        letter-spacing: var(--brave-dialogue-letter-spacing);
        color: var(--brave-text-bright);
        font-size: calc(0.84rem * var(--brave-text-scale) * var(--brave-font-size-scale));
        text-transform: uppercase;
    }

    .brave-mobile-sheet__close {
        display: flex;
        justify-content: center;
    }

    .brave-mobile-tools__button--active,
    .brave-mobile-tools__button:focus-visible,
    .brave-mobile-sheet__close:focus-visible {
        border-color: rgba(var(--brave-accent-rgb), 0.34);
        color: var(--brave-text-bright);
        outline: none;
    }

    .brave-mobile-tools__button--active {
        background:
            radial-gradient(circle at 50% 0, rgba(var(--brave-accent-rgb), 0.12), transparent 58%),
            linear-gradient(180deg, rgba(255, 255, 255, 0.04), transparent 40%),
            linear-gradient(
                180deg,
                color-mix(in srgb, var(--brave-surface-deep-top) 88%, rgba(23, 18, 10, 0.98)),
                color-mix(in srgb, var(--brave-surface-deep-bottom) 92%, rgba(11, 9, 6, 0.995))
            );
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.04),
            0 10px 20px rgba(0, 0, 0, 0.22);
    }

    .brave-mobile-tools__button-icon,
    .brave-mobile-sheet__close-icon {
        font-size: 1rem;
        color: inherit;
    }

    .brave-mobile-sheet__tabs .brave-mobile-tools__button {
        min-height: 42px;
        padding: 10px 8px;
    }

    #mobile-utility-sheet {
        position: absolute;
        left: 16px;
        right: 16px;
        top: 16px;
        bottom: 16px;
        z-index: 5025;
        pointer-events: none;
    }

    body.brave-objectives-welcome-active #mobile-utility-sheet {
        z-index: 5002;
    }

    #mobile-utility-sheet[aria-hidden="true"] {
        display: none;
    }

    body.brave-mobile-sheet-active #mobile-utility-sheet {
        display: block;
    }

    body.brave-mobile-sheet-drawer #mobile-utility-sheet {
        position: fixed;
        left: auto;
        right: 0;
        top: 0;
        bottom: 0;
        width: min(88vw, 390px);
        padding: 12px 10px 12px 0;
    }

    .brave-mobile-sheet__panel {
        display: flex;
        flex-direction: column;
        height: 100%;
        border: 1px solid color-mix(in srgb, var(--brave-world-line) 78%, rgba(var(--brave-accent-rgb), 0.18));
        border-radius: var(--brave-radius-panel);
        background:
            radial-gradient(circle at 0 0, var(--brave-state-surface-tint), transparent 48%),
            radial-gradient(circle at 100% 0, var(--brave-world-surface-tint-strong), transparent 42%),
            linear-gradient(180deg, color-mix(in srgb, var(--brave-world-surface-tint) 98%, transparent), transparent 26%),
            linear-gradient(180deg, rgba(7, 10, 8, 0.98), rgba(4, 6, 5, 0.995));
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.04),
            0 22px 42px rgba(0, 0, 0, 0.34);
        overflow: hidden;
        pointer-events: auto;
    }

    body.brave-mobile-sheet-drawer .brave-mobile-sheet__panel {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        box-shadow:
            inset 1px 0 0 rgba(255, 255, 255, 0.04),
            -24px 0 44px rgba(0, 0, 0, 0.44);
    }

    .brave-mobile-sheet__panel--activity {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: auto;
        height: min(52vh, 420px);
        border-bottom-left-radius: calc(var(--brave-radius-panel) - 2px);
        border-bottom-right-radius: calc(var(--brave-radius-panel) - 2px);
    }

    .brave-mobile-sheet__close {
        min-width: 0;
    }

    .brave-mobile-sheet__body {
        flex: 1 1 auto;
        overflow-y: auto;
        padding: 14px 14px 18px;
        display: flex;
        flex-direction: column;
        gap: 14px;
    }

    .brave-mobile-sheet__body--activity {
        overflow: hidden;
        padding: 10px 12px 14px;
    }

    .brave-mobile-sheet__subtabs {
        display: flex;
        gap: 8px;
        padding: 8px 12px 0;
        overflow-x: auto;
        scrollbar-width: none;
    }

    .brave-mobile-sheet__subtabs::-webkit-scrollbar {
        display: none;
    }

    .brave-mobile-sheet__subtab {
        font-family: inherit;
        letter-spacing: calc(var(--brave-letter-spacing) + 0.04em);
        display: inline-flex;
        align-items: center;
        gap: 6px;
        flex: 0 0 auto;
        min-height: 34px;
        padding: 6px 10px;
        border: 1px solid color-mix(in srgb, var(--brave-world-line) 74%, rgba(var(--brave-accent-rgb), 0.14));
        border-radius: var(--brave-radius-control);
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent 40%),
            linear-gradient(
                180deg,
                color-mix(in srgb, var(--brave-surface-deep-top) 92%, rgba(18, 16, 11, 0.98)),
                color-mix(in srgb, var(--brave-surface-deep-bottom) 96%, rgba(8, 8, 6, 0.995))
            );
        color: color-mix(in srgb, var(--brave-text-soft) 88%, var(--brave-text-bright));
        font-size: calc(0.66rem * var(--brave-text-scale) * var(--brave-font-size-scale));
        text-transform: uppercase;
        appearance: none;
        -webkit-appearance: none;
    }

    .brave-mobile-sheet__subtab--active {
        border-color: rgba(var(--brave-accent-rgb), 0.34);
        color: var(--brave-text-bright);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.045),
            0 0 0 1px rgba(var(--brave-accent-rgb), 0.12);
    }

    .brave-mobile-sheet__subtab-icon {
        font-size: 0.88rem;
    }

    .brave-mobile-sheet__section {
        display: flex;
        flex-direction: column;
        gap: 12px;
        min-height: 0;
    }


    .brave-mobile-sheet__section--room-actions,
    .brave-mobile-sheet__section--activity {
        flex: 0 0 auto;
    }

    .brave-mobile-sheet__section--activity {
        flex: 1 1 auto;
    }

    .brave-mobile-sheet__section--room-actions {
        flex: 0 0 auto;
        gap: 8px;
    }

    .brave-room-activity-mobile-card {
        flex: 1 1 auto;
        min-height: 0;
        gap: 10px;
    }

    .brave-room-activity-mobile-card .brave-room-activity-tabs {
        flex-wrap: wrap;
    }

    .brave-room-activity-mobile-card .brave-room-activity-tabs__button {
        flex: 1 1 calc(50% - 8px);
        justify-content: center;
    }

    .brave-room-activity-mobile-card .brave-room-nearby__entry {
        min-height: 52px;
    }

    .brave-room-activity-mobile-card .brave-room-nearby__summary {
        padding: 0 2px;
    }

    .brave-room-voice-layer--mobile .brave-room-voice-bubble,
    .brave-room-voice-layer--mobile .brave-room-voice-overflow {
        align-self: stretch;
        width: 100%;
        pointer-events: auto;
        box-shadow: 0 12px 24px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.05);
    }

    .brave-room-voice-layer--mobile .brave-room-voice-bubble::after {
        display: none;
    }

    #brave-room-voice-overlay-desktop,
    #brave-room-voice-overlay-self {
        display: none !important;
    }

    #brave-room-voice-overlay-mobile {
        display: block;
        left: 16px;
        right: 16px;
        bottom: calc(var(--brave-mobile-dock-clearance) + env(safe-area-inset-bottom, 0px) + 16px);
    }

    .brave-mobile-sheet__section--room-actions .brave-room-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }

    .brave-mobile-sheet__section--room-actions .brave-room-actions__button {
        font-family: inherit;
        flex: 0 1 112px;
        width: auto;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        min-height: 36px;
        padding: 8px 9px;
        border: 1px solid color-mix(in srgb, var(--brave-world-line) 72%, rgba(var(--brave-accent-rgb), 0.12));
        border-radius: 14px;
        background:
            radial-gradient(circle at 0 0, rgba(255, 255, 255, 0.03), transparent 30%),
            linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0.01));
        color: var(--brave-text);
        text-align: left;
        cursor: pointer;
    }

    .brave-mobile-sheet__section--room-actions .brave-room-actions__button-icon {
        color: var(--brave-room-safe-icon);
        font-size: 1.02rem;
    }

    .brave-mobile-sheet__section--room-actions .brave-room-actions__button-label {
        min-width: 0;
        line-height: 1.15;
        font-size: calc(0.73rem * var(--brave-text-scale) * var(--brave-font-size-scale));
        white-space: normal;
    }

    .brave-mobile-activity-log {
        display: flex;
        flex: 1 1 auto;
        min-height: 0;
        border: 1px solid color-mix(in srgb, var(--brave-world-line) 74%, rgba(var(--brave-accent-rgb), 0.16));
        border-radius: var(--brave-radius-card);
        background:
            radial-gradient(circle at 0 0, var(--brave-state-surface-tint-soft), transparent 46%),
            linear-gradient(180deg, var(--brave-surface-deep-top), var(--brave-surface-deep-bottom));
        overflow: hidden;
    }

    .brave-mobile-activity-log .brave-room-log__body {
        flex: 1 1 auto;
        min-height: 0;
        padding: 12px;
        overflow-y: auto;
        scrollbar-width: thin;
        scrollbar-color: color-mix(in srgb, var(--brave-accent) 82%, rgba(255, 255, 255, 0.2)) color-mix(in srgb, var(--brave-world-line) 54%, transparent);
    }

    .brave-mobile-activity-log .brave-room-log__body::-webkit-scrollbar {
        width: 10px;
    }

    .brave-mobile-activity-log .brave-room-log__body::-webkit-scrollbar-track {
        background: color-mix(in srgb, var(--brave-world-line) 54%, transparent);
        border-radius: 999px;
    }

    .brave-mobile-activity-log .brave-room-log__body::-webkit-scrollbar-thumb {
        background: linear-gradient(180deg, color-mix(in srgb, var(--brave-accent) 86%, rgba(255, 255, 255, 0.22)), color-mix(in srgb, var(--brave-accent) 64%, rgba(0, 0, 0, 0.18)));
        border-radius: 999px;
        border: 2px solid color-mix(in srgb, var(--brave-world-line) 48%, transparent);
    }

    .brave-mobile-chat-input {
        flex: 0 0 auto;
        padding: 4px 0 0;
    }

    .brave-mobile-chat-input__trigger {
        font-family: inherit;
        display: flex;
        align-items: center;
        gap: 10px;
        width: 100%;
        min-height: 44px;
        padding: 8px 14px;
        border: 1px solid color-mix(in srgb, var(--brave-world-line) 64%, rgba(var(--brave-accent-rgb), 0.12));
        border-radius: 22px;
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0.01)),
            var(--brave-surface-deep-top);
        color: var(--brave-text-dim);
        font-size: calc(0.86rem * var(--brave-text-scale) * var(--brave-font-size-scale));
        text-align: left;
        cursor: pointer;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.04),
            0 2px 4px rgba(0, 0, 0, 0.12);
        transition:
            transform 120ms ease,
            border-color 120ms ease,
            background 120ms ease,
            box-shadow 120ms ease;
    }

    .brave-mobile-chat-input__trigger:active {
        transform: scale(0.985);
        background: var(--brave-surface-deep-bottom);
        border-color: rgba(var(--brave-accent-rgb), 0.24);
    }

    .brave-mobile-chat-input__icon {
        flex: 0 0 auto;
        color: var(--brave-accent);
        font-size: 1.1rem;
        opacity: 0.88;
    }

    .brave-mobile-sheet__section--chat-input {
        margin-top: -6px;
    }

    .brave-mobile-activity-log .brave-room-log__body > .out,
    .brave-mobile-activity-log .brave-room-log__body > .msg,
    .brave-mobile-activity-log .brave-room-log__body > .err,
    .brave-mobile-activity-log .brave-room-log__body > .sys {
        margin: 0;
        padding: 0 0 10px;
        color: color-mix(in srgb, var(--brave-text-soft) 88%, var(--brave-text-bright));
        font-size: calc(0.74rem * var(--brave-text-scale) * var(--brave-font-size-scale));
        line-height: 1.45;
    }

    .brave-mobile-activity-log .brave-room-log__entry {
        display: block;
        padding: 8px 0;
        border-bottom: 1px solid color-mix(in srgb, var(--brave-world-line) 48%, transparent);
    }

    .brave-mobile-activity-log .brave-room-log__entry:last-child {
        border-bottom: 0;
    }

    .brave-mobile-activity-log .brave-room-log__entry-text {
        min-width: 0;
    }

    .brave-mobile-activity-log .brave-room-log__entry--speech .brave-room-log__entry-icon {
        color: color-mix(in srgb, #a9d7ff 72%, var(--brave-text-bright));
        background: rgba(104, 155, 204, 0.14);
    }

    .brave-mobile-activity-log .brave-room-log__entry--arrival .brave-room-log__entry-icon,
    .brave-mobile-activity-log .brave-room-log__entry--departure .brave-room-log__entry-icon {
        color: color-mix(in srgb, #d9c38a 72%, var(--brave-text-bright));
        background: rgba(210, 174, 96, 0.13);
    }

    .brave-mobile-activity-log .brave-room-log__entry--threat .brave-room-log__entry-icon {
        color: color-mix(in srgb, #ffb29f 78%, var(--brave-text-bright));
        background: rgba(198, 82, 64, 0.16);
    }

    .brave-mobile-activity-log .brave-room-log__body > .err {
        color: color-mix(in srgb, #ffb3a6 82%, var(--brave-text-bright));
    }

    .brave-mobile-sheet__eyebrow {
        letter-spacing: calc(var(--brave-letter-spacing) + 0.08em);
        color: var(--brave-text-dim);
        font-size: calc(0.68rem * var(--brave-text-scale) * var(--brave-font-size-scale));
        text-transform: uppercase;
    }

    .brave-mobile-sheet__map {
        font-family: var(--brave-mono-font-family);
        margin: 0;
        min-height: 180px;
        padding: 14px;
        border: 1px solid color-mix(in srgb, var(--brave-world-line) 70%, rgba(var(--brave-accent-rgb), 0.14));
        border-radius: var(--brave-radius-card);
        background:
            radial-gradient(circle at 0 0, var(--brave-state-surface-tint-soft), transparent 46%),
            linear-gradient(180deg, var(--brave-surface-deep-top), var(--brave-surface-deep-bottom));
        color: var(--brave-text-bright);
        font-size: calc(0.72rem * var(--brave-text-scale) * var(--brave-font-size-scale));
        line-height: 1.08;
        white-space: pre;
        text-align: center;
        display: grid;
        place-items: center;
        margin-block: 4px 12px;
        padding: 0;
        overflow: hidden;
    }

    .brave-mobile-sheet__stats,
    .brave-mobile-sheet__list {
        display: grid;
        gap: 8px;
    }

    .brave-mobile-sheet__stats {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .brave-mobile-sheet__stat,
    .brave-mobile-sheet__row,
    .brave-mobile-sheet__bullet,
    .brave-mobile-sheet__empty,
    .brave-mobile-sheet__more {
        letter-spacing: calc(var(--brave-letter-spacing) + 0.04em);
        padding: 10px 12px;
        border: 1px solid color-mix(in srgb, var(--brave-world-line) 70%, rgba(var(--brave-accent-rgb), 0.14));
        border-radius: var(--brave-radius-card-tight);
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.025), transparent 36%),
            linear-gradient(180deg, color-mix(in srgb, var(--brave-panel-soft) 84%, transparent), color-mix(in srgb, var(--brave-panel-deep) 90%, transparent));
    }

    .brave-mobile-sheet__stat {
        display: grid;
        gap: 4px;
    }

    .brave-mobile-sheet__stat span,
    .brave-mobile-sheet__row-label,
    .brave-mobile-sheet__quest-meta,
    .brave-mobile-sheet__more {
        letter-spacing: calc(var(--brave-letter-spacing) + 0.04em);
        color: var(--brave-text-dim);
        font-size: calc(0.68rem * var(--brave-text-scale) * var(--brave-font-size-scale));
        text-transform: uppercase;
    }

    .brave-mobile-sheet__stat strong,
    .brave-mobile-sheet__row-value,
    .brave-mobile-sheet__quest-title,
    .brave-mobile-sheet__bullet,
    .brave-mobile-sheet__empty {
        color: var(--brave-text-bright);
        font-size: calc(0.82rem * var(--brave-text-scale) * var(--brave-font-size-scale));
        line-height: 1.35;
    }

    .brave-mobile-sheet__row {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 10px;
        align-items: baseline;
    }

    .brave-mobile-sheet__row--action,
    .brave-mobile-sheet__bullet--action {
        width: 100%;
        text-align: left;
        appearance: none;
        -webkit-appearance: none;
    }

    .brave-mobile-sheet__bullet {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        gap: 10px;
        align-items: start;
    }

    .brave-mobile-sheet__bullet-copy {
        display: grid;
        gap: 3px;
        min-width: 0;
    }

    .brave-mobile-sheet__bullet-text {
        color: var(--brave-text-bright);
        line-height: 1.3;
    }

    .brave-mobile-sheet__bullet-detail {
        color: var(--brave-text-dim);
        font-size: calc(0.66rem * var(--brave-text-scale) * var(--brave-font-size-scale));
        line-height: 1.28;
    }

    .brave-mobile-sheet__bullet .scene-card__chip {
        justify-self: start;
        padding: 4px 7px;
        font-size: calc(0.58rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    }

    .brave-mobile-sheet__bullet-badge {
        letter-spacing: calc(var(--brave-letter-spacing) + 0.04em);
        color: var(--brave-text-bright);
        font-size: calc(0.68rem * var(--brave-text-scale) * var(--brave-font-size-scale));
        text-transform: uppercase;
    }

    .brave-mobile-sheet__empty--intro {
        text-transform: none;
        letter-spacing: normal;
        line-height: 1.45;
    }

    .brave-mobile-sheet__action {
        font-family: inherit;
        letter-spacing: calc(var(--brave-letter-spacing) + 0.06em);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 46px;
        padding: 12px 14px;
        border: 1px solid rgba(var(--brave-accent-rgb), 0.24);
        border-radius: var(--brave-radius-control);
        background: linear-gradient(180deg, var(--brave-accent), var(--brave-accent-mid) 72%, var(--brave-accent-dark) 100%);
        color: var(--brave-accent-contrast);
        font-size: calc(0.72rem * var(--brave-text-scale) * var(--brave-font-size-scale));
        text-transform: uppercase;
        appearance: none;
        -webkit-appearance: none;
    }

    .brave-view__mobile-utility-host {
        display: none;
    }

    #mobile-nav-dock .brave-view__navpad--mobile {
        grid-column: 1 / -1;
        width: 100%;
        max-width: none;
        align-self: stretch;
        gap: 5px;
        margin: 0;
        padding: 2px 0 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        touch-action: none;
        user-select: none;
        -webkit-user-select: none;
        transition: max-height 160ms ease, opacity 160ms ease, transform 160ms ease, margin 160ms ease;
    }

    .brave-mobile-nav-dock__inner--collapsed .brave-view__navpad--mobile {
        max-height: 0;
        margin-top: -5px;
        opacity: 0;
        pointer-events: none;
        transform: translateY(18px);
    }

    .brave-mobile-nav-dock__inner--expanded .brave-view__navpad--mobile {
        max-height: 190px;
        margin: 7px -5px calc(-5px - env(safe-area-inset-bottom, 0px));
        padding: 10px 5px calc(11px + env(safe-area-inset-bottom, 0px));
        border-top: 1px solid color-mix(in srgb, var(--brave-world-line) 70%, rgba(var(--brave-accent-rgb), 0.3));
        background:
            radial-gradient(circle at 50% 0, rgba(var(--brave-accent-rgb), 0.2), transparent 58%),
            linear-gradient(180deg, rgba(31, 39, 31, 0.9), rgba(8, 12, 9, 0.62));
        backdrop-filter: blur(8px) saturate(1.08);
        -webkit-backdrop-filter: blur(8px) saturate(1.08);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.065),
            inset 0 18px 30px rgba(255, 255, 255, 0.03),
            inset 0 -18px 26px rgba(0, 0, 0, 0.2);
        opacity: 1;
        pointer-events: auto;
        transform: translateY(0);
    }

    #mobile-nav-dock .brave-view__navgrid {
        width: min(184px, 100%);
        max-width: none;
        margin: 0 auto;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        grid-template-rows: repeat(3, 48px);
        row-gap: 4px;
        column-gap: 4px;
    }

    #mobile-nav-dock .brave-view__navcard,
    #mobile-nav-dock .brave-view__navslot {
        height: 100%;
    }

    #mobile-nav-dock .brave-view__navcard--north,
    #mobile-nav-dock .brave-view__navslot--north {
        align-self: start;
        margin-top: 0;
    }

    #mobile-nav-dock .brave-view__navcard--south,
    #mobile-nav-dock .brave-view__navslot--south {
        align-self: end;
    }

    #mobile-nav-dock .brave-view__navcard {
        flex-direction: column;
        gap: 1px;
        padding: 5px;
    }

    #mobile-nav-dock .brave-view__navcard-badge {
        position: static;
        left: auto;
        right: auto;
        transform: none;
        align-self: center;
        justify-self: center;
        margin: 0 auto;
        min-width: 1.5rem;
        min-height: 1.5rem;
        padding: 3px 7px;
        font-size: calc(0.62rem * var(--brave-text-scale) * var(--brave-font-size-scale));
        line-height: 1;
        text-align: center;
    }

    #mobile-nav-dock .brave-view__navcard-label,
    #mobile-nav-dock .brave-view__nav-centercard-label,
    #mobile-nav-dock .brave-view__nav-chip-label {
        display: block;
        max-width: 100%;
        padding: 0;
        overflow: hidden;
        color: color-mix(in srgb, var(--brave-text-soft) 78%, var(--brave-text-bright));
        font-size: calc(0.5rem * var(--brave-text-scale) * var(--brave-font-size-scale));
        line-height: 1.05;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    #mobile-nav-dock .brave-view__nav-centercard {
        min-height: 28px;
        padding: 5px 8px;
        gap: 5px;
    }

    #mobile-nav-dock .brave-view__nav-centercard-label {
        font-size: calc(0.54rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    }

    #mobile-nav-dock .brave-view__nav-centerstack {
        gap: 4px;
    }

    #mobile-nav-dock .brave-view__nav-extra {
        min-height: 0;
    }

    #mobile-nav-dock .brave-view__nav-extra--mobile,
    #mobile-nav-dock .brave-view__nav-extra--routes {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
    }

    #mobile-nav-dock .brave-view__nav-chip {
        padding: 7px 10px;
        min-height: 34px;
    }

    .brave-view--room .brave-view__sections {
        width: 100%;
        grid-template-columns: 1fr;
        grid-template-areas: none;
        grid-template-rows: auto;
        height: auto;
        align-items: start;
        align-content: start;
    }

    .brave-view--room .brave-view__section--threats,
    .brave-view--room .brave-view__section--entities,
    .brave-view--room .brave-view__section--vicinity {
        grid-area: auto;
        min-height: 0;
    }

    .brave-view--room .brave-view__section--navpad {
        display: none;
    }

    .brave-view--room {
        display: flex;
        width: 100%;
        min-height: 0;
        max-width: none;
        gap: 12px;
        touch-action: manipulation;
    }

    .brave-view--room .brave-view__hero {
        position: static;
        top: auto;
        z-index: auto;
        gap: 10px;
        padding: 14px 14px 12px;
        width: 100%;
        flex: 0 0 auto;
        align-self: stretch;
    }

    .brave-view__micromap {
        font-family: var(--brave-mono-font-family);
        letter-spacing: 0;
        cursor: pointer;
        position: relative;
        margin: 4px auto 22px;
        width: 80px;
        height: 80px;
        background:
            radial-gradient(circle at 50% 35%, rgba(var(--brave-accent-rgb), 0.05), transparent 62%),
            rgba(8, 10, 12, 0.18);
        border: 1px solid rgba(var(--brave-accent-rgb), 0.16);
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 9.5px;
        line-height: 1;
        white-space: pre;
        font-variant-ligatures: none;
        font-kerning: none;
        color: color-mix(in srgb, var(--brave-accent) 68%, var(--brave-text-soft));
        pointer-events: auto;
        backdrop-filter: blur(2px);
        overflow: hidden;
        text-align: center;
        z-index: 5;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.025),
            0 8px 16px rgba(0, 0, 0, 0.12);
        opacity: 0.9;
    }

    .brave-view__micromap[aria-hidden="true"] {
        display: none !important;
    }

    .brave-view__wordmark-text {
        letter-spacing: calc(var(--brave-letter-spacing) + 0.13em);
        font-size: clamp(1.9rem, 9vw, 3.2rem);
    }

    .brave-view--room .brave-view__section--list {
        width: 100%;
        min-height: 0;
        max-height: none;
        justify-self: stretch;
        align-self: stretch;
    }

    .brave-view--room .brave-view__section--vicinity {
        width: 100%;
        justify-self: stretch;
        align-self: stretch;
    }

    .brave-view:not(.brave-view--room) .brave-view__sections {
        grid-template-columns: 1fr;
    }

    .brave-view--combat .brave-view__sections {
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 1099px) {
    .brave-view--journal .brave-view__sections {
        grid-template-columns: 1fr;
    }

    .brave-view--sheet .brave-view__sections {
        grid-template-columns: 1fr;
    }

    .brave-view--gear .brave-view__sections {
        grid-template-columns: 1fr;
    }

    .brave-view--gear .brave-view__section--open .brave-view__list {
        grid-template-columns: 1fr;
    }

    .brave-view--sheet .brave-view__section--status .brave-view__meters {
        grid-template-columns: 1fr;
    }

    .scene-rail {
        top: 24px;
        right: 24px;
        width: min(452px, calc(100% - 48px));
        max-height: none;
        padding-right: 0;
        grid-template-columns: repeat(2, minmax(0, 220px));
        gap: 12px;
    }

    .scene-rail__panel--map {
        width: 100%;
    }

    .scene-rail__panel {
        padding: 14px 16px 16px;
        border-radius: 22px;
    }

    .scene-card {
        display: none !important;
    }
}

@media screen and (max-width: 640px) {
    body {
        --brave-mobile-dock-clearance: 124px;
        --brave-mobile-input-pane-height: 112px;
        --brave-mobile-combat-log-height: clamp(112px, 24vh, 176px);
    }

    body[data-brave-scene="combat"] .brave-gl-main-item,
    body[data-brave-scene="combat"] .brave-gl-main-item > .lm_content {
        display: flex;
        flex-direction: column;
        height: 100% !important;
        min-height: 0;
        overflow: hidden;
    }

    body[data-brave-scene="combat"] .content,
    body[data-brave-scene="combat"] #messagewindow {
        overflow: hidden;
        overscroll-behavior: none;
    }

    body[data-brave-scene="combat"] #main-sub {
        position: relative;
        overflow: hidden;
        overscroll-behavior: none;
    }

    body[data-brave-scene="combat"] #main-sub::before {
        content: "";
        position: absolute;
        inset: 12px;
        border: 1px solid rgba(169, 106, 92, 0.3);
        border-radius: var(--brave-radius-panel);
        background:
            radial-gradient(circle at 12% 0, rgba(159, 90, 76, 0.12), transparent 22%),
            radial-gradient(circle at 86% 8%, rgba(76, 111, 130, 0.1), transparent 24%),
            radial-gradient(circle at 50% 100%, rgba(0, 0, 0, 0.28), transparent 34%),
            linear-gradient(180deg, rgba(255, 255, 255, 0.018), transparent 18%),
            linear-gradient(180deg, rgba(17, 21, 29, 0.98), rgba(9, 11, 16, 1));
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.04),
            inset 0 0 0 1px rgba(255, 255, 255, 0.015),
            var(--brave-shadow);
        pointer-events: none;
        z-index: 0;
    }

    body[data-brave-scene="combat"] #messagewindow {
        position: absolute;
        inset: 12px;
        height: auto !important;
        min-height: 0;
        max-height: none;
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding-top: 8px;
        padding-bottom: max(8px, env(safe-area-inset-bottom, 0px));
        margin: 0;
        border: 0;
        background: transparent;
        box-shadow: none;
        z-index: 1;
    }

    body[data-brave-scene="combat"] #messagewindow > .brave-sticky-view {
        display: flex;
        flex-direction: column;
        flex: 1 1 auto;
        position: relative;
        top: auto;
        gap: 10px;
        width: 100%;
        min-height: 0;
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom-left-radius: 26px;
        border-bottom-right-radius: 26px;
        overflow: hidden;
        background:
            linear-gradient(180deg, rgba(6, 9, 7, 0.985), rgba(6, 9, 7, 0.978) 72%, rgba(6, 9, 7, 0.962));
    }

    body[data-brave-scene="combat"] #messagewindow > .brave-sticky-view > .brave-view--combat {
        display: flex;
        flex: 1 1 auto;
        min-height: 0;
        overflow: hidden;
    }

    .brave-view--combat .brave-view__hero {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        padding: 8px 10px 6px;
    }

    .brave-view--combat .brave-view__eyebrow {
        letter-spacing: calc(var(--brave-letter-spacing) + 0.08em);
        margin: 0;
        color: #f0ddd0;
        font-size: calc(0.76rem * var(--brave-text-scale) * var(--brave-font-size-scale));
        text-transform: uppercase;
    }

    .brave-view--combat .brave-view__eyebrow-icon,
    .brave-view--combat .brave-view__title,
    .brave-view--combat .brave-view__subtitle {
        display: none;
    }

    .brave-view--combat .brave-view__actions {
        margin-top: 0;
        margin-left: auto;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 6px;
    }

    .brave-view--combat .brave-view__action {
        padding: 7px 8px;
        min-height: 2.3rem;
        font-size: calc(0.64rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    }

    .brave-view--combat .brave-view__sections {
        gap: 8px;
    }

    body[data-brave-scene="combat"] .brave-view--combat {
        width: 100%;
        flex: 1 1 auto;
        min-height: 0;
        gap: 10px;
    }

    body[data-brave-scene="combat"] .brave-view--combat .brave-view__sections {
        display: flex;
        flex-direction: column;
        flex: 1 1 auto;
        align-items: stretch;
        overflow: hidden;
        min-height: 0;
    }

    .brave-view--combat .brave-view__section {
        flex: 0 0 auto;
        gap: 8px;
        padding: 10px 10px 8px;
    }

    .brave-view--combat .brave-view__section--party,
    .brave-view--combat .brave-view__section--targets {
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.026), transparent 22%),
            linear-gradient(180deg, rgba(17, 21, 29, 0.98), rgba(9, 11, 16, 1));
    }

    .brave-view--combat .brave-view__section--party::before,
    .brave-view--combat .brave-view__section--targets::before {
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.025), transparent 22%, transparent 84%, rgba(255, 255, 255, 0.012));
    }

    .brave-view--combat .brave-view__section--targets {
        order: 1;
    }

    .brave-view--combat .brave-view__section--party {
        order: 2;
    }

    .brave-combat-tray-tabs {
        order: 3;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 6px;
    }

    .brave-combat-tray-tabs__tab {
        letter-spacing: calc(var(--brave-letter-spacing) + 0.05em);
        font-weight: 700;
        appearance: none;
        border: 1px solid rgba(154, 120, 103, 0.24);
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.04), transparent 30%),
            linear-gradient(180deg, rgba(19, 23, 31, 0.98), rgba(10, 13, 18, 1));
        color: rgba(225, 212, 201, 0.82);
        border-radius: 12px;
        padding: 8px 10px;
        font-size: calc(0.66rem * var(--brave-text-scale) * var(--brave-font-size-scale));
        text-transform: uppercase;
    }

    .brave-combat-tray-tabs__tab--active {
        border-color: rgba(181, 121, 96, 0.4);
        color: #f5e7dd;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.06),
            0 8px 18px rgba(0, 0, 0, 0.16);
        background:
            linear-gradient(180deg, rgba(200, 128, 98, 0.16), transparent 34%),
            linear-gradient(180deg, rgba(25, 18, 18, 0.98), rgba(12, 10, 11, 1));
    }

    .brave-combat-tray-tabs__tab--empty,
    .brave-combat-tray-tabs__tab:disabled {
        opacity: 0.46;
    }

    .brave-view--combat .brave-view__section-label {
        font-size: calc(0.72rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    }

    .brave-view--combat .brave-view__hero {
        padding: 12px 12px 12px;
        gap: 7px;
    }

    .brave-view--combat .brave-view__actions {
        margin-top: 1px;
    }

    .brave-view--combat .brave-view__section--party .brave-view__entries,
    .brave-view--combat .brave-view__section--targets .brave-view__entries {
        display: grid;
        grid-auto-flow: column;
        grid-template-columns: none;
        gap: 5px;
        align-items: stretch;
        overflow-x: auto;
        overscroll-behavior-x: contain;
        scrollbar-width: none;
        padding-bottom: 2px;
        scroll-snap-type: x proximity;
    }

    .brave-view--combat .brave-view__section--party .brave-view__entries {
        grid-auto-columns: clamp(112px, 31vw, 136px);
    }

    .brave-view--combat .brave-view__section--targets .brave-view__entries {
        grid-auto-columns: clamp(86px, 24vw, 104px);
        grid-auto-rows: 142px;
    }

    .brave-view--combat .brave-view__section--party .brave-view__entry-cluster {
        grid-template-columns: minmax(0, 1fr) minmax(44px, 0.36fr);
        height: 178px;
        min-height: 178px;
        max-height: 178px;
    }

    .brave-view--combat .brave-view__section--party .brave-view__entry-cluster > .brave-view__entry,
    .brave-view--combat .brave-view__section--party .brave-view__entry-sidecars,
    .brave-view--combat .brave-view__section--party .brave-view__entry-sidecar {
        height: 100%;
        min-height: 0;
        max-height: 100%;
    }

    .brave-view--combat .brave-view__section--party.brave-view__section--compact .brave-view__entries {
        grid-template-columns: none;
        grid-auto-columns: calc((100% - 15px) / 4);
        grid-auto-rows: 166px;
    }

    .brave-view--combat .brave-view__section--party.brave-view__section--compact .brave-view__entry-cluster {
        grid-template-columns: minmax(0, 1fr) minmax(28px, 0.32fr);
        gap: 3px;
        height: 166px;
        min-height: 166px;
        max-height: 166px;
    }

    .brave-view--combat .brave-view__section--party.brave-view__section--compact .brave-view__entry {
        height: 166px;
        min-height: 166px;
        max-height: 166px;
        padding: 5px 4px 4px;
        gap: 3px;
    }

    .brave-view--combat .brave-view__section--party.brave-view__section--compact .brave-view__entry-cluster > .brave-view__entry,
    .brave-view--combat .brave-view__section--party.brave-view__section--compact .brave-view__entry-sidecars,
    .brave-view--combat .brave-view__section--party.brave-view__section--compact .brave-view__entry-sidecar {
        height: 100%;
        min-height: 0;
        max-height: 100%;
    }

    .brave-view--combat .brave-view__section--party .brave-view__entry-sidecar .brave-view__entry-badge {
        display: none;
    }

    .brave-view--combat .brave-view__section--party .brave-view__entry-sidecar .brave-view__entry-title {
        font-size: calc(0.4rem * var(--brave-text-scale) * var(--brave-font-size-scale));
        line-height: 1.05;
    }

    @media screen and (max-width: 340px) {
        .brave-view--combat .brave-view__section--party.brave-view__section--compact .brave-view__entry-cluster {
            grid-template-columns: minmax(0, 1fr);
        }

        .brave-view--combat .brave-view__section--party.brave-view__section--compact .brave-view__entry-sidecars {
            display: none;
        }
    }

    .brave-view--combat .brave-view__section--party .brave-view__entries::-webkit-scrollbar,
    .brave-view--combat .brave-view__section--targets .brave-view__entries::-webkit-scrollbar {
        display: none;
    }

    .brave-view--combat .brave-view__section--party .brave-view__entry,
    .brave-view--combat .brave-view__section--targets .brave-view__entry {
        display: grid;
        grid-template-rows: auto auto auto 1fr;
        align-content: start;
        gap: 4px;
        padding: 6px 6px 5px;
        height: 150px;
        overflow: hidden;
        box-sizing: border-box;
        border-radius: 12px;
        width: auto;
        min-width: 0;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.035),
            0 10px 18px rgba(0, 0, 0, 0.18);
        scroll-snap-align: start;
    }

    .brave-view--combat .brave-view__section--party .brave-view__entry {
        height: 178px;
        border-color: rgba(116, 149, 146, 0.24);
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.05), transparent 22%),
            linear-gradient(180deg, rgba(23, 28, 36, 0.98), rgba(11, 15, 20, 1));
    }

    .brave-view--combat .brave-view__section--targets .brave-view__entry {
        height: 142px;
        border-color: rgba(170, 109, 96, 0.24);
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.05), transparent 22%),
            linear-gradient(180deg, rgba(24, 19, 20, 0.98), rgba(14, 10, 10, 1));
    }

    .brave-view--combat .brave-view__section--party .brave-view__entry-head,
    .brave-view--combat .brave-view__section--targets .brave-view__entry-head {
        gap: 6px;
        align-items: center;
    }

    .brave-view--combat .brave-view__section--party .brave-view__entry-icon-wrap,
    .brave-view--combat .brave-view__section--targets .brave-view__entry-icon-wrap,
    .brave-view--combat .brave-view__section--targets .brave-view__entry-badge {
        width: 19px;
        min-width: 19px;
        height: 19px;
    }

    .brave-view--combat .brave-view__section--targets .brave-view__entry-icon-wrap,
    .brave-view--combat .brave-view__section--targets .brave-view__entry-badge {
        width: 18px;
        min-width: 18px;
        height: 18px;
    }


    .brave-view--combat .brave-view__section--party .brave-view__entry--size-elite {
        height: 196px;
        padding: 8px 8px 6px;
    }

    .brave-view--combat .brave-view__section--targets .brave-view__entry--size-elite {
        grid-column: auto;
        width: auto;
        max-width: calc(100vw - 48px);
    }

    .brave-view--combat .brave-view__section--targets .brave-view__entry--size-boss {
        grid-column: span 3;
        width: auto;
        max-width: calc(100vw - 48px);
    }

    .brave-view--combat .brave-view__section--targets .brave-view__entry--size-elite {
        border-color: rgba(235, 174, 118, 0.62);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.06),
            0 0 0 1px rgba(235, 174, 118, 0.18),
            0 12px 22px rgba(0, 0, 0, 0.24);
    }

    .brave-view--combat .brave-view__section--targets .brave-view__entry--size-elite .brave-view__entry-title {
        font-weight: 900;
    }

    .brave-view--combat .brave-view__section--party .brave-view__entry--size-boss,
    .brave-view--combat .brave-view__section--targets .brave-view__entry--size-boss {
        height: 166px;
        padding: 10px 10px 8px;
    }

    .brave-view--combat .brave-view__section--targets .brave-view__entry--size-boss {
        gap: 4px;
        min-height: 166px;
        max-height: 166px;
    }

    .brave-view--combat .brave-view__section--party .brave-view__entry--size-elite .brave-view__entry-ornament,
    .brave-view--combat .brave-view__section--targets .brave-view__entry--size-elite .brave-view__entry-ornament {
        --brave-entry-ornament-ratio: 0.2;
        --brave-entry-ornament-fallback: 2rem;
    }

    .brave-view--combat .brave-view__section--party .brave-view__entry--size-boss .brave-view__entry-ornament,
    .brave-view--combat .brave-view__section--targets .brave-view__entry--size-boss .brave-view__entry-ornament {
        --brave-entry-ornament-ratio: 0.24;
        --brave-entry-ornament-fallback: 2.3rem;
    }

    .brave-view--combat .brave-view__entry-title {
        display: -webkit-box;
        font-size: calc(0.72rem * var(--brave-text-scale) * var(--brave-font-size-scale));
        line-height: 1.12;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .brave-view--combat .brave-view__entry-meta {
        margin-top: 0;
        font-size: calc(0.5rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    }
    .brave-view--combat .brave-view__section--party .brave-view__entry-title {
        font-size: calc(0.66rem * var(--brave-text-scale) * var(--brave-font-size-scale));
        line-height: 1.08;
    }

    .brave-view--combat .brave-view__section--party .brave-view__entry-body {
        gap: 1px;
    }

    .brave-view--combat .brave-view__section--party .brave-view__meter-label,
    .brave-view--combat .brave-view__section--party .brave-view__meter-value {
        font-size: calc(0.48rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    }

    .brave-view--combat .brave-view__section--party .brave-view__meter[data-meter-kind="atb"] .brave-view__meter-label {
        font-size: calc(0.45rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    }

    .brave-view--combat .brave-view__section--party .brave-view__meter-track {
        height: 4px;
    }

    .brave-view--combat .brave-view__section--party .brave-view__entry-chips .scene-card__chip {
        font-size: calc(0.48rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    }

    .brave-view--combat .brave-view__entry-body,
    .brave-view--combat .brave-view__lines {
        gap: 3px;
    }

    .brave-view--combat .brave-view__entry-line {
        line-height: 1.24;
    }

    .brave-view--combat .brave-view__section--party .brave-view__entry-chips,
    .brave-view--combat .brave-view__section--targets .brave-view__entry-chips {
        gap: 3px;
    }

    .brave-view--combat .brave-view__section--party .brave-view__entry-chips .scene-card__chip,
    .brave-view--combat .brave-view__section--targets .brave-view__entry-chips .scene-card__chip {
        font-size: calc(0.5rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    }

    .brave-view--combat .brave-view__meters {
        gap: 3px;
    }

    .brave-view--combat .brave-view__meter {
        gap: 2px;
    }

    .brave-view--combat .brave-view__section--party .brave-view__entry-body,
    .brave-view--combat .brave-view__section--targets .brave-view__entry-body {
        min-height: 0;
        overflow: hidden;
    }

    .brave-view--combat .brave-view__section--party .brave-view__entry-body {
        min-height: 0.9em;
    }

    .brave-view--combat .brave-view__section--targets .brave-view__entry-body:empty {
        display: none;
    }

    .brave-view--combat .brave-view__meter-head {
        gap: 5px;
    }

    .brave-view--combat .brave-view__meter-label {
        font-size: calc(0.5rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    }

    .brave-view--combat .brave-view__meter-value {
        font-size: calc(0.58rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    }

    .brave-view--combat .brave-view__meter-track {
        height: 5px;
    }

    .brave-view--combat .brave-view__section--party .brave-view__entry-icon-wrap {
        width: 18px;
        min-width: 18px;
        height: 18px;
        padding: 1px 3px;
    }

    .brave-view--combat .brave-view__section--party .brave-view__entry-title {
        font-size: calc(0.6rem * var(--brave-text-scale) * var(--brave-font-size-scale));
        line-height: 1.06;
    }

    .brave-view--combat .brave-view__section--party .brave-view__entry-chips .scene-card__chip {
        font-size: calc(0.42rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    }

    .brave-view--combat .brave-view__section--party .brave-view__meter-label,
    .brave-view--combat .brave-view__section--party .brave-view__meter-value {
        font-size: calc(0.42rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    }

    .brave-view--combat .brave-view__section--party .brave-view__meter[data-meter-kind="atb"] .brave-view__meter-label {
        font-size: calc(0.4rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    }

    .brave-view--combat .brave-view__section--party .brave-view__entry-body {
        gap: 1px;
    }

    .brave-view--combat .brave-view__section--party .brave-view__meter-track {
        height: 5px;
    }

    .brave-view--combat .brave-view__section--abilities .brave-view__list,
    .brave-view--combat .brave-view__section--items .brave-view__list {
        display: grid;
        grid-auto-flow: column;
        grid-template-rows: repeat(2, minmax(0, 1fr));
        grid-auto-columns: minmax(150px, 46vw);
        gap: 6px;
        align-items: stretch;
        overflow-x: auto;
        overscroll-behavior-x: contain;
        scrollbar-width: none;
        padding-bottom: 2px;
        scroll-snap-type: x proximity;
    }

    .brave-view--combat .brave-view__section--abilities .brave-view__list::-webkit-scrollbar,
    .brave-view--combat .brave-view__section--items .brave-view__list::-webkit-scrollbar {
        display: none;
    }

    .brave-view--combat .brave-view__section--abilities .brave-view__list-item,
    .brave-view--combat .brave-view__section--items .brave-view__list-item {
        min-height: 0;
        align-items: center;
        padding: 7px 8px;
        border-radius: 13px;
        scroll-snap-align: start;
    }

    .brave-view--combat .brave-view__section--abilities .brave-view__list-text,
    .brave-view--combat .brave-view__section--items .brave-view__list-text {
        display: -webkit-box;
        font-size: calc(0.66rem * var(--brave-text-scale) * var(--brave-font-size-scale));
        line-height: 1.22;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        word-break: break-word;
    }

    .brave-view--combat .brave-view__section--abilities .brave-view__badge,
    .brave-view--combat .brave-view__section--items .brave-view__badge {
        min-width: 20px;
        height: 20px;
        font-size: calc(0.56rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    }

    .brave-view--combat .brave-view__section--items .brave-view__list {
        grid-template-rows: repeat(1, minmax(0, 1fr));
        grid-auto-columns: minmax(184px, 56vw);
    }

    .brave-view--sheet .brave-view__sections {
        grid-template-columns: 1fr;
    }

    .brave-view--sheet .brave-view__section--status .brave-view__meters {
        grid-template-columns: 1fr;
    }

    .brave-view--sheet .brave-view__section--stats .brave-view__pairs {
        grid-template-columns: 1fr;
    }

    .brave-view--combat[data-brave-combat-tab="abilities"] .brave-view__section--items,
    .brave-view--combat[data-brave-combat-tab="items"] .brave-view__section--abilities {
        display: none;
    }

    body[data-brave-scene="combat"] .brave-combat-log {
        display: flex;
        order: 5;
        flex: 1 1 auto;
        align-self: stretch;
        width: 100%;
        min-height: var(--brave-mobile-combat-log-height);
        max-height: none;
        overflow: hidden;
        gap: 6px;
        padding: 8px 8px 7px;
    }

    body[data-brave-scene="combat"] .brave-combat-log__head {
        font-size: calc(0.58rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    }

    body[data-brave-scene="combat"] .brave-combat-log__body {
        flex: 1 1 auto;
        gap: 4px;
        max-height: none;
        min-height: 0;
    }

    body[data-brave-scene="combat"] .brave-combat-log__body > .out,
    body[data-brave-scene="combat"] .brave-combat-log__body > .msg,
    body[data-brave-scene="combat"] .brave-combat-log__body > .err {
        padding: 7px 8px;
        font-size: calc(0.76rem * var(--brave-text-scale) * var(--brave-font-size-scale));
        line-height: 1.34;
    }

    .brave-view--combat .brave-view__section--abilities .brave-view__list-item {
        padding: 7px 7px 6px;
        gap: 5px;
    }

    .brave-view--combat .brave-view__section--abilities .brave-view__list {
        display: grid;
        grid-auto-flow: column;
        grid-template-rows: repeat(2, minmax(0, auto));
        grid-auto-columns: minmax(132px, 41vw);
        gap: 5px;
        overflow-x: auto;
        overscroll-behavior-x: contain;
        scrollbar-width: none;
        padding-bottom: 2px;
        scroll-snap-type: x proximity;
    }

    .brave-view--combat .brave-view__section--abilities .brave-view__list::-webkit-scrollbar {
        display: none;
    }

    .brave-view--combat .brave-view__section--abilities .brave-view__list-item {
        min-height: 0;
        scroll-snap-align: start;
    }

    .brave-view--combat .brave-view__section--abilities .brave-view__list-main {
        gap: 5px;
        align-items: flex-start;
    }

    .brave-view--combat .brave-view__section--abilities .brave-view__badge {
        min-width: 1.1rem;
        min-height: 1.1rem;
        font-size: calc(0.48rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    }

    .brave-view--combat .brave-view__section--abilities .brave-view__list-text {
        font-size: calc(0.68rem * var(--brave-text-scale) * var(--brave-font-size-scale));
        line-height: 1.12;
    }

    .brave-view--combat .brave-view__section--abilities .brave-view__badge {
        min-width: 1.2rem;
        min-height: 1.2rem;
        font-size: calc(0.52rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    }

    .brave-view--combat .brave-view__section--abilities .brave-view__list-text {
        font-size: calc(0.72rem * var(--brave-text-scale) * var(--brave-font-size-scale));
        line-height: 1.2;
    }

    .brave-view--journal .brave-view__action {
        min-width: 0;
        flex: 1 1 auto;
    }

    .content,
    #messagewindow {
        padding: 16px;
    }

    .inputwrap {
        padding: 10px;
    }

    .inputfieldwrapper {
        grid-template-columns: minmax(0, 1fr) 52px;
        gap: 10px;
    }

    .inputfield,
    #inputfield {
        min-height: 64px;
        padding: 14px;
    }

    .inputsend,
    #inputsend {
        width: 52px;
        min-width: 52px;
        height: 52px;
    }

    #mobile-nav-dock {
        left: 12px;
        right: 12px;
        bottom: 0;
    }

    #mobile-nav-dock .brave-mobile-nav-dock__inner {
        font-size: 0.98em;
    }

    #mobile-nav-dock .brave-view__navgrid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    #mobile-nav-dock .brave-view__navcard,
    #mobile-nav-dock .brave-view__navslot {
        height: 100%;
    }

    .brave-mobile-tools {
        gap: 6px;
        padding: 8px;
    }

    .brave-mobile-tools__button,
    .brave-mobile-sheet__close {
        min-height: 38px;
        padding: 8px 6px;
        font-size: calc(0.62rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    }

    #mobile-utility-sheet {
        left: 12px;
        right: 12px;
        top: 12px;
        bottom: 12px;
    }

    .brave-mobile-sheet__tabs {
        gap: 6px;
        padding: 10px 10px 8px;
    }

    .brave-mobile-sheet__body {
        padding: 12px 12px 16px;
    }

    .brave-mobile-sheet__stats {
        grid-template-columns: 1fr;
    }

    .brave-view__wordmark-text {
        letter-spacing: calc(var(--brave-letter-spacing) + 0.13em);
        font-size: clamp(1.7rem, 10vw, 2.6rem);
    }

    .brave-view__titlebar {
        gap: 10px;
    }

    .brave-view__back {
        padding: 6px 10px;
    }

    .brave-view__sections {
        grid-template-columns: 1fr;
    }

    .brave-view--room,
    .brave-view--room .brave-view__sections,
    .brave-view--room .brave-view__sections > .brave-view__section,
    .brave-view--room .brave-view__section--vicinity,
    .brave-view--room .brave-view__section--list {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        justify-self: stretch !important;
    }

    .brave-view--room .brave-view__sections {
        flex: 0 0 auto;
        align-self: stretch !important;
    }

    .brave-view--chargen .brave-view__entries {
        grid-template-columns: 1fr;
    }

    .brave-view--map .brave-view__sections {
        grid-template-columns: 1fr;
    }

    .brave-view--room .brave-view__sections {
        grid-template-columns: 1fr;
        height: auto;
    }

    .brave-view__pair {
        grid-template-columns: 1fr;
        gap: 4px;
    }

    .brave-view__pair-value {
        text-align: left;
    }

    .brave-view__navgrid {
        grid-template-columns: minmax(0, 1fr) minmax(104px, 0.84fr) minmax(0, 1fr);
    }

    .brave-view__navcard,
    .brave-view__navslot {
        height: 100%;
    }

    .brave-view__nav-centercard {
        min-height: 44px;
        padding: 7px 9px;
    }

    .brave-view__navcard--north,
    .brave-view__navcard--south,
    .brave-view__navslot--north,
    .brave-view__navslot--south {
        width: min(190px, 100%);
    }
}

@media (hover: none) and (pointer: coarse) {
    .brave-click--row:focus-visible,
    .brave-view--room .brave-click--row:focus-visible,
    .brave-view--combat .brave-view__section--abilities .brave-view__list-item.brave-click--row:focus-visible,
    .brave-view--combat .brave-view__section--items .brave-view__list-item.brave-click--row:focus-visible,
    .brave-view--combat .brave-view__section--party .brave-click--row:focus-visible,
    .brave-view--combat .brave-view__section--targets .brave-click--row:focus-visible,
    .brave-view__list-primary:focus-visible,
    .brave-view__entry--button:focus-visible {
        outline: none;
    }
}


.brave-toolbar {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    pointer-events: auto;
}

.brave-toolbar__button {
    font-family: inherit;
    letter-spacing: calc(var(--brave-letter-spacing) + 0.08em);
    min-height: 40px;
    padding: 0 16px;
    border: 1px solid color-mix(in srgb, var(--brave-world-line) 76%, rgba(var(--brave-accent-rgb), 0.18));
    border-radius: 999px;
    background:
        radial-gradient(circle at 0 0, color-mix(in srgb, var(--brave-accent) 9%, transparent), transparent 48%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.05), transparent 42%),
        linear-gradient(180deg, var(--brave-surface-soft-top), var(--brave-surface-soft-bottom));
    color: var(--brave-text-bright);
    font-size: calc(0.7rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    text-transform: uppercase;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 12px 26px rgba(0, 0, 0, 0.24);
}

.brave-toolbar__button:hover,
.brave-toolbar__button:focus-visible {
    border-color: rgba(var(--brave-accent-rgb), 0.42);
    background:
        radial-gradient(circle at 0 0, color-mix(in srgb, var(--brave-accent) 13%, transparent), transparent 48%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.03)),
        linear-gradient(180deg, var(--brave-surface-soft-top), var(--brave-surface-soft-bottom));
    color: var(--brave-text-brighter);
    outline: none;
}

.scene-pack-panel__head {
    display: grid;
    gap: 8px;
    margin-bottom: 10px;
}

.scene-pack-panel__title {
    margin: 0;
}

.brave-room-log__jump {
    display: none;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 20px;
    margin-left: auto;
    padding: 0 7px;
    border: 1px solid rgba(var(--brave-accent-rgb), 0.52);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(var(--brave-accent-rgb), 0.24), rgba(var(--brave-accent-rgb), 0.12)),
        rgba(0, 0, 0, 0.16);
    color: var(--brave-text-bright);
    font-family: var(--brave-ui-font-family);
    font-size: calc(0.68rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 0 0 1px rgba(var(--brave-accent-rgb), 0.08);
}

.brave-room-log__jump--visible {
    display: inline-flex;
}

.brave-room-log__jump--hidden,
.brave-room-log__jump--hidden.brave-room-log__jump--visible {
    display: none;
}

.brave-room-log__jump:hover,
.brave-room-log__jump:focus-visible {
    border-color: rgba(var(--brave-accent-rgb), 0.78);
    background:
        linear-gradient(180deg, rgba(var(--brave-accent-rgb), 0.34), rgba(var(--brave-accent-rgb), 0.18)),
        rgba(0, 0, 0, 0.2);
    outline: none;
}

.scene-pack-panel__title-icon {
    font-size: 0.96rem;
}

.scene-pack-panel__silver {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(var(--brave-accent-rgb), 0.12);
}

.scene-pack-panel__silver-label {
    letter-spacing: calc(var(--brave-letter-spacing) + 0.08em);
    color: var(--brave-text-dim);
    font-size: calc(0.62rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    text-transform: uppercase;
}

.scene-pack-panel__silver-value {
    color: var(--brave-text-bright);
    font-size: calc(0.86rem * var(--brave-text-scale) * var(--brave-font-size-scale));
}

.scene-pack-panel__items {
    display: grid;
    gap: 8px;
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding-right: 2px;
    scrollbar-width: thin;
    scrollbar-color: color-mix(in srgb, var(--brave-accent) 54%, var(--brave-text-dim)) color-mix(in srgb, var(--brave-world-line) 38%, transparent);
}

.scene-pack-panel__items::-webkit-scrollbar {
    width: 8px;
}

.scene-pack-panel__items::-webkit-scrollbar-track {
    border-radius: 999px;
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--brave-world-surface-tint) 42%, transparent), color-mix(in srgb, var(--brave-surface-deep-bottom) 64%, transparent));
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--brave-world-line) 34%, transparent);
}

.scene-pack-panel__items::-webkit-scrollbar-thumb {
    border: 2px solid transparent;
    border-radius: 999px;
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--brave-accent) 72%, var(--brave-text-soft)), color-mix(in srgb, var(--brave-accent) 44%, var(--brave-world-line)));
    background-clip: padding-box;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.16),
        0 0 0 1px rgba(var(--brave-accent-rgb), 0.12);
}

.scene-pack-panel__items::-webkit-scrollbar-thumb:hover {
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--brave-accent) 84%, var(--brave-text-bright)), color-mix(in srgb, var(--brave-accent) 56%, var(--brave-world-line)));
    background-clip: padding-box;
}

.scene-pack-panel__item {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}

.scene-pack-panel__item-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: color-mix(in srgb, var(--brave-accent) 72%, var(--brave-text-soft));
}

.scene-pack-panel__item-label {
    font-family: var(--brave-body-font-family);
    letter-spacing: var(--brave-body-letter-spacing);
    min-width: 0;
    color: var(--brave-text-soft);
    font-size: calc(0.76rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.35;
}

.scene-pack-panel__item-qty {
    font-family: var(--brave-body-font-family);
    letter-spacing: var(--brave-body-letter-spacing);
    color: var(--brave-text-dim);
    font-size: calc(0.68rem * var(--brave-text-scale) * var(--brave-font-size-scale));
}

.scene-pack-panel__overflow,
.scene-pack-panel__empty {
    font-family: var(--brave-body-font-family);
    letter-spacing: var(--brave-body-letter-spacing);
    color: var(--brave-text-dim);
    font-size: calc(0.7rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    padding-top: 4px;
}

.brave-theme-preview {
    margin-top: 12px;
    border: 1px solid rgba(var(--brave-accent-rgb), 0.12);
    border-radius: 14px;
    overflow: hidden;
}

.brave-theme-preview__toolbar {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    padding: 8px 10px;
    background: rgba(255, 255, 255, 0.03);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.brave-theme-preview__chip {
    letter-spacing: 0.08em;
    color: inherit;
    font-size: 0.66rem;
    text-transform: uppercase;
}

.brave-theme-preview__window {
    padding: 14px;
}

.brave-theme-preview__eyebrow {
    letter-spacing: 0.08em;
    font-size: 0.62rem;
    text-transform: uppercase;
    opacity: 0.7;
}

.brave-theme-preview__title {
    margin-top: 4px;
    font-size: 1.02rem;
    line-height: 1.1;
}

.brave-theme-preview__line {
    margin-top: 8px;
    font-size: 0.78rem;
    line-height: 1.45;
}

.brave-theme-preview[data-brave-theme-preview="hearth"] {
    font-family: "Brave Red Hat Mono", monospace;
    background: linear-gradient(180deg, rgba(40, 30, 22, 0.95), rgba(14, 10, 8, 0.96));
    color: #f4ead8;
}

.brave-theme-preview[data-brave-theme-preview="signalglass"] {
    font-family: "Brave Share Tech Mono", monospace;
    background: linear-gradient(180deg, rgba(8, 11, 11, 0.98), rgba(2, 3, 3, 1));
    color: #d6e6df;
}

.brave-theme-preview[data-brave-theme-preview="terminal"] {
    font-family: "Brave DejaVu Sans Mono", monospace;
    background: linear-gradient(180deg, rgba(5, 7, 8, 0.92), rgba(2, 3, 4, 0.98));
    color: #d9e2de;
}

.brave-theme-preview[data-brave-theme-preview="campfire"] {
    font-family: "Brave VT323", monospace;
    background: linear-gradient(180deg, rgba(27, 24, 21, 0.94), rgba(8, 7, 6, 0.98));
    color: #f1e9dc;
}

.brave-theme-preview[data-brave-theme-preview="journal"] {
    font-family: "Brave Anonymous Pro", monospace;
    background: linear-gradient(180deg, rgba(250, 244, 230, 0.98), rgba(237, 228, 209, 0.98));
    color: #2a1f14;
}

.brave-theme-preview[data-brave-theme-preview="atlas"] {
    font-family: "Brave Space Mono", monospace;
    background: linear-gradient(180deg, rgba(17, 21, 25, 0.98), rgba(7, 9, 11, 1));
    color: #edf1f5;
}

/* In-world menu screens keep exploration visually behind them and own the shell. */
body[data-brave-scene="map"],
body[data-brave-scene="journal"],
body[data-brave-scene="character"],
body[data-brave-scene="equipment"],
body[data-brave-scene="pack"],
body[data-brave-scene="party"],
body[data-brave-scene="theme"] {
    --brave-menu-primary-rgb: 132, 164, 182;
    --brave-menu-secondary-rgb: 208, 224, 232;
    --brave-menu-title-color: #eff8fc;
    --brave-menu-copy-color: #d9e7ec;
    --brave-menu-dim-color: #8fb1c0;
    --brave-menu-panel-top: color-mix(in srgb, rgb(var(--brave-menu-primary-rgb)) 24%, rgba(8, 10, 12, 0.98));
    --brave-menu-panel-bottom: color-mix(in srgb, rgb(var(--brave-menu-primary-rgb)) 8%, rgba(4, 5, 6, 1));
    --brave-menu-section-top: color-mix(in srgb, rgb(var(--brave-menu-primary-rgb)) 18%, rgba(9, 11, 13, 0.955));
    --brave-menu-section-bottom: color-mix(in srgb, rgb(var(--brave-menu-primary-rgb)) 7%, rgba(5, 6, 7, 0.99));
    --brave-menu-entry-top: color-mix(in srgb, rgb(var(--brave-menu-primary-rgb)) 22%, rgba(12, 14, 16, 0.92));
    --brave-menu-entry-bottom: color-mix(in srgb, rgb(var(--brave-menu-primary-rgb)) 8%, rgba(5, 6, 7, 0.985));
    --brave-accent: rgb(var(--brave-menu-primary-rgb));
    --brave-accent-rgb: var(--brave-menu-primary-rgb);
    --brave-accent-mid: color-mix(in srgb, rgb(var(--brave-menu-primary-rgb)) 72%, rgb(var(--brave-menu-secondary-rgb)));
    --brave-accent-dark: color-mix(in srgb, rgb(var(--brave-menu-primary-rgb)) 58%, #05080b);
    --brave-link: color-mix(in srgb, rgb(var(--brave-menu-secondary-rgb)) 74%, var(--brave-menu-title-color));
    --brave-world-line: rgba(var(--brave-menu-primary-rgb), 0.18);
    --brave-world-surface-tint: rgba(var(--brave-menu-primary-rgb), 0.055);
    --brave-world-surface-tint-soft: rgba(var(--brave-menu-primary-rgb), 0.032);
    --brave-world-surface-tint-strong: rgba(var(--brave-menu-primary-rgb), 0.1);
    --brave-state-surface-tint: rgba(var(--brave-menu-primary-rgb), 0.1);
    --brave-state-surface-tint-soft: rgba(var(--brave-menu-primary-rgb), 0.06);
    --brave-menu-scene-backdrop:
        radial-gradient(circle at 12% 8%, rgba(var(--brave-menu-primary-rgb), 0.18), transparent 22%),
        radial-gradient(circle at 86% 10%, rgba(var(--brave-menu-secondary-rgb), 0.1), transparent 24%),
        radial-gradient(circle at 50% 100%, rgba(0, 0, 0, 0.3), transparent 36%),
        linear-gradient(180deg, rgba(11, 20, 26, 0.96), rgba(5, 8, 11, 1));
    --brave-menu-veil-bg:
        radial-gradient(circle at 12% 8%, rgba(var(--brave-menu-primary-rgb), 0.12), transparent 22%),
        radial-gradient(circle at 86% 10%, rgba(var(--brave-menu-secondary-rgb), 0.06), transparent 24%),
        linear-gradient(180deg, rgba(7, 12, 16, 0.28), rgba(3, 5, 7, 0.52));
    --brave-menu-shell-bg:
        radial-gradient(circle at 12% 8%, rgba(var(--brave-menu-primary-rgb), 0.14), transparent 22%),
        radial-gradient(circle at 86% 10%, rgba(var(--brave-menu-secondary-rgb), 0.08), transparent 24%),
        radial-gradient(circle at 50% 100%, rgba(0, 0, 0, 0.28), transparent 36%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.016), transparent 16%),
        linear-gradient(180deg, var(--brave-menu-panel-top), var(--brave-menu-panel-bottom));
}

body[data-brave-scene="map"] {
    --brave-menu-primary-rgb: 132, 164, 182;
    --brave-menu-secondary-rgb: 208, 224, 232;
    --brave-menu-title-color: #eff8fc;
    --brave-menu-copy-color: #d9e7ec;
    --brave-menu-dim-color: #8fb1c0;
    --brave-menu-panel-top: color-mix(in srgb, rgb(var(--brave-menu-primary-rgb)) 24%, rgba(8, 10, 12, 0.98));
    --brave-menu-panel-bottom: color-mix(in srgb, rgb(var(--brave-menu-primary-rgb)) 8%, rgba(4, 5, 6, 1));
    --brave-menu-section-top: color-mix(in srgb, rgb(var(--brave-menu-primary-rgb)) 18%, rgba(9, 11, 13, 0.955));
    --brave-menu-section-bottom: color-mix(in srgb, rgb(var(--brave-menu-primary-rgb)) 7%, rgba(5, 6, 7, 0.99));
    --brave-menu-entry-top: color-mix(in srgb, rgb(var(--brave-menu-primary-rgb)) 22%, rgba(12, 14, 16, 0.92));
    --brave-menu-entry-bottom: color-mix(in srgb, rgb(var(--brave-menu-primary-rgb)) 8%, rgba(5, 6, 7, 0.985));
    --brave-menu-scene-backdrop:
        radial-gradient(circle at 12% 8%, rgba(var(--brave-menu-primary-rgb), 0.16), transparent 22%),
        radial-gradient(circle at 86% 10%, rgba(var(--brave-menu-secondary-rgb), 0.08), transparent 24%),
        radial-gradient(circle at 50% 100%, rgba(0, 0, 0, 0.3), transparent 36%),
        linear-gradient(180deg, rgba(11, 20, 26, 0.96), rgba(5, 8, 11, 1));
}

body[data-brave-scene="map"][data-brave-world-tone="neutral"],
body[data-brave-scene="map"][data-brave-world-tone="brambleford"] {
    --brave-menu-primary-rgb: 224, 179, 113;
    --brave-menu-secondary-rgb: 238, 211, 165;
    --brave-menu-title-color: #fff1dd;
    --brave-menu-copy-color: #ead7bd;
    --brave-menu-dim-color: #cfaa73;
    --brave-menu-panel-top: rgba(45, 31, 18, 0.98);
    --brave-menu-panel-bottom: rgba(14, 10, 7, 1);
    --brave-menu-section-top: rgba(36, 26, 17, 0.955);
    --brave-menu-section-bottom: rgba(13, 9, 6, 0.99);
    --brave-menu-entry-top: rgba(56, 39, 24, 0.92);
    --brave-menu-entry-bottom: rgba(20, 14, 9, 0.985);
    --brave-menu-scene-backdrop:
        radial-gradient(circle at 14% 8%, rgba(var(--brave-menu-primary-rgb), 0.16), transparent 20%),
        radial-gradient(circle at 84% 10%, rgba(var(--brave-menu-secondary-rgb), 0.1), transparent 22%),
        radial-gradient(circle at 50% 100%, rgba(0, 0, 0, 0.26), transparent 34%),
        linear-gradient(180deg, rgba(43, 30, 18, 0.96), rgba(13, 10, 7, 1));
}

body[data-brave-scene="map"][data-brave-world-tone="goblinroad"] {
    --brave-menu-primary-rgb: 198, 122, 77;
    --brave-menu-secondary-rgb: 228, 174, 118;
    --brave-menu-title-color: #f8ece5;
    --brave-menu-copy-color: #ebd7ce;
    --brave-menu-dim-color: #cf9776;
    --brave-menu-panel-top: rgba(43, 27, 19, 0.98);
    --brave-menu-panel-bottom: rgba(13, 8, 6, 1);
    --brave-menu-section-top: rgba(36, 24, 18, 0.955);
    --brave-menu-section-bottom: rgba(13, 8, 6, 0.99);
    --brave-menu-entry-top: rgba(58, 35, 24, 0.92);
    --brave-menu-entry-bottom: rgba(20, 12, 8, 0.985);
}

body[data-brave-scene="map"][data-brave-world-tone="woods"] {
    --brave-menu-primary-rgb: 120, 180, 154;
    --brave-menu-secondary-rgb: 192, 221, 186;
    --brave-menu-title-color: #eef9f1;
    --brave-menu-copy-color: #d8e9dd;
    --brave-menu-dim-color: #94baa5;
    --brave-menu-panel-top: rgba(11, 28, 22, 0.98);
    --brave-menu-panel-bottom: rgba(5, 11, 8, 1);
    --brave-menu-section-top: rgba(11, 23, 19, 0.955);
    --brave-menu-section-bottom: rgba(5, 10, 8, 0.99);
    --brave-menu-entry-top: rgba(17, 36, 29, 0.92);
    --brave-menu-entry-bottom: rgba(7, 14, 11, 0.985);
}

body[data-brave-scene="map"][data-brave-world-tone="oldbarrow"] {
    --brave-menu-primary-rgb: 182, 176, 161;
    --brave-menu-secondary-rgb: 223, 218, 204;
    --brave-menu-title-color: #f2f0ec;
    --brave-menu-copy-color: #ddd9d1;
    --brave-menu-dim-color: #b4aea4;
}

body[data-brave-scene="map"][data-brave-world-tone="watchtower"] {
    --brave-menu-primary-rgb: 176, 122, 87;
    --brave-menu-secondary-rgb: 222, 184, 146;
    --brave-menu-title-color: #f8ede8;
    --brave-menu-copy-color: #e7d8d0;
    --brave-menu-dim-color: #c89a7c;
}

body[data-brave-scene="map"][data-brave-world-tone="warrens"] {
    --brave-menu-primary-rgb: 200, 141, 67;
    --brave-menu-secondary-rgb: 236, 197, 121;
    --brave-menu-title-color: #fbf0dc;
    --brave-menu-copy-color: #ecdcc0;
    --brave-menu-dim-color: #d0a562;
}

body[data-brave-scene="map"][data-brave-world-tone="blackfen"] {
    --brave-menu-primary-rgb: 111, 162, 120;
    --brave-menu-secondary-rgb: 181, 207, 164;
    --brave-menu-title-color: #eef7ef;
    --brave-menu-copy-color: #d7e4d8;
    --brave-menu-dim-color: #8fb198;
}

body[data-brave-scene="map"][data-brave-world-tone="drownedweir"] {
    --brave-menu-primary-rgb: 126, 187, 197;
    --brave-menu-secondary-rgb: 180, 220, 227;
    --brave-menu-title-color: #eefbff;
    --brave-menu-copy-color: #d6e8ed;
    --brave-menu-dim-color: #8fbeca;
}

body[data-brave-scene="map"][data-brave-world-tone="nexus"] {
    --brave-menu-primary-rgb: 124, 183, 215;
    --brave-menu-secondary-rgb: 173, 219, 246;
    --brave-menu-title-color: #eef5ff;
    --brave-menu-copy-color: #d9e6f2;
    --brave-menu-dim-color: #93b8d7;
}

body[data-brave-scene="map"][data-brave-world-tone="junkyard"] {
    --brave-menu-primary-rgb: 221, 143, 82;
    --brave-menu-secondary-rgb: 236, 189, 132;
    --brave-menu-title-color: #fbede2;
    --brave-menu-copy-color: #ecd8ca;
    --brave-menu-dim-color: #d3a06f;
}

body[data-brave-scene="map"][data-brave-world-tone="portal"] {
    --brave-menu-primary-rgb: 154, 184, 218;
    --brave-menu-secondary-rgb: 200, 223, 245;
    --brave-menu-title-color: #eff5fb;
    --brave-menu-copy-color: #dbe6f1;
    --brave-menu-dim-color: #a0bdd7;
}

body[data-brave-scene="journal"] {
    --brave-menu-primary-rgb: 182, 138, 87;
    --brave-menu-secondary-rgb: 228, 199, 145;
    --brave-menu-title-color: #fbf0de;
    --brave-menu-copy-color: #e8d6bc;
    --brave-menu-dim-color: #c39a67;
    --brave-menu-panel-top: rgba(48, 33, 21, 0.98);
    --brave-menu-panel-bottom: rgba(15, 11, 8, 1);
    --brave-menu-section-top: rgba(37, 27, 18, 0.955);
    --brave-menu-section-bottom: rgba(14, 10, 7, 0.99);
    --brave-menu-entry-top: rgba(59, 42, 28, 0.92);
    --brave-menu-entry-bottom: rgba(21, 15, 10, 0.985);
    --brave-menu-scene-backdrop:
        radial-gradient(circle at 14% 8%, rgba(var(--brave-menu-primary-rgb), 0.16), transparent 20%),
        radial-gradient(circle at 84% 10%, rgba(var(--brave-menu-secondary-rgb), 0.1), transparent 22%),
        radial-gradient(circle at 50% 100%, rgba(0, 0, 0, 0.26), transparent 34%),
        linear-gradient(180deg, rgba(52, 36, 22, 0.96), rgba(16, 12, 8, 1));
}

body[data-brave-scene="character"] {
    --brave-menu-primary-rgb: 110, 140, 176;
    --brave-menu-secondary-rgb: 211, 190, 145;
    --brave-menu-title-color: #f0f4fb;
    --brave-menu-copy-color: #d7e0ea;
    --brave-menu-dim-color: #92aac4;
    --brave-menu-panel-top: rgba(16, 22, 31, 0.98);
    --brave-menu-panel-bottom: rgba(7, 10, 15, 1);
    --brave-menu-scene-backdrop:
        radial-gradient(circle at 12% 8%, rgba(var(--brave-menu-primary-rgb), 0.16), transparent 22%),
        radial-gradient(circle at 86% 10%, rgba(var(--brave-menu-secondary-rgb), 0.08), transparent 22%),
        radial-gradient(circle at 50% 100%, rgba(0, 0, 0, 0.28), transparent 36%),
        linear-gradient(180deg, rgba(13, 18, 26, 0.96), rgba(6, 8, 12, 1));
}

body[data-brave-scene="equipment"] {
    --brave-menu-primary-rgb: 154, 138, 118;
    --brave-menu-secondary-rgb: 224, 188, 120;
    --brave-menu-title-color: #f7efe4;
    --brave-menu-copy-color: #e5d8c8;
    --brave-menu-dim-color: #b9a58c;
    --brave-menu-panel-top: rgba(30, 25, 22, 0.98);
    --brave-menu-panel-bottom: rgba(12, 10, 9, 1);
    --brave-menu-section-top: rgba(28, 23, 20, 0.955);
    --brave-menu-section-bottom: rgba(12, 9, 8, 0.99);
    --brave-menu-entry-top: rgba(43, 36, 30, 0.92);
    --brave-menu-entry-bottom: rgba(17, 13, 11, 0.985);
    --brave-menu-scene-backdrop:
        radial-gradient(circle at 12% 8%, rgba(var(--brave-menu-primary-rgb), 0.16), transparent 22%),
        radial-gradient(circle at 86% 10%, rgba(var(--brave-menu-secondary-rgb), 0.1), transparent 24%),
        radial-gradient(circle at 50% 100%, rgba(0, 0, 0, 0.3), transparent 36%),
        linear-gradient(180deg, rgba(22, 18, 16, 0.96), rgba(7, 6, 5, 1));
}

body[data-brave-scene="pack"] {
    --brave-menu-primary-rgb: 150, 83, 103;
    --brave-menu-secondary-rgb: 222, 165, 116;
    --brave-menu-title-color: #f8e9e8;
    --brave-menu-copy-color: #e6d0d0;
    --brave-menu-dim-color: #c2929a;
    --brave-menu-panel-top: rgba(35, 18, 24, 0.98);
    --brave-menu-panel-bottom: rgba(12, 7, 9, 1);
    --brave-menu-section-top: rgba(30, 16, 21, 0.955);
    --brave-menu-section-bottom: rgba(12, 7, 9, 0.99);
    --brave-menu-entry-top: rgba(45, 24, 31, 0.92);
    --brave-menu-entry-bottom: rgba(17, 9, 12, 0.985);
    --brave-menu-scene-backdrop:
        radial-gradient(circle at 12% 8%, rgba(var(--brave-menu-primary-rgb), 0.16), transparent 22%),
        radial-gradient(circle at 86% 10%, rgba(var(--brave-menu-secondary-rgb), 0.08), transparent 24%),
        radial-gradient(circle at 50% 100%, rgba(0, 0, 0, 0.28), transparent 36%),
        linear-gradient(180deg, rgba(24, 12, 17, 0.96), rgba(7, 4, 5, 1));
}

body[data-brave-scene="party"] {
    --brave-menu-primary-rgb: 98, 148, 128;
    --brave-menu-secondary-rgb: 202, 191, 144;
    --brave-menu-title-color: #eef6ef;
    --brave-menu-copy-color: #d6e6dc;
    --brave-menu-dim-color: #8eb49f;
    --brave-menu-panel-top: rgba(12, 22, 20, 0.98);
    --brave-menu-panel-bottom: rgba(5, 10, 9, 1);
    --brave-menu-scene-backdrop:
        radial-gradient(circle at 12% 8%, rgba(var(--brave-menu-primary-rgb), 0.16), transparent 22%),
        radial-gradient(circle at 86% 10%, rgba(var(--brave-menu-secondary-rgb), 0.08), transparent 24%),
        radial-gradient(circle at 50% 100%, rgba(0, 0, 0, 0.28), transparent 36%),
        linear-gradient(180deg, rgba(9, 18, 16, 0.96), rgba(4, 8, 7, 1));
}

body[data-brave-scene="theme"] {
    --brave-menu-primary-rgb: 165, 105, 178;
    --brave-menu-secondary-rgb: 230, 176, 205;
    --brave-menu-title-color: #fbedf8;
    --brave-menu-copy-color: #ead5e6;
    --brave-menu-dim-color: #c597c4;
    --brave-menu-panel-top: rgba(31, 15, 34, 0.98);
    --brave-menu-panel-bottom: rgba(12, 6, 14, 1);
    --brave-menu-section-top: rgba(29, 15, 31, 0.955);
    --brave-menu-section-bottom: rgba(12, 6, 13, 0.99);
    --brave-menu-entry-top: rgba(43, 22, 47, 0.92);
    --brave-menu-entry-bottom: rgba(17, 8, 19, 0.985);
    --brave-menu-scene-backdrop:
        radial-gradient(circle at 12% 8%, rgba(var(--brave-menu-primary-rgb), 0.16), transparent 22%),
        radial-gradient(circle at 86% 10%, rgba(var(--brave-menu-secondary-rgb), 0.1), transparent 24%),
        radial-gradient(circle at 50% 100%, rgba(0, 0, 0, 0.3), transparent 36%),
        linear-gradient(180deg, rgba(24, 11, 27, 0.96), rgba(7, 3, 9, 1));
}

body[data-brave-scene="map"]::after,
body[data-brave-scene="journal"]::after,
body[data-brave-scene="character"]::after,
body[data-brave-scene="equipment"]::after,
body[data-brave-scene="pack"]::after,
body[data-brave-scene="party"]::after,
body[data-brave-scene="theme"]::after {
    opacity: 0;
    background: none;
}

body[data-brave-scene="map"] #clientwrapper,
body[data-brave-scene="journal"] #clientwrapper,
body[data-brave-scene="character"] #clientwrapper,
body[data-brave-scene="equipment"] #clientwrapper,
body[data-brave-scene="pack"] #clientwrapper,
body[data-brave-scene="party"] #clientwrapper,
body[data-brave-scene="theme"] #clientwrapper {
    isolation: isolate;
}

body[data-brave-scene="map"] #clientwrapper::before,
body[data-brave-scene="journal"] #clientwrapper::before,
body[data-brave-scene="character"] #clientwrapper::before,
body[data-brave-scene="equipment"] #clientwrapper::before,
body[data-brave-scene="pack"] #clientwrapper::before,
body[data-brave-scene="party"] #clientwrapper::before,
body[data-brave-scene="theme"] #clientwrapper::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    backdrop-filter: blur(12px) saturate(0.62);
    -webkit-backdrop-filter: blur(12px) saturate(0.62);
    background:
        var(--brave-menu-veil-bg),
        var(--brave-menu-scene-backdrop);
}

body[data-brave-scene="map"] .content,
body[data-brave-scene="map"] #messagewindow,
body[data-brave-scene="map"] .inputwrap,
body[data-brave-scene="journal"] .content,
body[data-brave-scene="journal"] #messagewindow,
body[data-brave-scene="journal"] .inputwrap,
body[data-brave-scene="character"] .content,
body[data-brave-scene="character"] #messagewindow,
body[data-brave-scene="character"] .inputwrap,
body[data-brave-scene="equipment"] .content,
body[data-brave-scene="equipment"] #messagewindow,
body[data-brave-scene="equipment"] .inputwrap,
body[data-brave-scene="pack"] .content,
body[data-brave-scene="pack"] #messagewindow,
body[data-brave-scene="pack"] .inputwrap,
body[data-brave-scene="party"] .content,
body[data-brave-scene="party"] #messagewindow,
body[data-brave-scene="party"] .inputwrap,
body[data-brave-scene="theme"] .content,
body[data-brave-scene="theme"] #messagewindow,
body[data-brave-scene="theme"] .inputwrap,
body[data-brave-scene="map"] .scene-rail,
body[data-brave-scene="journal"] .scene-rail,
body[data-brave-scene="character"] .scene-rail,
body[data-brave-scene="equipment"] .scene-rail,
body[data-brave-scene="pack"] .scene-rail,
body[data-brave-scene="party"] .scene-rail,
body[data-brave-scene="theme"] .scene-rail {
    position: relative;
    z-index: 1;
}

body[data-brave-scene="map"] .content,
body[data-brave-scene="map"] #messagewindow,
body[data-brave-scene="map"] .inputwrap,
body[data-brave-scene="journal"] .content,
body[data-brave-scene="journal"] #messagewindow,
body[data-brave-scene="journal"] .inputwrap,
body[data-brave-scene="character"] .content,
body[data-brave-scene="character"] #messagewindow,
body[data-brave-scene="character"] .inputwrap,
body[data-brave-scene="equipment"] .content,
body[data-brave-scene="equipment"] #messagewindow,
body[data-brave-scene="equipment"] .inputwrap,
body[data-brave-scene="pack"] .content,
body[data-brave-scene="pack"] #messagewindow,
body[data-brave-scene="pack"] .inputwrap,
body[data-brave-scene="party"] .content,
body[data-brave-scene="party"] #messagewindow,
body[data-brave-scene="party"] .inputwrap,
body[data-brave-scene="theme"] .content,
body[data-brave-scene="theme"] #messagewindow,
body[data-brave-scene="theme"] .inputwrap {
    border-color: color-mix(in srgb, rgba(var(--brave-menu-primary-rgb), 0.28) 64%, var(--brave-border));
    background: var(--brave-menu-shell-bg);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        inset 0 0 0 1px rgba(255, 255, 255, 0.012),
        var(--brave-shadow);
}

body[data-brave-scene="journal"] .brave-view--journal,
body[data-brave-scene="map"] .brave-view--map {
    --brave-screen-primary-rgb: var(--brave-menu-primary-rgb);
    --brave-screen-secondary-rgb: var(--brave-menu-secondary-rgb);
    --brave-screen-title-color: var(--brave-menu-title-color);
    --brave-screen-copy-color: var(--brave-menu-copy-color);
    --brave-screen-dim-color: var(--brave-menu-dim-color);
    --brave-screen-panel-top: var(--brave-menu-panel-top);
    --brave-screen-panel-bottom: var(--brave-menu-panel-bottom);
    --brave-screen-section-top: var(--brave-menu-section-top);
    --brave-screen-section-bottom: var(--brave-menu-section-bottom);
    --brave-screen-entry-top: var(--brave-menu-entry-top);
    --brave-screen-entry-bottom: var(--brave-menu-entry-bottom);
}

body[data-brave-scene="character"] .brave-view--sheet,
body[data-brave-scene="equipment"] .brave-view--gear,
body[data-brave-scene="pack"] .brave-view--pack,
body[data-brave-scene="party"] .brave-view--party,
body[data-brave-scene="theme"] .brave-view--theme {
    --brave-screen-primary-rgb: var(--brave-menu-primary-rgb);
    --brave-screen-secondary-rgb: var(--brave-menu-secondary-rgb);
    --brave-screen-title-color: var(--brave-menu-title-color);
    --brave-screen-copy-color: var(--brave-menu-copy-color);
    --brave-screen-dim-color: var(--brave-menu-dim-color);
    --brave-screen-panel-top: var(--brave-menu-panel-top);
    --brave-screen-panel-bottom: var(--brave-menu-panel-bottom);
    --brave-screen-section-top: var(--brave-menu-section-top);
    --brave-screen-section-bottom: var(--brave-menu-section-bottom);
    --brave-screen-entry-top: var(--brave-menu-entry-top);
    --brave-screen-entry-bottom: var(--brave-menu-entry-bottom);
}

body[data-brave-scene="character"] .brave-view--sheet .brave-view__hero,
body[data-brave-scene="equipment"] .brave-view--gear .brave-view__hero,
body[data-brave-scene="pack"] .brave-view--pack .brave-view__hero,
body[data-brave-scene="party"] .brave-view--party .brave-view__hero,
body[data-brave-scene="theme"] .brave-view--theme .brave-view__hero {
    border-color: rgba(var(--brave-screen-primary-rgb), 0.28);
    background:
        radial-gradient(circle at 0 0, rgba(var(--brave-screen-primary-rgb), 0.16), transparent 44%),
        radial-gradient(circle at 100% 0, rgba(var(--brave-screen-secondary-rgb), 0.1), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent 24%),
        linear-gradient(180deg, var(--brave-screen-panel-top), var(--brave-screen-panel-bottom));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 24px 46px rgba(0, 0, 0, 0.28);
}

body[data-brave-scene="character"] .brave-view--sheet .brave-view__title,
body[data-brave-scene="equipment"] .brave-view--gear .brave-view__title,
body[data-brave-scene="pack"] .brave-view--pack .brave-view__title,
body[data-brave-scene="party"] .brave-view--party .brave-view__title,
body[data-brave-scene="theme"] .brave-view--theme .brave-view__title {
    color: var(--brave-screen-title-color);
}

body[data-brave-scene="character"] .brave-view--sheet .brave-view__title-icon,
body[data-brave-scene="equipment"] .brave-view--gear .brave-view__title-icon,
body[data-brave-scene="pack"] .brave-view--pack .brave-view__title-icon,
body[data-brave-scene="party"] .brave-view--party .brave-view__title-icon,
body[data-brave-scene="theme"] .brave-view--theme .brave-view__title-icon,
body[data-brave-scene="character"] .brave-view--sheet .brave-view__eyebrow-icon,
body[data-brave-scene="equipment"] .brave-view--gear .brave-view__eyebrow-icon,
body[data-brave-scene="pack"] .brave-view--pack .brave-view__eyebrow-icon,
body[data-brave-scene="party"] .brave-view--party .brave-view__eyebrow-icon,
body[data-brave-scene="theme"] .brave-view--theme .brave-view__eyebrow-icon,
body[data-brave-scene="character"] .brave-view--sheet .brave-view__section-icon,
body[data-brave-scene="equipment"] .brave-view--gear .brave-view__section-icon,
body[data-brave-scene="pack"] .brave-view--pack .brave-view__section-icon,
body[data-brave-scene="party"] .brave-view--party .brave-view__section-icon,
body[data-brave-scene="theme"] .brave-view--theme .brave-view__section-icon {
    color: rgb(var(--brave-screen-secondary-rgb));
}

body[data-brave-scene="character"] .brave-view--sheet .brave-view__subtitle,
body[data-brave-scene="equipment"] .brave-view--gear .brave-view__subtitle,
body[data-brave-scene="pack"] .brave-view--pack .brave-view__subtitle,
body[data-brave-scene="party"] .brave-view--party .brave-view__subtitle,
body[data-brave-scene="theme"] .brave-view--theme .brave-view__subtitle,
body[data-brave-scene="character"] .brave-view--sheet .brave-view__entry-line,
body[data-brave-scene="equipment"] .brave-view--gear .brave-view__entry-line,
body[data-brave-scene="pack"] .brave-view--pack .brave-view__entry-line,
body[data-brave-scene="party"] .brave-view--party .brave-view__entry-line,
body[data-brave-scene="theme"] .brave-view--theme .brave-view__entry-line,
body[data-brave-scene="character"] .brave-view--sheet .brave-view__list-text,
body[data-brave-scene="pack"] .brave-view--pack .brave-view__list-text,
body[data-brave-scene="party"] .brave-view--party .brave-view__list-text,
body[data-brave-scene="theme"] .brave-view--theme .brave-view__list-text,
body[data-brave-scene="character"] .brave-view--sheet .brave-view__pair-label,
body[data-brave-scene="pack"] .brave-view--pack .brave-view__pair-label {
    color: var(--brave-screen-copy-color);
}

body[data-brave-scene="character"] .brave-view--sheet .brave-view__eyebrow,
body[data-brave-scene="equipment"] .brave-view--gear .brave-view__eyebrow,
body[data-brave-scene="pack"] .brave-view--pack .brave-view__eyebrow,
body[data-brave-scene="party"] .brave-view--party .brave-view__eyebrow,
body[data-brave-scene="theme"] .brave-view--theme .brave-view__eyebrow,
body[data-brave-scene="character"] .brave-view--sheet .brave-view__section-label,
body[data-brave-scene="equipment"] .brave-view--gear .brave-view__section-label,
body[data-brave-scene="pack"] .brave-view--pack .brave-view__section-label,
body[data-brave-scene="party"] .brave-view--party .brave-view__section-label,
body[data-brave-scene="theme"] .brave-view--theme .brave-view__section-label,
body[data-brave-scene="character"] .brave-view--sheet .brave-view__entry-meta,
body[data-brave-scene="equipment"] .brave-view--gear .brave-view__entry-meta,
body[data-brave-scene="pack"] .brave-view--pack .brave-view__entry-meta,
body[data-brave-scene="party"] .brave-view--party .brave-view__entry-meta,
body[data-brave-scene="theme"] .brave-view--theme .brave-view__entry-meta {
    color: var(--brave-screen-dim-color);
}

body[data-brave-scene="character"] .brave-view--sheet .brave-view__section,
body[data-brave-scene="equipment"] .brave-view--gear .brave-view__section,
body[data-brave-scene="pack"] .brave-view--pack .brave-view__section:not(.brave-view__section--money),
body[data-brave-scene="party"] .brave-view--party .brave-view__section,
body[data-brave-scene="theme"] .brave-view--theme .brave-view__section {
    border-color: rgba(var(--brave-screen-primary-rgb), 0.22);
    background:
        radial-gradient(circle at 0 0, rgba(var(--brave-screen-primary-rgb), 0.12), transparent 48%),
        radial-gradient(circle at 100% 0, rgba(var(--brave-screen-secondary-rgb), 0.08), transparent 38%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.022), transparent 20%),
        linear-gradient(180deg, var(--brave-screen-section-top), var(--brave-screen-section-bottom));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.035),
        0 16px 30px rgba(0, 0, 0, 0.22);
}

body[data-brave-scene="character"] .brave-view--sheet .brave-view__entry,
body[data-brave-scene="equipment"] .brave-view--gear .brave-view__entry,
body[data-brave-scene="pack"] .brave-view--pack .brave-view__list-item,
body[data-brave-scene="party"] .brave-view--party .brave-view__entry,
body[data-brave-scene="party"] .brave-view--party .brave-view__list-item,
body[data-brave-scene="theme"] .brave-view--theme .brave-view__entry,
body[data-brave-scene="character"] .brave-view--sheet .brave-view__pair {
    border-color: rgba(var(--brave-screen-primary-rgb), 0.22);
    background:
        radial-gradient(circle at 0 0, rgba(var(--brave-screen-primary-rgb), 0.11), transparent 46%),
        radial-gradient(circle at 100% 0, rgba(var(--brave-screen-secondary-rgb), 0.06), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.028), transparent 22%),
        linear-gradient(180deg, var(--brave-screen-entry-top), var(--brave-screen-entry-bottom));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.03),
        0 10px 20px rgba(0, 0, 0, 0.18);
}

body[data-brave-scene="character"] .brave-view--sheet .brave-view__entry-title,
body[data-brave-scene="equipment"] .brave-view--gear .brave-view__entry-title,
body[data-brave-scene="pack"] .brave-view--pack .brave-view__entry-title,
body[data-brave-scene="pack"] .brave-view--pack .brave-view__pair-value,
body[data-brave-scene="party"] .brave-view--party .brave-view__entry-title,
body[data-brave-scene="party"] .brave-view--party .brave-view__item-text,
body[data-brave-scene="theme"] .brave-view--theme .brave-view__entry-title {
    color: var(--brave-screen-title-color);
}

body[data-brave-scene="character"] .brave-view--sheet .brave-view__entry-icon-wrap,
body[data-brave-scene="equipment"] .brave-view--gear .brave-view__entry-icon-wrap,
body[data-brave-scene="pack"] .brave-view--pack .brave-view__bullet,
body[data-brave-scene="party"] .brave-view--party .brave-view__entry-icon-wrap,
body[data-brave-scene="party"] .brave-view--party .brave-view__bullet,
body[data-brave-scene="theme"] .brave-view--theme .brave-view__entry-icon-wrap,
body[data-brave-scene="theme"] .brave-view--theme .brave-view__entry-badge,
body[data-brave-scene="party"] .brave-view--party .scene-card__chip,
body[data-brave-scene="theme"] .brave-view--theme .scene-card__chip,
body[data-brave-scene="character"] .brave-view--sheet .brave-view__bullet {
    border-color: rgba(var(--brave-screen-primary-rgb), 0.22);
    background: rgba(var(--brave-screen-primary-rgb), 0.14);
    color: color-mix(in srgb, rgb(var(--brave-screen-secondary-rgb)) 74%, var(--brave-screen-title-color));
}

body[data-brave-scene="character"] .brave-view--sheet .brave-view__action,
body[data-brave-scene="equipment"] .brave-view--gear .brave-view__action,
body[data-brave-scene="pack"] .brave-view--pack .brave-view__action,
body[data-brave-scene="pack"] .brave-view--pack .brave-view__mini-action,
body[data-brave-scene="party"] .brave-view--party .brave-view__action,
body[data-brave-scene="theme"] .brave-view--theme .brave-view__action {
    border-color: rgba(var(--brave-screen-primary-rgb), 0.24);
    background:
        linear-gradient(180deg, rgba(var(--brave-screen-primary-rgb), 0.14), rgba(255, 255, 255, 0.02)),
        linear-gradient(180deg, rgba(20, 24, 29, 0.94), rgba(8, 10, 14, 0.99));
    color: var(--brave-screen-copy-color);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.03),
        0 10px 20px rgba(0, 0, 0, 0.16);
}

body[data-brave-scene="character"] .brave-view--sheet .brave-view__action-icon,
body[data-brave-scene="equipment"] .brave-view--gear .brave-view__action-icon,
body[data-brave-scene="pack"] .brave-view--pack .brave-view__action-icon,
body[data-brave-scene="pack"] .brave-view--pack .brave-view__mini-action-icon,
body[data-brave-scene="party"] .brave-view--party .brave-view__action-icon,
body[data-brave-scene="theme"] .brave-view--theme .brave-view__action-icon {
    color: rgb(var(--brave-screen-secondary-rgb));
}

body[data-brave-scene="character"] .brave-view--sheet .brave-view__action--accent,
body[data-brave-scene="equipment"] .brave-view--gear .brave-view__action--accent,
body[data-brave-scene="pack"] .brave-view--pack .brave-view__action--accent,
body[data-brave-scene="pack"] .brave-view--pack .brave-view__mini-action--accent,
body[data-brave-scene="party"] .brave-view--party .brave-view__action--accent,
body[data-brave-scene="theme"] .brave-view--theme .brave-view__action--accent {
    border-color: rgba(var(--brave-screen-secondary-rgb), 0.28);
    background:
        linear-gradient(180deg, rgba(var(--brave-screen-secondary-rgb), 0.2), rgba(var(--brave-screen-primary-rgb), 0.12)),
        linear-gradient(180deg, rgba(27, 31, 37, 0.94), rgba(9, 11, 15, 0.99));
    color: var(--brave-screen-title-color);
}

body[data-brave-scene="character"] .brave-view--sheet .brave-view__action:focus-visible,
body[data-brave-scene="character"] .brave-view--sheet .brave-click--row:focus-visible,
body[data-brave-scene="equipment"] .brave-view--gear .brave-view__action:focus-visible,
body[data-brave-scene="equipment"] .brave-view--gear .brave-click--row:focus-visible,
body[data-brave-scene="pack"] .brave-view--pack .brave-view__action:focus-visible,
body[data-brave-scene="pack"] .brave-view--pack .brave-view__mini-action:focus-visible,
body[data-brave-scene="pack"] .brave-view--pack .brave-click--row:focus-visible,
body[data-brave-scene="party"] .brave-view--party .brave-view__action:focus-visible,
body[data-brave-scene="party"] .brave-view--party .brave-click--row:focus-visible,
body[data-brave-scene="theme"] .brave-view--theme .brave-view__action:focus-visible,
body[data-brave-scene="theme"] .brave-view--theme .brave-click--row:focus-visible {
    border-color: rgba(var(--brave-screen-secondary-rgb), 0.32);
    box-shadow: 0 0 0 1px rgba(var(--brave-screen-secondary-rgb), 0.14);
}

@media (hover: hover) and (pointer: fine) {
    body[data-brave-scene="character"] .brave-view--sheet .brave-view__action:hover,
    body[data-brave-scene="character"] .brave-view--sheet .brave-click--row:hover,
    body[data-brave-scene="equipment"] .brave-view--gear .brave-view__action:hover,
    body[data-brave-scene="equipment"] .brave-view--gear .brave-click--row:hover,
    body[data-brave-scene="pack"] .brave-view--pack .brave-view__action:hover,
    body[data-brave-scene="pack"] .brave-view--pack .brave-view__mini-action:hover,
    body[data-brave-scene="pack"] .brave-view--pack .brave-click--row:hover,
    body[data-brave-scene="party"] .brave-view--party .brave-view__action:hover,
    body[data-brave-scene="party"] .brave-view--party .brave-click--row:hover,
    body[data-brave-scene="theme"] .brave-view--theme .brave-view__action:hover,
    body[data-brave-scene="theme"] .brave-view--theme .brave-click--row:hover {
        border-color: rgba(var(--brave-screen-secondary-rgb), 0.28);
        background:
            radial-gradient(circle at 0 0, rgba(var(--brave-screen-primary-rgb), 0.14), transparent 46%),
            linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.02));
        box-shadow:
            0 0 0 1px rgba(var(--brave-screen-secondary-rgb), 0.08),
            0 12px 22px rgba(0, 0, 0, 0.16);
    }
}

body[data-brave-scene="map"] .brave-view--map .brave-view__section--pre {
    border-color: rgba(var(--brave-screen-primary-rgb), 0.24);
    background:
        radial-gradient(circle at 0 0, rgba(var(--brave-screen-primary-rgb), 0.12), transparent 48%),
        radial-gradient(circle at 100% 0, rgba(var(--brave-screen-secondary-rgb), 0.08), transparent 38%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.022), transparent 20%),
        linear-gradient(180deg, var(--brave-screen-section-top), var(--brave-screen-section-bottom));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.035),
        0 16px 30px rgba(0, 0, 0, 0.22);
}

body[data-brave-scene="map"] .brave-view--map .brave-view__pre--map {
    border-color: rgba(var(--brave-screen-primary-rgb), 0.3);
    background:
        radial-gradient(circle at 50% 18%, rgba(var(--brave-screen-primary-rgb), 0.16), transparent 42%),
        radial-gradient(circle at 8% 0, rgba(var(--brave-screen-secondary-rgb), 0.08), transparent 32%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.02), transparent 18%),
        linear-gradient(180deg, var(--brave-screen-entry-top), var(--brave-screen-entry-bottom));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.03),
        inset 0 0 0 1px rgba(255, 255, 255, 0.015),
        0 22px 36px rgba(0, 0, 0, 0.28);
    color: color-mix(in srgb, rgb(var(--brave-screen-secondary-rgb)) 30%, var(--brave-screen-copy-color));
    scrollbar-color: rgba(var(--brave-screen-primary-rgb), 0.82) rgba(var(--brave-screen-primary-rgb), 0.08);
}

body[data-brave-scene="map"] .brave-view--map .brave-view__pre--map::-webkit-scrollbar-track {
    background: rgba(var(--brave-screen-primary-rgb), 0.08);
}

body[data-brave-scene="map"] .brave-view--map .brave-view__pre--map::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, rgba(var(--brave-screen-secondary-rgb), 0.86), rgba(var(--brave-screen-primary-rgb), 0.64));
    border-color: rgba(var(--brave-screen-primary-rgb), 0.14);
}

body[data-brave-scene="map"] .brave-view--map .brave-view__map-cell--connector .brave-view__map-connector,
body[data-brave-scene="map"] .brave-view--map .brave-view__map-cell--connector-horizontal .brave-view__map-connector,
body[data-brave-scene="map"] .brave-view--map .brave-view__map-cell--connector-vertical .brave-view__map-connector {
    background: linear-gradient(90deg, rgba(var(--brave-screen-primary-rgb), 0.58), rgba(var(--brave-screen-secondary-rgb), 0.72));
    box-shadow:
        0 0 8px rgba(var(--brave-screen-primary-rgb), 0.18),
        0 0 14px rgba(var(--brave-screen-secondary-rgb), 0.08);
}

body[data-brave-scene="map"] .brave-view--map .brave-view__map-cell--room::before {
    border-color: rgba(var(--brave-screen-primary-rgb), 0.28);
    background:
        radial-gradient(circle at 50% 20%, rgba(var(--brave-screen-secondary-rgb), 0.16), transparent 54%),
        linear-gradient(180deg, rgba(var(--brave-screen-primary-rgb), 0.18), rgba(var(--brave-screen-primary-rgb), 0.08));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.045),
        0 8px 14px rgba(0, 0, 0, 0.18),
        0 0 12px rgba(var(--brave-screen-primary-rgb), 0.08);
}

body[data-brave-scene="map"] .brave-view--map .brave-view__map-cell--current::before {
    border-color: rgba(var(--brave-screen-secondary-rgb), 0.48);
    background:
        radial-gradient(circle at 50% 20%, rgba(var(--brave-screen-secondary-rgb), 0.34), transparent 55%),
        linear-gradient(180deg, rgba(var(--brave-screen-primary-rgb), 0.44), rgba(var(--brave-screen-primary-rgb), 0.2));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        0 0 16px rgba(var(--brave-screen-primary-rgb), 0.2);
}

body[data-brave-scene="map"] .brave-view--map .brave-view__map-cell--party::before {
    border-color: rgba(var(--brave-screen-secondary-rgb), 0.46);
    background:
        radial-gradient(circle at 50% 20%, rgba(var(--brave-screen-secondary-rgb), 0.26), transparent 55%),
        linear-gradient(180deg, rgba(var(--brave-screen-secondary-rgb), 0.26), rgba(var(--brave-screen-primary-rgb), 0.12));
}

body[data-brave-scene="map"] .brave-view--map .brave-view__map-room-icon {
    color: color-mix(in srgb, rgb(var(--brave-screen-secondary-rgb)) 76%, var(--brave-screen-title-color));
    filter: drop-shadow(0 0 6px rgba(var(--brave-screen-primary-rgb), 0.22));
}

body[data-brave-scene="map"] .brave-view--map .brave-view__map-cell--current .brave-view__map-room-icon,
body[data-brave-scene="map"] .brave-view--map .brave-view__map-cell--party .brave-view__map-room-icon {
    color: var(--brave-screen-title-color);
}

body[data-brave-scene="map"] .brave-view--map .brave-view__map-badge {
    color: var(--brave-screen-title-color);
    border-color: rgba(var(--brave-screen-secondary-rgb), 0.3);
    background: color-mix(in srgb, rgb(var(--brave-screen-primary-rgb)) 58%, rgba(18, 20, 22, 0.94));
}

body[data-brave-scene="map"] .brave-view--map .brave-view__map-badge--current,
body[data-brave-scene="map"] .brave-view--map .brave-view__map-badge--quest,
body[data-brave-scene="map"] .brave-view--map .brave-view__map-badge--danger,
body[data-brave-scene="map"] .brave-view--map .brave-view__map-badge--portal,
body[data-brave-scene="map"] .brave-view--map .brave-view__map-badge--service,
body[data-brave-scene="map"] .brave-view--map .brave-view__map-badge--activity,
body[data-brave-scene="map"] .brave-view--map .brave-view__map-badge--party {
    background: linear-gradient(180deg, rgba(var(--brave-screen-secondary-rgb), 0.76), rgba(var(--brave-screen-primary-rgb), 0.58));
}

body[data-brave-scene="theme"] .brave-view--theme .brave-view__entry {
    border-color: rgba(var(--brave-screen-primary-rgb), 0.26);
    background:
        radial-gradient(circle at 0 0, rgba(var(--brave-screen-primary-rgb), 0.13), transparent 46%),
        radial-gradient(circle at 100% 0, rgba(var(--brave-screen-secondary-rgb), 0.08), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.028), transparent 22%),
        linear-gradient(180deg, var(--brave-screen-entry-top), var(--brave-screen-entry-bottom));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.032),
        0 10px 20px rgba(0, 0, 0, 0.18);
}

@media (max-width: 900px) {
    #toolbar {
        display: none !important;
    }
}

#brave-chat-overlay-backdrop {
    position: fixed;
    inset: 0;
    z-index: 1208;
    opacity: 0;
    pointer-events: none;
    background: color-mix(in srgb, #020609 80%, transparent);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    transition: opacity 160ms ease;
}

body.brave-mobile-input-open #brave-chat-overlay-backdrop {
    opacity: 1;
    pointer-events: auto;
}

body.brave-mobile-input-open .prompt,
body.brave-mobile-input-open .brave-input-modebar {
    display: none !important;
}

body.brave-mobile-input-open .brave-gl-input-item,
body.brave-mobile-input-open .brave-gl-input-item > .lm_content,
body.brave-mobile-input-open .brave-gl-input-item > .lm_content > div {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-sizing: border-box !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    overflow: visible !important;
}

body.brave-mobile-input-open .brave-gl-input-item {
    z-index: 1209 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    pointer-events: auto !important;
}

body.brave-mobile-input-open .brave-gl-input-item .lm_content {
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.brave-mobile-input-open .brave-gl-input-item .inputwrap {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 12px 14px 14px !important;
    border: 1px solid color-mix(in srgb, rgba(var(--brave-accent-rgb), 0.28) 66%, var(--brave-border));
    border-radius: var(--brave-radius-panel);
    background:
        radial-gradient(circle at 0 0, color-mix(in srgb, var(--brave-accent) 8%, transparent), transparent 42%),
        radial-gradient(circle at 100% 0, color-mix(in srgb, var(--brave-good) 6%, transparent), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.028), transparent 22%),
        linear-gradient(180deg, var(--brave-surface-soft-top), var(--brave-surface-soft-bottom));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 24px 48px rgba(0, 0, 0, 0.36);
}

body.brave-mobile-input-open #inputfield {
    min-height: 72px;
    max-height: min(34vh, 240px);
}

body.brave-mobile-input-open #inputsend {
    min-width: 76px;
}

.brave-mobile-sheet__section--room-actions [data-brave-chat-open] {
    flex-basis: 100%;
}

@media screen and (min-width: 901px) {
    body.brave-mobile-input-open .brave-gl-input-item {
        position: fixed !important;
        left: 24px !important;
        right: 24px !important;
        top: auto !important;
        bottom: 24px !important;
        width: min(760px, calc(100vw - 48px)) !important;
        max-width: calc(100vw - 48px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        transform: none !important;
    }

    body.brave-mobile-input-open .brave-gl-main-item {
        height: 100% !important;
    }
}

@media screen and (max-width: 900px) {
    body.brave-mobile-input-open .brave-gl-input-item {
        position: fixed !important;
        left: 12px !important;
        right: 12px !important;
        top: auto !important;
        bottom: max(12px, calc(env(safe-area-inset-bottom, 0px) + 12px)) !important;
        width: auto !important;
        transform: translateY(0) !important;
    }

    body.brave-mobile-nav-active.brave-mobile-input-open .brave-gl-input-item {
        bottom: calc(var(--brave-mobile-dock-clearance) + env(safe-area-inset-bottom, 0px) + 12px) !important;
    }

    body.brave-mobile-input-open .brave-gl-main-item {
        bottom: 0 !important;
    }

    body.brave-mobile-input-open .content,
    body.brave-mobile-input-open #messagewindow {
        padding-bottom: 20px;
    }

    body.brave-mobile-nav-active.brave-mobile-input-open .content,
    body.brave-mobile-nav-active.brave-mobile-input-open #messagewindow {
        padding-bottom: calc(var(--brave-mobile-dock-clearance) + 8px);
    }
}

/* Front door polish: title, login, account roster, and character creation. */
.brave-view--account,
.brave-view--connection,
.brave-view--chargen {
    --brave-frontdoor-bg-top: #0b1118;
    --brave-frontdoor-bg-bottom: #030609;
    --brave-frontdoor-panel: rgba(12, 19, 26, 0.94);
    --brave-frontdoor-panel-strong: rgba(15, 26, 34, 0.96);
    --brave-frontdoor-panel-soft: rgba(20, 35, 43, 0.82);
    --brave-frontdoor-line: rgba(112, 162, 180, 0.22);
    --brave-frontdoor-line-strong: rgba(132, 190, 209, 0.4);
    --brave-frontdoor-title: #e5f1f4;
    --brave-frontdoor-text: #bbccd2;
    --brave-frontdoor-muted: #8399a2;
    --brave-frontdoor-dim: #647983;
    --brave-frontdoor-accent: #76b6c8;
    --brave-frontdoor-accent-rgb: 118, 182, 200;
    --brave-frontdoor-accent-strong: #9bd4df;
    --brave-frontdoor-good: #8db989;
    --brave-frontdoor-warn: #c69a5c;
    --brave-frontdoor-danger: #d07a73;
    width: min(1040px, 100%);
    max-width: min(1040px, 100%);
    gap: 18px;
    padding: 18px;
    overflow: visible;
    border: 1px solid var(--brave-frontdoor-line);
    border-radius: 14px;
    background:
        radial-gradient(circle at 12% 0, rgba(88, 136, 159, 0.18), transparent 34%),
        radial-gradient(circle at 94% 10%, rgba(118, 151, 112, 0.12), transparent 36%),
        linear-gradient(180deg, var(--brave-frontdoor-bg-top), var(--brave-frontdoor-bg-bottom));
    box-shadow:
        inset 0 1px 0 rgba(224, 244, 249, 0.045),
        0 22px 58px rgba(0, 0, 0, 0.42);
}

.brave-view--account::before,
.brave-view--connection::before,
.brave-view--chargen::before {
    display: none;
}

.brave-view--account .brave-view__hero,
.brave-view--connection .brave-view__hero,
.brave-view--chargen .brave-view__hero {
    position: relative;
    min-height: 150px;
    justify-content: flex-end;
    gap: 10px;
    padding: 22px 24px;
    overflow: hidden;
    border: 1px solid var(--brave-frontdoor-line);
    border-radius: 12px;
    background:
        linear-gradient(90deg, rgba(118, 182, 200, 0.1), transparent 42%),
        radial-gradient(circle at 86% 18%, rgba(141, 185, 137, 0.14), transparent 34%),
        linear-gradient(135deg, rgba(19, 31, 40, 0.94), rgba(10, 19, 27, 0.96) 58%, rgba(4, 7, 11, 0.99));
    box-shadow: inset 0 1px 0 rgba(224, 244, 249, 0.04);
}

.brave-view--connection .brave-view__hero {
    min-height: 220px;
}

.brave-view--account .brave-view__hero::after,
.brave-view--connection .brave-view__hero::after,
.brave-view--chargen .brave-view__hero::after {
    content: "";
    position: absolute;
    right: 20px;
    bottom: 18px;
    width: min(30%, 220px);
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(var(--brave-frontdoor-accent-rgb), 0.56), transparent);
    opacity: 0.75;
    pointer-events: none;
}

.brave-view--account .brave-view__wordmark-text,
.brave-view--connection .brave-view__wordmark-text,
.brave-view--chargen .brave-view__wordmark-text {
    letter-spacing: 0;
    color: var(--brave-frontdoor-title);
    font-size: clamp(3rem, 9vw, 6.2rem);
    line-height: 0.9;
    text-shadow:
        0 2px 0 rgba(0, 12, 18, 0.78),
        0 0 24px rgba(var(--brave-frontdoor-accent-rgb), 0.12),
        0 12px 28px rgba(0, 0, 0, 0.46);
}

.brave-view--account .brave-view__wordmark-text,
.brave-view--chargen .brave-view__wordmark-text {
    font-size: clamp(2.7rem, 6vw, 4.6rem);
}

.brave-view--account .brave-view__eyebrow,
.brave-view--connection .brave-view__eyebrow,
.brave-view--chargen .brave-view__eyebrow {
    letter-spacing: 0.08em;
    color: var(--brave-frontdoor-muted);
}

.brave-view--connection .brave-view__subtitle,
.brave-view--chargen .brave-view__subtitle {
    color: var(--brave-frontdoor-text);
    text-transform: none;
}

.brave-view--account .brave-view__sections,
.brave-view--connection .brave-view__sections,
.brave-view--chargen .brave-view__sections {
    gap: 14px;
    max-width: none;
    align-content: start;
}

.brave-view--account .brave-view__sections,
.brave-view--connection .brave-view__sections {
    grid-template-columns: minmax(0, 1fr);
}

.brave-view--chargen .brave-view__sections {
    grid-template-columns: minmax(260px, 0.42fr) minmax(0, 0.58fr);
}

.brave-view--account .brave-view__section,
.brave-view--connection .brave-view__section,
.brave-view--chargen .brave-view__section {
    min-height: 0;
    padding: 16px;
    border: 1px solid var(--brave-frontdoor-line);
    border-radius: 10px;
    background:
        linear-gradient(180deg, rgba(197, 227, 236, 0.035), transparent 32%),
        var(--brave-frontdoor-panel);
    box-shadow: inset 0 1px 0 rgba(224, 244, 249, 0.03);
}

.brave-view--account .brave-view__section,
.brave-view--connection .brave-view__section {
    flex: 0 1 auto;
}

.brave-view--connection .brave-view__section--form,
.brave-view--connection .brave-view__section--list {
    align-self: stretch;
}

.brave-view--account .brave-view__entries,
.brave-view--connection .brave-view__entries,
.brave-view--chargen .brave-view__entries {
    min-height: 0;
    gap: 10px;
}

.brave-view--chargen .brave-view__entries {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.brave-view--account .brave-view__entry,
.brave-view--connection .brave-view__entry,
.brave-view--chargen .brave-view__entry {
    min-height: 0;
    gap: 8px;
    padding: 14px;
    border: 1px solid var(--brave-frontdoor-line);
    border-radius: 10px;
    background:
        linear-gradient(180deg, rgba(224, 244, 249, 0.026), transparent 36%),
        rgba(11, 19, 25, 0.88);
    box-shadow: none;
}

.brave-view--account .brave-view__entry:first-child {
    border-style: solid;
    border-color: rgba(var(--brave-frontdoor-accent-rgb), 0.34);
    background:
        linear-gradient(90deg, rgba(var(--brave-frontdoor-accent-rgb), 0.12), transparent 50%),
        rgba(12, 23, 30, 0.9);
}

.brave-view--account .brave-view__entry:hover,
.brave-view--connection .brave-view__entry:hover,
.brave-view--chargen .brave-view__entry:hover {
    border-color: var(--brave-frontdoor-line-strong);
    background:
        linear-gradient(180deg, rgba(var(--brave-frontdoor-accent-rgb), 0.07), transparent 40%),
        rgba(15, 28, 36, 0.94);
    transform: translateY(-1px);
}

.brave-view--chargen .brave-view__entry--ornamented {
    padding-right: 64px;
}

.brave-view--chargen .brave-view__entry-ornament {
    right: 10px;
    --brave-entry-ornament-ratio: 0.3;
    --brave-entry-ornament-fallback: 4rem;
    --brave-entry-ornament-color: rgba(var(--brave-frontdoor-accent-rgb), 0.13);
    --brave-entry-ornament-glow: rgba(118, 151, 112, 0.08);
}

.brave-view--connection .brave-view__list-item {
    min-height: 54px;
    align-items: center;
    border-radius: 10px;
}

.brave-view--connection .brave-view__list-main {
    align-items: center;
}

.brave-view--connection .brave-view__field-input,
.brave-view--chargen .brave-view__field-input {
    min-height: 46px;
    border-radius: 9px;
    border-color: var(--brave-frontdoor-line);
    background:
        linear-gradient(180deg, rgba(224, 244, 249, 0.035), transparent 34%),
        rgba(4, 8, 12, 0.76);
}

.brave-view--connection .brave-view__form-submit,
.brave-view--chargen .brave-view__form-submit {
    width: 100%;
    justify-content: center;
    border-radius: 10px;
}

.brave-view--account .brave-view__title,
.brave-view--connection .brave-view__title,
.brave-view--chargen .brave-view__title,
.brave-view--account .brave-view__entry-title,
.brave-view--connection .brave-view__entry-title,
.brave-view--chargen .brave-view__entry-title,
.brave-view--account .brave-view__pair-value,
.brave-view--connection .brave-view__pair-value,
.brave-view--chargen .brave-view__pair-value {
    color: var(--brave-frontdoor-title);
}

.brave-view--account .brave-view__section-label,
.brave-view--connection .brave-view__section-label,
.brave-view--chargen .brave-view__section-label {
    color: var(--brave-frontdoor-muted);
}

.brave-view--account .brave-view__entry-meta,
.brave-view--connection .brave-view__entry-meta,
.brave-view--chargen .brave-view__entry-meta,
.brave-view--account .brave-view__entry-line,
.brave-view--connection .brave-view__entry-line,
.brave-view--chargen .brave-view__entry-line,
.brave-view--account .brave-view__list-text,
.brave-view--connection .brave-view__list-text,
.brave-view--chargen .brave-view__list-text,
.brave-view--account .brave-view__pair-label,
.brave-view--connection .brave-view__pair-label,
.brave-view--chargen .brave-view__pair-label,
.brave-view--connection .brave-view__field-label,
.brave-view--chargen .brave-view__field-label {
    color: var(--brave-frontdoor-muted);
}

.brave-view--account .brave-view__section-icon,
.brave-view--connection .brave-view__section-icon,
.brave-view--chargen .brave-view__section-icon,
.brave-view--account .brave-view__eyebrow-icon,
.brave-view--connection .brave-view__eyebrow-icon,
.brave-view--chargen .brave-view__eyebrow-icon,
.brave-view--account .brave-view__title-icon,
.brave-view--connection .brave-view__title-icon,
.brave-view--chargen .brave-view__title-icon,
.brave-view--account .brave-view__pair-icon,
.brave-view--connection .brave-view__pair-icon,
.brave-view--chargen .brave-view__pair-icon {
    color: var(--brave-frontdoor-accent);
}

.brave-view--account .brave-view__entry-icon-wrap,
.brave-view--connection .brave-view__entry-icon-wrap,
.brave-view--chargen .brave-view__entry-icon-wrap,
.brave-view--account .brave-view__entry-badge,
.brave-view--connection .brave-view__entry-badge,
.brave-view--chargen .brave-view__entry-badge {
    border-color: rgba(var(--brave-frontdoor-accent-rgb), 0.24);
    background: rgba(var(--brave-frontdoor-accent-rgb), 0.12);
    color: var(--brave-frontdoor-accent-strong);
}

.brave-view--account .brave-view__list-item,
.brave-view--connection .brave-view__list-item,
.brave-view--chargen .brave-view__list-item,
.brave-view--account .brave-view__pair,
.brave-view--connection .brave-view__pair,
.brave-view--chargen .brave-view__pair {
    border-color: rgba(var(--brave-frontdoor-accent-rgb), 0.16);
    background:
        linear-gradient(180deg, rgba(224, 244, 249, 0.022), transparent 42%),
        rgba(8, 15, 21, 0.72);
}

.brave-view--account .scene-card__chip,
.brave-view--connection .scene-card__chip,
.brave-view--chargen .scene-card__chip {
    border-color: rgba(var(--brave-frontdoor-accent-rgb), 0.2);
    background: rgba(var(--brave-frontdoor-accent-rgb), 0.1);
    color: var(--brave-frontdoor-text);
}

.brave-view--account .scene-card__chip--accent,
.brave-view--connection .scene-card__chip--accent,
.brave-view--chargen .scene-card__chip--accent {
    border-color: rgba(var(--brave-frontdoor-accent-rgb), 0.34);
    background: rgba(var(--brave-frontdoor-accent-rgb), 0.16);
    color: var(--brave-frontdoor-accent-strong);
}

.brave-view--account .scene-card__chip--good,
.brave-view--connection .scene-card__chip--good,
.brave-view--chargen .scene-card__chip--good {
    border-color: rgba(141, 185, 137, 0.3);
    background: rgba(141, 185, 137, 0.12);
    color: #c7e2c3;
}

.brave-view--account .scene-card__chip--warn,
.brave-view--connection .scene-card__chip--warn,
.brave-view--chargen .scene-card__chip--warn {
    border-color: rgba(198, 154, 92, 0.3);
    background: rgba(198, 154, 92, 0.12);
    color: #e0c69b;
}

.brave-view--account .brave-view__action,
.brave-view--connection .brave-view__action,
.brave-view--chargen .brave-view__action,
.brave-view--account .brave-view__mini-action,
.brave-view--connection .brave-view__mini-action,
.brave-view--chargen .brave-view__mini-action,
.brave-view--connection .brave-view__form-submit,
.brave-view--chargen .brave-view__form-submit {
    border-color: rgba(var(--brave-frontdoor-accent-rgb), 0.22);
    background:
        linear-gradient(180deg, rgba(224, 244, 249, 0.035), transparent 42%),
        rgba(12, 23, 30, 0.84);
    color: var(--brave-frontdoor-text);
}

.brave-view--account .brave-view__action-icon,
.brave-view--connection .brave-view__action-icon,
.brave-view--chargen .brave-view__action-icon,
.brave-view--account .brave-view__mini-action-icon,
.brave-view--connection .brave-view__mini-action-icon,
.brave-view--chargen .brave-view__mini-action-icon {
    color: var(--brave-frontdoor-accent);
}

.brave-view--account .brave-view__action--accent,
.brave-view--connection .brave-view__action--accent,
.brave-view--chargen .brave-view__action--accent,
.brave-view--connection .brave-view__form-submit,
.brave-view--chargen .brave-view__form-submit {
    border-color: rgba(var(--brave-frontdoor-accent-rgb), 0.38);
    background:
        linear-gradient(180deg, rgba(var(--brave-frontdoor-accent-rgb), 0.18), rgba(51, 103, 119, 0.16));
    color: var(--brave-frontdoor-title);
}

.brave-view--account .brave-view__action--danger,
.brave-view--connection .brave-view__action--danger,
.brave-view--chargen .brave-view__action--danger,
.brave-view--account .brave-view__mini-action--danger,
.brave-view--connection .brave-view__mini-action--danger,
.brave-view--chargen .brave-view__mini-action--danger {
    border-color: rgba(208, 122, 115, 0.3);
    background: rgba(208, 122, 115, 0.1);
    color: #e5b0aa;
}

@media screen and (max-width: 900px) {
    .brave-view--account,
    .brave-view--connection,
    .brave-view--chargen {
        width: 100%;
        max-width: 100%;
        padding: 12px;
        border-radius: 12px;
    }

    .brave-view--account .brave-view__hero,
    .brave-view--connection .brave-view__hero,
    .brave-view--chargen .brave-view__hero {
        min-height: 148px;
        padding: 18px;
    }

    .brave-view--connection .brave-view__hero {
        min-height: 176px;
    }

    .brave-view--account .brave-view__wordmark-text,
    .brave-view--connection .brave-view__wordmark-text,
    .brave-view--chargen .brave-view__wordmark-text {
        font-size: clamp(2.9rem, 17vw, 4.6rem);
    }

    .brave-view--account .brave-view__sections,
    .brave-view--connection .brave-view__sections,
    .brave-view--chargen .brave-view__sections {
        grid-template-columns: minmax(0, 1fr);
        min-height: 0;
        align-content: start;
    }

    .brave-view--account .brave-view__section,
    .brave-view--connection .brave-view__section,
    .brave-view--chargen .brave-view__section {
        min-height: 0;
    }

    .brave-view--chargen .brave-view__entries {
        grid-template-columns: minmax(0, 1fr);
    }

    .brave-view--chargen .brave-view__entry--ornamented {
        padding-right: 58px;
    }
}

body[data-brave-view="connection"],
body[data-brave-view="account"],
body[data-brave-view="chargen"] {
    --brave-frontdoor-bg-top: #0b1118;
    --brave-frontdoor-bg-bottom: #030609;
    --brave-frontdoor-panel: rgba(12, 19, 26, 0.94);
    --brave-frontdoor-panel-strong: rgba(15, 26, 34, 0.96);
    --brave-frontdoor-panel-soft: rgba(20, 35, 43, 0.82);
    --brave-frontdoor-line: rgba(112, 162, 180, 0.22);
    --brave-frontdoor-line-strong: rgba(132, 190, 209, 0.4);
    --brave-frontdoor-title: #e5f1f4;
    --brave-frontdoor-text: #bbccd2;
    --brave-frontdoor-muted: #8399a2;
    --brave-frontdoor-dim: #647983;
    --brave-frontdoor-accent: #76b6c8;
    --brave-frontdoor-accent-rgb: 118, 182, 200;
    --brave-frontdoor-accent-strong: #9bd4df;
    --brave-frontdoor-good: #8db989;
    --brave-frontdoor-warn: #c69a5c;
    --brave-frontdoor-danger: #d07a73;
    background:
        radial-gradient(circle at 18% 0, rgba(88, 136, 159, 0.16), transparent 30%),
        radial-gradient(circle at 82% 0, rgba(118, 151, 112, 0.09), transparent 26%),
        linear-gradient(180deg, var(--brave-frontdoor-bg-top), var(--brave-frontdoor-bg-bottom));
}

body[data-brave-view="connection"]::before,
body[data-brave-view="account"]::before,
body[data-brave-view="chargen"]::before {
    background:
        linear-gradient(135deg, rgba(224, 244, 249, 0.025), transparent 30%),
        radial-gradient(circle at 25% 18%, rgba(var(--brave-frontdoor-accent-rgb), 0.07), transparent 24%),
        radial-gradient(circle at 78% 10%, rgba(118, 151, 112, 0.055), transparent 20%);
}

body[data-brave-view="connection"]::after,
body[data-brave-view="account"]::after,
body[data-brave-view="chargen"]::after {
    opacity: 0.05;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.018), transparent 16%, transparent 84%, rgba(255, 255, 255, 0.014)),
        radial-gradient(circle at 50% 100%, rgba(0, 0, 0, 0.32), transparent 38%);
}

body[data-brave-view="connection"] .content,
body[data-brave-view="connection"] #messagewindow,
body[data-brave-view="account"] .content,
body[data-brave-view="account"] #messagewindow,
body[data-brave-view="chargen"] .content,
body[data-brave-view="chargen"] #messagewindow {
    overflow-y: auto !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    border-color: rgba(var(--brave-frontdoor-accent-rgb), 0.2);
    background:
        radial-gradient(circle at 0 0, rgba(var(--brave-frontdoor-accent-rgb), 0.09), transparent 42%),
        radial-gradient(circle at 100% 0, rgba(118, 151, 112, 0.07), transparent 38%),
        linear-gradient(180deg, rgba(8, 14, 20, 0.98), rgba(2, 5, 8, 0.995));
    box-shadow:
        inset 0 1px 0 rgba(224, 244, 249, 0.035),
        0 24px 72px rgba(0, 0, 0, 0.44);
}

body[data-brave-view="connection"] .brave-view--connection,
body[data-brave-view="account"] .brave-view--account,
body[data-brave-view="chargen"] .brave-view--chargen {
    border-color: var(--brave-frontdoor-line);
    background:
        radial-gradient(circle at 12% 0, rgba(88, 136, 159, 0.18), transparent 34%),
        radial-gradient(circle at 94% 10%, rgba(118, 151, 112, 0.12), transparent 36%),
        linear-gradient(180deg, var(--brave-frontdoor-bg-top), var(--brave-frontdoor-bg-bottom));
    box-shadow:
        inset 0 1px 0 rgba(224, 244, 249, 0.045),
        0 22px 58px rgba(0, 0, 0, 0.42);
}

body[data-brave-view="connection"] .brave-view--connection .brave-view__hero,
body[data-brave-view="account"] .brave-view--account .brave-view__hero,
body[data-brave-view="chargen"] .brave-view--chargen .brave-view__hero,
body[data-brave-view="connection"] .brave-view--connection .brave-view__section,
body[data-brave-view="account"] .brave-view--account .brave-view__section,
body[data-brave-view="chargen"] .brave-view--chargen .brave-view__section,
body[data-brave-view="connection"] .brave-view--connection .brave-view__entry,
body[data-brave-view="account"] .brave-view--account .brave-view__entry,
body[data-brave-view="chargen"] .brave-view--chargen .brave-view__entry {
    border-color: var(--brave-frontdoor-line);
    background:
        linear-gradient(180deg, rgba(224, 244, 249, 0.03), transparent 36%),
        rgba(11, 19, 25, 0.9);
    box-shadow: inset 0 1px 0 rgba(224, 244, 249, 0.03);
}

body[data-brave-view="connection"] .brave-view--connection .brave-view__hero,
body[data-brave-view="account"] .brave-view--account .brave-view__hero,
body[data-brave-view="chargen"] .brave-view--chargen .brave-view__hero {
    background:
        linear-gradient(90deg, rgba(var(--brave-frontdoor-accent-rgb), 0.1), transparent 42%),
        radial-gradient(circle at 86% 18%, rgba(141, 185, 137, 0.14), transparent 34%),
        linear-gradient(135deg, rgba(19, 31, 40, 0.94), rgba(10, 19, 27, 0.96) 58%, rgba(4, 7, 11, 0.99));
}

body[data-brave-view="connection"] .brave-view--connection .brave-view__hero::after,
body[data-brave-view="account"] .brave-view--account .brave-view__hero::after,
body[data-brave-view="chargen"] .brave-view--chargen .brave-view__hero::after {
    background: linear-gradient(90deg, transparent, rgba(var(--brave-frontdoor-accent-rgb), 0.56), transparent);
}

body[data-brave-view="connection"] .brave-view--connection .brave-view__wordmark-text,
body[data-brave-view="account"] .brave-view--account .brave-view__wordmark-text,
body[data-brave-view="chargen"] .brave-view--chargen .brave-view__wordmark-text,
body[data-brave-view="connection"] .brave-view--connection .brave-view__title,
body[data-brave-view="account"] .brave-view--account .brave-view__title,
body[data-brave-view="chargen"] .brave-view--chargen .brave-view__title,
body[data-brave-view="connection"] .brave-view--connection .brave-view__entry-title,
body[data-brave-view="account"] .brave-view--account .brave-view__entry-title,
body[data-brave-view="chargen"] .brave-view--chargen .brave-view__entry-title {
    color: var(--brave-frontdoor-title);
}

body[data-brave-view="connection"] .brave-view--connection .brave-view__wordmark-text,
body[data-brave-view="account"] .brave-view--account .brave-view__wordmark-text,
body[data-brave-view="chargen"] .brave-view--chargen .brave-view__wordmark-text {
    text-shadow:
        0 2px 0 rgba(0, 12, 18, 0.78),
        0 0 24px rgba(var(--brave-frontdoor-accent-rgb), 0.12),
        0 12px 28px rgba(0, 0, 0, 0.46);
}

body[data-brave-view="connection"] .brave-view--connection .brave-view__eyebrow,
body[data-brave-view="account"] .brave-view--account .brave-view__eyebrow,
body[data-brave-view="chargen"] .brave-view--chargen .brave-view__eyebrow,
body[data-brave-view="connection"] .brave-view--connection .brave-view__section-label,
body[data-brave-view="account"] .brave-view--account .brave-view__section-label,
body[data-brave-view="chargen"] .brave-view--chargen .brave-view__section-label,
body[data-brave-view="connection"] .brave-view--connection .brave-view__entry-meta,
body[data-brave-view="account"] .brave-view--account .brave-view__entry-meta,
body[data-brave-view="chargen"] .brave-view--chargen .brave-view__entry-meta,
body[data-brave-view="connection"] .brave-view--connection .brave-view__entry-line,
body[data-brave-view="account"] .brave-view--account .brave-view__entry-line,
body[data-brave-view="chargen"] .brave-view--chargen .brave-view__entry-line,
body[data-brave-view="connection"] .brave-view--connection .brave-view__list-text,
body[data-brave-view="account"] .brave-view--account .brave-view__list-text,
body[data-brave-view="chargen"] .brave-view--chargen .brave-view__list-text {
    color: var(--brave-frontdoor-muted);
}

body[data-brave-view="connection"] .brave-view--connection .brave-view__section-icon,
body[data-brave-view="account"] .brave-view--account .brave-view__section-icon,
body[data-brave-view="chargen"] .brave-view--chargen .brave-view__section-icon,
body[data-brave-view="connection"] .brave-view--connection .brave-view__entry-icon-wrap,
body[data-brave-view="account"] .brave-view--account .brave-view__entry-icon-wrap,
body[data-brave-view="chargen"] .brave-view--chargen .brave-view__entry-icon-wrap,
body[data-brave-view="connection"] .brave-view--connection .brave-view__entry-badge,
body[data-brave-view="account"] .brave-view--account .brave-view__entry-badge,
body[data-brave-view="chargen"] .brave-view--chargen .brave-view__entry-badge {
    border-color: rgba(var(--brave-frontdoor-accent-rgb), 0.24);
    background: rgba(var(--brave-frontdoor-accent-rgb), 0.12);
    color: var(--brave-frontdoor-accent-strong);
}

body[data-brave-view="connection"] .brave-view--connection .brave-view__list-item,
body[data-brave-view="account"] .brave-view--account .brave-view__list-item,
body[data-brave-view="chargen"] .brave-view--chargen .brave-view__list-item,
body[data-brave-view="connection"] .brave-view--connection .brave-view__action,
body[data-brave-view="account"] .brave-view--account .brave-view__action,
body[data-brave-view="chargen"] .brave-view--chargen .brave-view__action,
body[data-brave-view="connection"] .brave-view--connection .brave-view__form-submit,
body[data-brave-view="chargen"] .brave-view--chargen .brave-view__form-submit,
body[data-brave-view="connection"] .brave-view--connection .scene-card__chip,
body[data-brave-view="account"] .brave-view--account .scene-card__chip,
body[data-brave-view="chargen"] .brave-view--chargen .scene-card__chip {
    border-color: rgba(var(--brave-frontdoor-accent-rgb), 0.2);
    background:
        linear-gradient(180deg, rgba(224, 244, 249, 0.026), transparent 42%),
        rgba(8, 15, 21, 0.78);
    color: var(--brave-frontdoor-text);
}

body[data-brave-view="connection"] .brave-view--connection .brave-view__field-input,
body[data-brave-view="chargen"] .brave-view--chargen .brave-view__field-input {
    border-color: var(--brave-frontdoor-line);
    background:
        linear-gradient(180deg, rgba(224, 244, 249, 0.035), transparent 34%),
        rgba(4, 8, 12, 0.76);
    color: var(--brave-frontdoor-title);
}

body[data-brave-view="connection"] .brave-view--connection .brave-view__section--list .brave-view__entry-icon-wrap,
body[data-brave-view="connection"] .brave-view--connection .brave-view__section--list .brave-view__entry-badge {
    min-width: 2.35rem !important;
    min-height: 2.35rem !important;
    border: 1px solid rgba(var(--brave-frontdoor-accent-rgb), 0.34) !important;
    border-radius: 10px !important;
    background:
        linear-gradient(180deg, rgba(154, 212, 223, 0.18), rgba(42, 84, 99, 0.13)),
        rgba(8, 20, 28, 0.9) !important;
    color: #c9eef5 !important;
    box-shadow:
        inset 0 1px 0 rgba(224, 244, 249, 0.06),
        0 0 0 1px rgba(var(--brave-frontdoor-accent-rgb), 0.06) !important;
}

body[data-brave-view="connection"] .brave-view--connection .brave-view__section--list .brave-view__entry-icon,
body[data-brave-view="connection"] .brave-view--connection .brave-view__section--list .brave-icon,
body[data-brave-view="connection"] .brave-view--connection .brave-view__section--list .ra {
    color: #c9eef5 !important;
    text-shadow: 0 0 14px rgba(var(--brave-frontdoor-accent-rgb), 0.22);
}

body[data-brave-view="connection"] .brave-view--connection .brave-view__entry-badge {
    min-width: 2.75rem !important;
    min-height: 2rem !important;
    padding: 0 0.72rem !important;
    border: 1px solid rgba(var(--brave-frontdoor-accent-rgb), 0.42) !important;
    border-radius: 8px !important;
    background:
        linear-gradient(180deg, rgba(154, 212, 223, 0.2), rgba(42, 84, 99, 0.18)),
        rgba(8, 20, 28, 0.92) !important;
    color: #c9eef5 !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
    box-shadow:
        inset 0 1px 0 rgba(224, 244, 249, 0.06),
        0 0 0 1px rgba(var(--brave-frontdoor-accent-rgb), 0.08) !important;
}

/* Objectives / Welcome Modal */
#brave-objectives-sheet {
    position: fixed;
    inset: 0;
    z-index: 5010;
    pointer-events: none;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 40px;

    --brave-obj-accent: var(--brave-accent);
    --brave-obj-accent-rgb: var(--brave-accent-rgb);
    --brave-obj-bg: linear-gradient(180deg, rgba(var(--brave-surface-soft-rgb), 0.98), rgba(var(--brave-surface-soft-rgb), 0.96));
    --brave-obj-border: color-mix(in srgb, var(--brave-world-line) 74%, rgba(var(--brave-accent-rgb), 0.34));
    --brave-obj-glow: 0 32px 64px rgba(0, 0, 0, 0.48);
}

#brave-objectives-sheet[aria-hidden="true"] {
    display: none;
}

#brave-objectives-sheet.brave-objectives-sheet--tutorial {
    --brave-obj-accent: #00f2ff;
    --brave-obj-accent-rgb: 0, 242, 255;
    --brave-obj-bg: linear-gradient(180deg, rgb(10, 20, 30), rgb(4, 8, 12));
    --brave-obj-border: rgba(0, 242, 255, 0.54);
    --brave-obj-glow: 0 0 60px rgba(0, 242, 255, 0.28), 0 32px 108px rgba(0, 0, 0, 0.95);
}

#brave-objectives-sheet.brave-objectives-sheet--tutorial[aria-hidden="false"] .brave-objectives-sheet__backdrop {
    background: transparent !important;
    backdrop-filter: none !important;
    pointer-events: none !important;
}

#brave-objectives-sheet.brave-objectives-sheet--tutorial .brave-objectives-sheet__panel {
    border-width: 2px;
}

#brave-objectives-sheet.brave-objectives-sheet--tutorial[aria-hidden="false"] .brave-objectives-sheet__panel {
    animation: brave-tutorial-pop 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes brave-tutorial-pop {
    0% { transform: scale(0.9) translateY(-10px); opacity: 0; }
    100% { transform: scale(1) translateY(0); opacity: 1; }
}

#brave-objectives-sheet.brave-objectives-sheet--welcome {
    --brave-obj-accent: #00f2ff;
    --brave-obj-accent-rgb: 0, 242, 255;
    --brave-obj-bg: linear-gradient(180deg, rgba(10, 20, 30, 0.96), rgba(8, 16, 24, 0.98));
    --brave-obj-border: rgba(0, 242, 255, 0.32);
    --brave-obj-glow: 0 0 40px rgba(0, 242, 255, 0.08), 0 32px 64px rgba(0, 0, 0, 0.6);
}

#brave-objectives-sheet[aria-hidden="false"] {
    /* pointer-events: auto; -- REMOVED: this blocks the whole screen. Children handle their own pointer-events. */
}

.brave-objectives-sheet__backdrop {
    position: fixed;
    inset: 0;
    background: transparent;
    pointer-events: none;
    transition: background 0.4s ease;
    z-index: 0;
}

#brave-objectives-sheet[aria-hidden="false"] .brave-objectives-sheet__backdrop {
    background: rgba(0, 0, 0, 0.12);
}

#brave-objectives-sheet[aria-hidden="false"] .brave-objectives-sheet__backdrop--welcome {
    background: rgba(4, 6, 8, 0.85);
    backdrop-filter: blur(12px);
    pointer-events: auto;
    z-index: 1;
}

.brave-objectives-sheet__panel {
    position: relative;
    z-index: 2;
    pointer-events: auto;
    width: 340px;
    max-height: min(80vh, 500px);
    background: var(--brave-obj-bg);
    backdrop-filter: blur(12px);
    border: 1px solid var(--brave-obj-border);
    border-radius: var(--brave-radius-panel);
    box-shadow: var(--brave-obj-glow);
    display: flex;
    flex-direction: column;
    transform: translateY(-20px);
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    font-family: var(--brave-body-font-family);
}

.brave-objectives-sheet__panel--welcome {
    width: 440px;
    max-height: min(90vh, 580px);
    align-self: center;
    margin: 0 auto;
    text-align: center;
}

#brave-objectives-sheet[aria-hidden="false"] .brave-objectives-sheet__panel {
    transform: translateY(0);
    opacity: 1;
}

.brave-objectives-sheet__head {
    padding: 24px 24px 18px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
    position: relative;
}

.brave-objectives-sheet__summary {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-width: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    font-family: inherit;
    text-align: left;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
}

.brave-objectives-sheet__summary-copy {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-width: 0;
}

.brave-objectives-sheet__count {
    display: none;
    flex: 0 0 auto;
    min-width: 1.65rem;
    min-height: 1.65rem;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(var(--brave-obj-accent-rgb), 0.28);
    border-radius: 999px;
    background: rgba(var(--brave-obj-accent-rgb), 0.1);
    color: var(--brave-obj-accent);
    font-family: var(--brave-ui-font-family);
    font-size: 0.7rem;
    font-weight: 800;
}

.brave-objectives-sheet__expand-icon {
    display: none;
    flex: 0 0 auto;
    color: var(--brave-obj-accent);
}

.brave-objectives-sheet__panel--welcome .brave-objectives-sheet__head {
    padding: 32px 32px 24px;
}

.brave-objectives-sheet__eyebrow {
    font-family: var(--brave-ui-font-family);
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    color: var(--brave-obj-accent);
    opacity: 0.85;
    margin-bottom: 8px;
}

.brave-objectives-sheet__title {
    font-family: var(--brave-dialogue-font-family);
    font-size: 1.3rem;
    line-height: 1.2;
    color: var(--brave-text-bright);
}

.brave-objectives-sheet__panel--welcome .brave-objectives-sheet__title {
    font-size: 1.7rem;
}

.brave-objectives-sheet__close {
    position: absolute;
    top: 16px;
    right: 16px;
    background: rgba(var(--brave-obj-accent-rgb), 0.08);
    border: 1px solid rgba(var(--brave-obj-accent-rgb), 0.22);
    border-radius: 6px;
    color: color-mix(in srgb, var(--brave-obj-accent) 74%, var(--brave-text-soft));
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
}

.brave-objectives-sheet__close:hover {
    color: var(--brave-obj-accent);
    background: rgba(var(--brave-obj-accent-rgb), 0.14);
    border-color: rgba(var(--brave-obj-accent-rgb), 0.38);
}

.brave-objectives-sheet__close-icon {
    color: inherit;
}

.brave-objectives-sheet__close span {
    font-size: 0.64rem;
    text-transform: uppercase;
    font-weight: 700;
}

.brave-objectives-sheet__body {
    padding: 8px 0;
    overflow-y: auto;
    flex: 1 1 auto;
}

.brave-objectives-sheet__panel--welcome .brave-objectives-sheet__body {
    padding: 20px 32px 32px;
}

.brave-objectives-sheet__welcome-hero {
    margin-bottom: 24px;
    color: var(--brave-obj-accent);
}

.brave-objectives-sheet__welcome-icon {
    font-size: 64px !important;
    filter: drop-shadow(0 0 12px rgba(var(--brave-obj-accent-rgb), 0.34));
}

.brave-objectives-sheet__welcome-text {
    font-family: var(--brave-body-font-family);
    font-size: calc(1.06rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.6;
    color: var(--brave-text-soft);
}

.brave-objectives-sheet__foot {
    padding: 16px 32px 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.04);
}

.brave-objectives-sheet__nav-btn {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: var(--brave-text-soft);
    padding: 10px 20px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.88rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    cursor: pointer;
    transition: all 0.2s ease;
}

.brave-objectives-sheet__nav-btn:hover {
    background: rgba(255, 255, 255, 0.08);
    color: var(--brave-text-bright);
}

.brave-objectives-sheet__nav-btn--primary {
    background: linear-gradient(180deg, rgba(var(--brave-obj-accent-rgb), 0.24), rgba(var(--brave-obj-accent-rgb), 0.12));
    border-color: rgba(var(--brave-obj-accent-rgb), 0.42);
    color: var(--brave-obj-accent);
}

.brave-objectives-sheet__nav-btn--primary:hover {
    background: linear-gradient(180deg, rgba(var(--brave-obj-accent-rgb), 0.32), rgba(var(--brave-obj-accent-rgb), 0.18));
    border-color: rgba(var(--brave-obj-accent-rgb), 0.54);
    transform: translateY(-1px);
}

.brave-objectives-sheet__entry {
    padding: 12px 20px;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.02);
    transition: opacity 0.3s ease;
}

.brave-objectives-sheet__entry--done {
    opacity: 0.5;
}

.brave-objectives-sheet__entry:last-child {
    border-bottom: 0;
}

.brave-objectives-sheet__entry-icon-wrap {
    color: var(--brave-obj-accent);
    background: rgba(var(--brave-obj-accent-rgb), 0.08);
    width: 32px;
    height: 32px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.brave-objectives-sheet__entry-icon {
    font-size: 18px !important;
}

.brave-objectives-sheet__entry-text {
    font-family: var(--brave-body-font-family);
    font-size: calc(0.9rem * var(--brave-text-scale) * var(--brave-font-size-scale));
    line-height: 1.4;
    color: var(--brave-text-soft);
    padding-top: 4px;
}

@media (max-width: 700px) {
    #brave-objectives-sheet {
        justify-content: center;
        align-items: flex-end;
        padding: 12px 12px calc(var(--brave-mobile-dock-clearance, 116px) + env(safe-area-inset-bottom, 0px) + 10px);
    }

    .brave-objectives-sheet__panel {
        width: min(100%, 420px);
        max-height: min(38vh, 280px);
        transform: translateY(20px);
    }

    #brave-objectives-sheet.brave-objectives-sheet--mobile-collapsed:not(.brave-objectives-sheet--welcome) .brave-objectives-sheet__panel {
        max-height: 58px;
        overflow: hidden;
    }

    #brave-objectives-sheet.brave-objectives-sheet--mobile-collapsed:not(.brave-objectives-sheet--welcome) .brave-objectives-sheet__body {
        display: none;
    }

    .brave-objectives-sheet__panel--welcome {
        width: min(100%, 420px);
        max-height: min(90vh, 580px);
        align-self: center;
    }

    .brave-objectives-sheet__panel--welcome .brave-objectives-sheet__head {
        display: block;
        padding: 32px 32px 24px;
    }

    .brave-objectives-sheet__panel--welcome .brave-objectives-sheet__title {
        display: block;
        overflow: visible;
        font-size: 1.55rem;
        line-height: 1.18;
        text-overflow: clip;
        white-space: normal;
    }

    .brave-objectives-sheet__panel--welcome .brave-objectives-sheet__eyebrow {
        margin-bottom: 8px;
        font-size: 0.72rem;
        letter-spacing: 0.14em;
    }

    .brave-objectives-sheet__head {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 8px;
        align-items: center;
        padding: 10px 12px;
    }

    .brave-objectives-sheet__title {
        display: block;
        overflow: hidden;
        font-size: 0.92rem;
        line-height: 1.16;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .brave-objectives-sheet__eyebrow {
        margin-bottom: 2px;
        font-size: 0.6rem;
        letter-spacing: 0.1em;
    }

    .brave-objectives-sheet__summary {
        min-height: 36px;
    }

    .brave-objectives-sheet__count,
    .brave-objectives-sheet__expand-icon {
        display: inline-flex;
    }

    .brave-objectives-sheet__close {
        position: static;
        width: 36px;
        min-width: 36px;
        height: 36px;
        padding: 0;
    }

    .brave-objectives-sheet__close span {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        white-space: nowrap;
    }

    .brave-objectives-sheet__body {
        padding: 4px 0;
    }

    .brave-objectives-sheet__entry {
        padding: 10px 16px;
        gap: 10px;
    }
}

/* Inline Speech Bubbles */
.brave-inline-voice-bubble {
    position: absolute;
    bottom: 100%;
    right: 0;
    margin-bottom: 8px;
    z-index: 100;
    pointer-events: auto;
}

.brave-inline-voice-bubble::after {
    top: auto;
    bottom: -7px;
    right: 24px;
    transform: none;
    border-top-color: color-mix(in srgb, rgba(var(--brave-accent-rgb), 0.34) 68%, rgba(255, 255, 255, 0.12));
    border-bottom: 0;
    border-right-color: transparent;
    border-left-color: transparent;
}

#brave-intro-veil {
    position: fixed;
    inset: 0;
    z-index: 99999;
    background: #0b120f;
    pointer-events: none;
    opacity: 0;
    transition: opacity 2.0s cubic-bezier(0.4, 0, 0.2, 1);
}

#brave-intro-veil.brave-intro-veil--active {
    opacity: 1;
    pointer-events: none;
}

/* Quest Popups */
.brave-quest-complete-overlay {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: auto;
    cursor: pointer;
    background: radial-gradient(circle at center, rgba(0, 0, 0, 0.4) 0%, transparent 70%);
}

.brave-quest-complete-overlay__panel {
    background: linear-gradient(180deg, rgba(20, 30, 25, 0.98), rgba(10, 15, 12, 0.99));
    border: 1px solid rgba(var(--brave-accent-rgb), 0.4);
    border-radius: 32px;
    padding: 40px 60px;
    text-align: center;
    box-shadow: 0 0 60px rgba(var(--brave-accent-rgb), 0.15), 0 32px 64px rgba(0, 0, 0, 0.6);
    transform: scale(0.9) translateY(20px);
    opacity: 0;
    transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
    backdrop-filter: blur(16px);
    cursor: pointer;
}

.brave-quest-complete-overlay--active .brave-quest-complete-overlay__panel {
    transform: scale(1) translateY(0);
    opacity: 1;
}

.brave-quest-complete-overlay__eyebrow {
    font-family: var(--brave-ui-font-family);
    font-size: 0.82rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.24em;
    color: var(--brave-accent);
    margin-bottom: 12px;
    animation: brave-quest-pop-eyebrow 0.8s ease-out forwards;
}

.brave-quest-complete-overlay__title {
    font-family: var(--brave-dialogue-font-family);
    font-size: 2.2rem;
    color: var(--brave-text-bright);
    text-transform: uppercase;
    margin-bottom: 24px;
    text-shadow: 0 0 24px rgba(var(--brave-accent-rgb), 0.4);
}

.brave-quest-complete-overlay__rewards {
    display: flex;
    justify-content: center;
    gap: 24px;
    margin-top: 16px;
    padding-top: 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.brave-quest-complete-overlay__reward {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.brave-quest-complete-overlay__reward-label {
    font-family: var(--brave-ui-font-family);
    font-size: 0.68rem;
    text-transform: uppercase;
    color: var(--brave-text-dim);
    letter-spacing: 0.08em;
}

.brave-quest-complete-overlay__reward-value {
    font-family: var(--brave-body-font-family);
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--brave-text-bright);
}

@keyframes brave-quest-pop-eyebrow {
    0% { letter-spacing: -0.2em; opacity: 0; }
    100% { letter-spacing: 0.24em; opacity: 1; }
}

/* Rest Overlay */
.brave-rest-overlay {
    position: fixed;
    inset: 0;
    z-index: 10020;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    pointer-events: auto;
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}

.brave-rest-overlay--active {
    opacity: 1;
}

.brave-rest-overlay__veil {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 50% 42%, rgba(244, 212, 139, 0.2), rgba(10, 15, 18, 0.9) 58%, rgba(4, 7, 9, 0.98)),
        linear-gradient(180deg, rgba(17, 28, 35, 0.78), rgba(5, 7, 10, 0.96));
}

.brave-rest-overlay__panel {
    position: relative;
    width: min(520px, 100%);
    min-height: 340px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    text-align: center;
    color: var(--brave-text-bright);
    transform: translateY(20px) scale(0.96);
    opacity: 0;
    transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}

.brave-rest-overlay--active .brave-rest-overlay__panel {
    transform: translateY(0) scale(1);
    opacity: 1;
}

.brave-rest-overlay__moon {
    position: relative;
    width: 104px;
    height: 104px;
    margin-bottom: 10px;
    border-radius: 50%;
    background:
        radial-gradient(circle at 42% 34%, rgba(255, 247, 213, 0.98), rgba(240, 204, 130, 0.84) 52%, rgba(180, 123, 54, 0.35) 100%);
    box-shadow:
        0 0 36px rgba(244, 212, 139, 0.42),
        0 0 92px rgba(102, 166, 191, 0.18);
    animation: brave-rest-moon-breathe 2.4s ease-in-out infinite;
}

.brave-rest-overlay__spark {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(255, 244, 196, 0.95);
    box-shadow: 0 0 18px rgba(255, 244, 196, 0.75);
    animation: brave-rest-spark 2.6s ease-in-out infinite;
}

.brave-rest-overlay__spark--one {
    left: -34px;
    top: 22px;
}

.brave-rest-overlay__spark--two {
    right: -40px;
    top: 48px;
    animation-delay: 0.45s;
}

.brave-rest-overlay__spark--three {
    left: 26px;
    bottom: -34px;
    animation-delay: 0.9s;
}

.brave-rest-overlay__eyebrow {
    font-family: var(--brave-ui-font-family);
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.22em;
    color: rgba(244, 212, 139, 0.92);
}

.brave-rest-overlay__title {
    font-family: var(--brave-dialogue-font-family);
    font-size: clamp(2rem, 5vw, 3.4rem);
    line-height: 1;
    text-transform: uppercase;
    text-shadow: 0 0 28px rgba(244, 212, 139, 0.34);
}

.brave-rest-overlay__message {
    max-width: 34rem;
    font-family: var(--brave-ui-font-family);
    font-size: 1rem;
    color: var(--brave-text-muted);
}

.brave-rest-overlay__meters {
    display: grid;
    grid-template-columns: repeat(3, minmax(54px, 1fr));
    gap: 10px;
    width: min(280px, 80%);
    margin-top: 18px;
}

.brave-rest-overlay__meters span {
    height: 8px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(104, 185, 139, 0.95), rgba(244, 212, 139, 0.95));
    box-shadow: 0 0 16px rgba(104, 185, 139, 0.28);
    transform-origin: left center;
    animation: brave-rest-meter-fill 1.1s ease-out both;
}

.brave-rest-overlay__meters span:nth-child(2) {
    animation-delay: 0.14s;
}

.brave-rest-overlay__meters span:nth-child(3) {
    animation-delay: 0.28s;
}

@keyframes brave-rest-moon-breathe {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.08); }
}

@keyframes brave-rest-spark {
    0%, 100% { opacity: 0.34; transform: translateY(0) scale(0.8); }
    50% { opacity: 1; transform: translateY(-12px) scale(1); }
}

@keyframes brave-rest-meter-fill {
    0% { transform: scaleX(0); opacity: 0.35; }
    100% { transform: scaleX(1); opacity: 1; }
}

/* Pixel Firework Particles */
.brave-pixel-particle {
    position: fixed;
    width: 6px;
    height: 6px;
    pointer-events: none;
    z-index: 10000;
    box-shadow: 0 0 4px var(--p-color);
    background: var(--p-color);
    animation: brave-pixel-firework var(--p-duration) ease-out forwards;
}

@keyframes brave-pixel-firework {
    0% { transform: translate(0, 0) rotate(0deg); opacity: 1; }
    50% { opacity: 1; }
    100% { transform: translate(var(--p-x), var(--p-y)) rotate(var(--p-rotate)) scale(0); opacity: 0; }
}