@view-transition {
      navigation: auto;
    }
    :root {
      --os-bg: #1a2a3a;
      --os-cyan: #fef08a;
      --os-glass: #141e28b3;
      --os-border: #fef08a4d;
      --os-text: #f0f9ff;
      --os-muted: #f0f9ff80;
      --theme-panel: rgba(20, 30, 40, 0.92);
      --theme-panel-soft: rgba(20, 30, 40, 0.84);
      --theme-panel-muted: rgba(20, 30, 40, 0.56);
      --theme-accent-rgb: 254, 240, 138;
      --theme-accent-strong: rgba(254, 240, 138, 0.72);
      --theme-accent-soft: rgba(254, 240, 138, 0.18);
      --theme-secondary-rgb: 92, 178, 255;
      --theme-grid: rgba(118, 177, 227, 0.08);
      --theme-glow: rgba(92, 178, 255, 0.18);
      --theme-glow-strong: rgba(92, 178, 255, 0.30);
      --theme-cool-shadow: rgba(38, 98, 158, 0.34);
      --theme-heading: #fef08a;
      --theme-heading-soft: #fff0a8;
      --theme-solid-panel: color-mix(in srgb, var(--theme-panel) 84%, rgba(0, 0, 0, 0.62));
      --theme-bg-far: #101923;
      --theme-atmosphere-a: rgba(254, 240, 138, 0.08);
      --theme-atmosphere-b: rgba(240, 249, 255, 0.05);
      --app-shell-max: 1960px;
      --wrap-max: 1480px;
      --section-columns: repeat(3, minmax(0, 1fr));
      --source-rail-width: 300px;
      --source-grid-columns: repeat(2, minmax(0, 1fr));
      --sheet-section-columns: repeat(2, minmax(0, 1fr));
      --detail-columns: repeat(2, minmax(0, 1fr));
      --profile-art-width: 220px;
      --structured-sidebar-width: 280px;
      --attribute-columns: repeat(4, minmax(0, 1fr));
      --tech-columns: repeat(2, minmax(0, 1fr));
      --directory-columns: repeat(2, minmax(0, 1fr));
      --directory-card-height: 168px;
      --hub-card-columns: repeat(6, minmax(0, 1fr));
      --hub-card-width: min(1320px, 100%);
      --unstructured-columns: minmax(0, 1.22fr) minmax(0, 1.18fr) minmax(0, 0.24fr);
      --bg: var(--os-bg);
      --bg-2: #101923;
      --panel: var(--os-glass);
      --panel-2: var(--theme-panel-muted);
      --border: rgba(var(--theme-accent-rgb), 0.30);
      --border-2: rgba(var(--theme-accent-rgb), 0.18);
      --cyan: var(--os-cyan);
      --cyan-2: #fff7b8;
      --ink: var(--os-text);
      --muted: rgba(240, 249, 255, 0.72);
      --warning: #fef08a;
      --danger: #e28282;
      --radius: 0px;
      --shadow: 0 0 24px var(--theme-glow);
    }
    :root[data-theme="azure_sync"],
    body[data-theme="azure_sync"],
    body[data-theme="azure-sync"] {
      --os-bg: #112033;
      --os-cyan: #f3dc81;
      --os-glass: rgba(14, 28, 44, 0.78);
      --os-border: rgba(243, 220, 129, 0.34);
      --os-text: #edf6ff;
      --os-muted: rgba(210, 230, 245, 0.74);
      --theme-panel: rgba(14, 28, 44, 0.90);
      --theme-panel-soft: rgba(18, 34, 52, 0.84);
      --theme-panel-muted: rgba(14, 28, 44, 0.54);
      --theme-accent-rgb: 243, 220, 129;
      --theme-accent-strong: rgba(243, 220, 129, 0.78);
      --theme-accent-soft: rgba(243, 220, 129, 0.14);
      --theme-secondary-rgb: 96, 188, 255;
      --theme-grid: rgba(110, 175, 235, 0.08);
      --theme-glow: rgba(96, 188, 255, 0.20);
      --theme-glow-strong: rgba(96, 188, 255, 0.34);
      --theme-cool-shadow: rgba(42, 112, 180, 0.42);
      --theme-heading: #ffe98e;
      --theme-heading-soft: #ffe27c;
      --theme-bg-far: #07111c;
      --theme-atmosphere-a: rgba(56, 118, 180, 0.18);
      --theme-atmosphere-b: rgba(124, 216, 255, 0.10);
      --cyan-2: #ffef9d;
    }
    :root[data-theme="white_wolf"],
    body[data-theme="white_wolf"],
    body[data-theme="silver-wolf"] {
      --os-bg: #e2e8f0;
      --os-cyan: #2563eb;
      --os-glass: rgba(255, 255, 255, 0.80);
      --os-border: rgba(37, 99, 235, 0.30);
      --os-text: #1e293b;
      --os-muted: rgba(30, 41, 59, 0.62);
      --theme-panel: rgba(255, 255, 255, 0.92);
      --theme-panel-soft: rgba(248, 250, 252, 0.90);
      --theme-panel-muted: rgba(255, 255, 255, 0.62);
      --theme-accent-rgb: 37, 99, 235;
      --theme-accent-strong: rgba(37, 99, 235, 0.72);
      --theme-accent-soft: rgba(37, 99, 235, 0.16);
      --theme-secondary-rgb: 15, 23, 42;
      --theme-grid: rgba(30, 41, 59, 0.04);
      --theme-glow: rgba(37, 99, 235, 0.16);
      --theme-glow-strong: rgba(37, 99, 235, 0.26);
      --theme-heading: #2563eb;
      --theme-heading-soft: #3b82f6;
      --theme-bg-far: #cbd5e1;
      --theme-atmosphere-a: rgba(37, 99, 235, 0.10);
      --theme-atmosphere-b: rgba(255, 255, 255, 0.18);
      --bg-2: #cbd5e1;
      --panel: var(--os-glass);
      --panel-2: rgba(255, 255, 255, 0.68);
      --border: rgba(var(--theme-accent-rgb), 0.26);
      --border-2: rgba(30, 41, 59, 0.14);
      --cyan: var(--os-cyan);
      --cyan-2: #1d4ed8;
      --ink: var(--os-text);
      --muted: rgba(30, 41, 59, 0.72);
      --warning: #2563eb;
      --danger: #c2410c;
    }
    :root[data-theme="aida_corrupt"],
    body[data-theme="aida_corrupt"],
    body[data-theme="aida"] {
      --os-bg: #0a050f;
      --os-cyan: #ff4d00;
      --os-glass: #28005099;
      --os-border: #ff4d0080;
      --os-text: #ffccbc;
      --os-muted: #ffccbc99;
      --theme-panel: rgba(40, 0, 80, 0.84);
      --theme-panel-soft: rgba(54, 6, 98, 0.82);
      --theme-panel-muted: rgba(40, 0, 80, 0.52);
      --theme-accent-rgb: 255, 77, 0;
      --theme-accent-strong: rgba(255, 77, 0, 0.72);
      --theme-accent-soft: rgba(255, 77, 0, 0.18);
      --theme-secondary-rgb: 130, 58, 201;
      --theme-glow: rgba(255, 77, 0, 0.18);
      --theme-glow-strong: rgba(255, 77, 0, 0.30);
      --theme-heading: #ff4d00;
      --theme-heading-soft: #c69bff;
      --theme-bg-far: #190821;
      --theme-atmosphere-a: rgba(255, 77, 0, 0.11);
      --theme-atmosphere-b: rgba(130, 58, 201, 0.10);
      --cyan-2: #ff9c72;
    }
    :root[data-theme="cyber_punk"],
    body[data-theme="cyber_punk"],
    body[data-theme="verdant_zero"],
    body[data-theme="sign_vintage"],
    body[data-theme="classic"] {
      --os-bg: #12060b;
      --os-cyan: #5fe8ff;
      --os-glass: rgba(36, 10, 18, 0.84);
      --os-border: rgba(95, 232, 255, 0.34);
      --os-text: #f5f7ff;
      --os-muted: rgba(224, 229, 245, 0.74);
      --theme-panel: rgba(28, 8, 16, 0.94);
      --theme-panel-soft: rgba(40, 10, 22, 0.86);
      --theme-panel-muted: rgba(28, 8, 16, 0.62);
      --theme-accent-rgb: 95, 232, 255;
      --theme-accent-strong: rgba(95, 232, 255, 0.78);
      --theme-accent-soft: rgba(95, 232, 255, 0.16);
      --theme-secondary-rgb: 150, 22, 54;
      --theme-grid: rgba(95, 232, 255, 0.10);
      --theme-glow: rgba(95, 232, 255, 0.22);
      --theme-glow-strong: rgba(95, 232, 255, 0.38);
      --theme-cool-shadow: rgba(150, 22, 54, 0.34);
      --theme-heading: #5fe8ff;
      --theme-heading-soft: #aaf6ff;
      --theme-bg-far: #050107;
      --theme-atmosphere-a: rgba(95, 232, 255, 0.14);
      --theme-atmosphere-b: rgba(150, 22, 54, 0.18);
      --cyan-2: #aaf6ff;
    }
    :root[data-theme="water_melon"],
    body[data-theme="water_melon"],
    body[data-theme="rose_hush"] {
      --os-bg: #6f1029;
      --os-cyan: #72ff3b;
      --os-glass: rgba(18, 44, 12, 0.88);
      --os-border: rgba(114, 255, 59, 0.46);
      --os-text: #fff4f8;
      --os-muted: rgba(243, 225, 232, 0.78);
      --theme-panel: rgba(18, 44, 12, 0.92);
      --theme-panel-soft: rgba(114, 255, 59, 0.28);
      --theme-panel-muted: rgba(18, 44, 12, 0.62);
      --theme-accent-rgb: 114, 255, 59;
      --theme-accent-strong: rgba(114, 255, 59, 0.84);
      --theme-accent-soft: rgba(114, 255, 59, 0.20);
      --theme-secondary-rgb: 224, 58, 82;
      --theme-grid: rgba(114, 255, 59, 0.12);
      --theme-glow: rgba(114, 255, 59, 0.24);
      --theme-glow-strong: rgba(114, 255, 59, 0.40);
      --theme-cool-shadow: rgba(18, 44, 12, 0.48);
      --theme-heading: #72ff3b;
      --theme-heading-soft: #d6ffca;
      --theme-bg-far: #3a0817;
      --theme-atmosphere-a: rgba(255, 64, 112, 0.28);
      --theme-atmosphere-b: rgba(114, 255, 59, 0.16);
      --cyan-2: #d6ffca;
    }
    :root[data-theme="bee_ware"],
    body[data-theme="bee_ware"],
    body[data-theme="nocturne_signal"] {
      --os-bg: #090909;
      --os-cyan: #f6ef3b;
      --os-glass: rgba(18, 18, 18, 0.88);
      --os-border: rgba(246, 239, 59, 0.42);
      --os-text: #fffde8;
      --os-muted: rgba(232, 229, 186, 0.76);
      --theme-panel: rgba(18, 18, 18, 0.94);
      --theme-panel-soft: rgba(28, 28, 28, 0.88);
      --theme-panel-muted: rgba(18, 18, 18, 0.62);
      --theme-accent-rgb: 246, 239, 59;
      --theme-accent-strong: rgba(246, 239, 59, 0.86);
      --theme-accent-soft: rgba(246, 239, 59, 0.18);
      --theme-secondary-rgb: 12, 12, 12;
      --theme-grid: rgba(246, 239, 59, 0.12);
      --theme-glow: rgba(246, 239, 59, 0.24);
      --theme-glow-strong: rgba(246, 239, 59, 0.40);
      --theme-cool-shadow: rgba(0, 0, 0, 0.52);
      --theme-heading: #f6ef3b;
      --theme-heading-soft: #fff88a;
      --theme-bg-far: #000000;
      --theme-atmosphere-a: rgba(246, 239, 59, 0.18);
      --theme-atmosphere-b: rgba(255, 255, 255, 0.03);
      --cyan-2: #fff88a;
    }
    :root[data-theme="ember_circuit"],
    body[data-theme="ember_circuit"] {
      --os-bg: #0b0c10;
      --os-cyan: #d9dde3;
      --os-glass: rgba(20, 22, 28, 0.86);
      --os-border: rgba(217, 221, 227, 0.28);
      --os-text: #f5f7fa;
      --os-muted: rgba(211, 218, 226, 0.72);
      --theme-panel: rgba(20, 22, 28, 0.94);
      --theme-panel-soft: rgba(30, 34, 42, 0.88);
      --theme-panel-muted: rgba(20, 22, 28, 0.60);
      --theme-accent-rgb: 217, 221, 227;
      --theme-accent-strong: rgba(217, 221, 227, 0.78);
      --theme-accent-soft: rgba(217, 221, 227, 0.12);
      --theme-secondary-rgb: 214, 48, 49;
      --theme-grid: rgba(214, 48, 49, 0.08);
      --theme-glow: rgba(214, 48, 49, 0.18);
      --theme-glow-strong: rgba(214, 48, 49, 0.32);
      --theme-cool-shadow: rgba(8, 10, 14, 0.52);
      --theme-heading: #d9dde3;
      --theme-heading-soft: #ffffff;
      --theme-bg-far: #020304;
      --theme-atmosphere-a: rgba(214, 48, 49, 0.16);
      --theme-atmosphere-b: rgba(255, 255, 255, 0.05);
      --cyan-2: #ffffff;
    }
    :root[data-theme="amethyst_strike"],
    body[data-theme="amethyst_strike"] {
      --os-bg: #100918;
      --os-cyan: #e6bbff;
      --os-glass: rgba(24, 15, 40, 0.82);
      --os-border: rgba(230, 187, 255, 0.34);
      --os-text: #f9f0ff;
      --os-muted: rgba(228, 214, 245, 0.74);
      --theme-panel: rgba(24, 15, 40, 0.92);
      --theme-panel-soft: rgba(34, 22, 56, 0.86);
      --theme-panel-muted: rgba(24, 15, 40, 0.56);
      --theme-accent-rgb: 230, 187, 255;
      --theme-accent-strong: rgba(230, 187, 255, 0.78);
      --theme-accent-soft: rgba(230, 187, 255, 0.12);
      --theme-secondary-rgb: 166, 106, 255;
      --theme-grid: rgba(196, 148, 255, 0.08);
      --theme-glow: rgba(166, 106, 255, 0.20);
      --theme-glow-strong: rgba(166, 106, 255, 0.34);
      --theme-cool-shadow: rgba(92, 56, 132, 0.40);
      --theme-heading: #e6bbff;
      --theme-heading-soft: #f4dcff;
      --theme-bg-far: #04020a;
      --theme-atmosphere-a: rgba(118, 70, 170, 0.18);
      --theme-atmosphere-b: rgba(196, 148, 255, 0.10);
      --cyan-2: #efd4ff;
    }
    :root[data-theme="oled_null"],
    body[data-theme="oled_null"] {
      --os-bg: #000000;
      --os-cyan: #d8d8d8;
      --os-glass: rgba(8, 8, 8, 0.96);
      --os-border: rgba(216, 216, 216, 0.22);
      --os-text: #f3f3f3;
      --os-muted: rgba(194, 194, 194, 0.72);
      --theme-panel: rgba(10, 10, 10, 0.96);
      --theme-panel-soft: rgba(22, 22, 22, 0.90);
      --theme-panel-muted: rgba(18, 18, 18, 0.72);
      --theme-accent-rgb: 216, 216, 216;
      --theme-accent-strong: rgba(236, 236, 236, 0.78);
      --theme-accent-soft: rgba(216, 216, 216, 0.12);
      --theme-secondary-rgb: 118, 118, 118;
      --theme-grid: rgba(216, 216, 216, 0.05);
      --theme-glow: rgba(216, 216, 216, 0.10);
      --theme-glow-strong: rgba(216, 216, 216, 0.18);
      --theme-cool-shadow: rgba(0, 0, 0, 0.60);
      --theme-heading: #f2f2f2;
      --theme-heading-soft: #ffffff;
      --theme-bg-far: #000000;
      --theme-atmosphere-a: rgba(92, 92, 92, 0.08);
      --theme-atmosphere-b: rgba(210, 210, 210, 0.05);
      --cyan-2: #ffffff;
    }
    :root[data-theme="pink_surge"],
    body[data-theme="pink_surge"] {
      --os-bg: #3a0d24;
      --os-cyan: #ff77c8;
      --os-glass: rgba(52, 12, 34, 0.86);
      --os-border: rgba(255, 119, 200, 0.34);
      --os-text: #fff2fa;
      --os-muted: rgba(244, 210, 233, 0.76);
      --theme-panel: rgba(52, 12, 34, 0.92);
      --theme-panel-soft: rgba(68, 18, 46, 0.86);
      --theme-panel-muted: rgba(52, 12, 34, 0.60);
      --theme-accent-rgb: 255, 119, 200;
      --theme-accent-strong: rgba(255, 119, 200, 0.82);
      --theme-accent-soft: rgba(255, 119, 200, 0.14);
      --theme-secondary-rgb: 255, 198, 230;
      --theme-grid: rgba(255, 119, 200, 0.08);
      --theme-glow: rgba(255, 119, 200, 0.20);
      --theme-glow-strong: rgba(255, 119, 200, 0.34);
      --theme-cool-shadow: rgba(112, 20, 68, 0.40);
      --theme-heading: #ff77c8;
      --theme-heading-soft: #ffd4ef;
      --theme-bg-far: #12030c;
      --theme-atmosphere-a: rgba(255, 119, 200, 0.16);
      --theme-atmosphere-b: rgba(255, 210, 236, 0.08);
      --cyan-2: #ffd4ef;
    }
    body[data-layout="standard_grid"] {
      --wrap-max: 1480px;
      --section-columns: repeat(3, minmax(0, 1fr));
      --source-rail-width: 300px;
      --source-grid-columns: repeat(2, minmax(0, 1fr));
      --sheet-section-columns: repeat(2, minmax(0, 1fr));
      --detail-columns: repeat(2, minmax(0, 1fr));
      --profile-art-width: 220px;
      --structured-sidebar-width: 280px;
      --attribute-columns: repeat(4, minmax(0, 1fr));
      --tech-columns: repeat(2, minmax(0, 1fr));
      --directory-columns: repeat(2, minmax(0, 1fr));
      --hub-card-columns: repeat(6, minmax(0, 1fr));
      --hub-card-width: min(1320px, 100%);
      --unstructured-columns: minmax(0, 1.16fr) minmax(0, 1.08fr) minmax(0, 0.38fr);
    }
    body[data-layout="side_rail"] {
      --wrap-max: 1560px;
      --section-columns: repeat(2, minmax(0, 1fr));
      --source-rail-width: 360px;
      --source-grid-columns: repeat(1, minmax(0, 1fr));
      --sheet-section-columns: repeat(2, minmax(0, 1fr));
      --detail-columns: 1.15fr 0.85fr;
      --profile-art-width: 240px;
      --structured-sidebar-width: 320px;
      --attribute-columns: repeat(2, minmax(0, 1fr));
      --tech-columns: repeat(2, minmax(0, 1fr));
      --directory-columns: repeat(2, minmax(0, 1fr));
      --hub-card-columns: repeat(4, minmax(0, 1fr));
      --hub-card-width: min(1280px, 100%);
      --unstructured-columns: minmax(0, 1.04fr) minmax(0, 1.00fr) minmax(0, 0.34fr);
    }
    body[data-layout="bento_tiles"] {
      --wrap-max: 1660px;
      --section-columns: repeat(4, minmax(0, 1fr));
      --source-rail-width: 280px;
      --source-grid-columns: repeat(3, minmax(0, 1fr));
      --sheet-section-columns: repeat(3, minmax(0, 1fr));
      --detail-columns: repeat(2, minmax(0, 1fr));
      --profile-art-width: 260px;
      --structured-sidebar-width: 300px;
      --attribute-columns: repeat(4, minmax(0, 1fr));
      --tech-columns: repeat(3, minmax(0, 1fr));
      --directory-columns: repeat(3, minmax(0, 1fr));
      --hub-card-columns: repeat(6, minmax(0, 1fr));
      --hub-card-width: min(1500px, 100%);
      --unstructured-columns: minmax(0, 1.08fr) minmax(0, 1.10fr) minmax(0, 0.38fr);
    }
    body[data-layout="core_only"] {
      --wrap-max: 1240px;
      --section-columns: repeat(2, minmax(0, 1fr));
      --source-rail-width: 240px;
      --source-grid-columns: repeat(1, minmax(0, 1fr));
      --sheet-section-columns: repeat(1, minmax(0, 1fr));
      --detail-columns: repeat(1, minmax(0, 1fr));
      --profile-art-width: 200px;
      --structured-sidebar-width: 240px;
      --attribute-columns: repeat(2, minmax(0, 1fr));
      --tech-columns: repeat(1, minmax(0, 1fr));
      --directory-columns: repeat(1, minmax(0, 1fr));
      --hub-card-columns: repeat(3, minmax(0, 1fr));
      --hub-card-width: min(960px, 100%);
      --unstructured-columns: repeat(1, minmax(0, 1fr));
    }
    * { box-sizing: border-box; }
    html, body { min-height: 100%; }
    html {
      margin: 0;
      background-color: var(--os-bg);
      background-image:
        radial-gradient(circle at center, color-mix(in srgb, var(--os-bg) 82%, rgba(86, 158, 226, 0.22)) 0%, var(--os-bg) 34%, var(--theme-bg-far) 76%, #04070d 100%),
        radial-gradient(circle at 70% 16%, var(--theme-atmosphere-b) 0%, transparent 22%),
        radial-gradient(circle at 20% 8%, var(--theme-atmosphere-a) 0%, transparent 26%);
      overflow-x: hidden;
    }
    body {
      margin: 0;
      min-height: 100vh;
      display: flex;
      flex-direction: column;
      color: var(--ink);
      font-family: "Inter", system-ui, sans-serif;
      background-color: var(--os-bg);
      background-image:
        radial-gradient(circle at center, color-mix(in srgb, var(--os-bg) 82%, rgba(86, 158, 226, 0.22)) 0%, var(--os-bg) 34%, var(--theme-bg-far) 76%, #04070d 100%),
        radial-gradient(circle at 70% 16%, var(--theme-atmosphere-b) 0%, transparent 22%),
        radial-gradient(circle at 20% 8%, var(--theme-atmosphere-a) 0%, transparent 26%);
      overflow-x: hidden;
      overflow-y: auto;
      overscroll-behavior-y: auto;
      -webkit-overflow-scrolling: touch;
    }
    body::before {
      content: "";
      position: fixed;
      inset: 0;
      pointer-events: none;
      background:
        linear-gradient(var(--theme-grid) 1px, transparent 1px),
        linear-gradient(90deg, var(--theme-grid) 1px, transparent 1px);
      background-size: 26px 26px;
      opacity: 0.64;
    }
    .wrap {
      --shell-chrome-inline: 16px;
      width: 100%;
      max-width: var(--wrap-max, 1480px);
      margin: 0 auto;
      padding: 12px 16px 28px;
      box-sizing: border-box;
      position: relative;
      z-index: 1;
      min-width: 0;
    }
    html:not(.mobile-shell-enabled) .wrap.glossary-page-wrap {
      max-width: none;
      margin: 0;
      --glossary-page-right-gutter: 18px;
      padding-right: calc(16px + var(--glossary-page-right-gutter));
      padding-bottom: 28px;
    }
    .scanlines {
      position: fixed;
      inset: 0;
      z-index: 1000;
      pointer-events: none;
      opacity: 0.28;
      background:
        linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.24) 50%) 0 0 / 100% 4px,
        linear-gradient(90deg, rgba(255, 0, 0, 0.05), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.05)) 0 0 / 3px 100%;
    }
    .shell-content {
      position: relative;
      z-index: 1;
      flex: 1 0 auto;
      padding-bottom: 0;
      min-height: 0;
      touch-action: pan-y;
    }
    .bureau-shell-footer {
      position: static;
      width: 100%;
      margin-top: 0;
      padding: 0 0 10px;
      z-index: 1205;
      pointer-events: none;
      white-space: normal;
      overflow-wrap: break-word;
      word-break: normal;
    }
    .bureau-shell-footer-inner {
      width: auto;
      max-width: none;
      margin: 0;
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      gap: 18px;
      padding: 0 var(--shell-chrome-inline) 0 calc(var(--shell-chrome-inline) + var(--glossary-page-left-gutter, 0px));
      box-sizing: border-box;
      border: none;
      background: none;
      box-shadow: none;
      backdrop-filter: none;
      font-family: "Share Tech Mono", monospace;
      color: var(--muted);
      text-transform: uppercase;
      letter-spacing: 0.16em;
      text-shadow: none;
    }
    .bureau-shell-footer-left {
      font-size: 11px;
      line-height: 1.6;
    }
    .bureau-shell-footer-right {
      font-size: 11px;
      text-align: right;
    }
    html:not(.mobile-shell-enabled) .bureau-shell-footer {
      width: auto;
      max-width: none;
      margin-left: calc(50% - 50vw);
      margin-right: calc(50% - 50vw);
      padding-left: calc(var(--shell-chrome-inline) + var(--glossary-page-left-gutter, 0px));
      padding-right: calc(var(--shell-chrome-inline) + var(--glossary-page-right-gutter, 0px));
      box-sizing: border-box;
    }
    html:not(.mobile-shell-enabled) .bureau-shell-footer-inner {
      width: 100%;
      max-width: none;
      margin: 0;
      min-height: 0;
      padding-left: 0;
      padding-right: 0;
    }
    .topbar {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 16px;
      margin-bottom: 32px;
      padding: 12px 14px 14px;
      background: linear-gradient(180deg, var(--theme-panel-soft), var(--theme-panel));
      border: 1px solid var(--os-border);
      border-bottom-width: 2px;
      border-radius: 0;
      backdrop-filter: blur(10px);
      box-shadow:
        inset 0 0 0 1px rgba(var(--theme-accent-rgb), 0.08),
        0 0 0 1px rgba(var(--theme-accent-rgb), 0.10),
        0 0 24px var(--theme-glow),
        0 0 42px rgba(45, 107, 167, 0.10);
      min-width: 0;
    }
    html:not(.mobile-shell-enabled) .topbar,
    html:not(.mobile-shell-enabled) .network-page-header {
      position: relative;
      margin-left: calc(50% - 50vw);
      margin-right: calc(50% - 50vw);
      padding-left: calc(var(--shell-chrome-inline) + var(--glossary-page-left-gutter, 0px));
      padding-right: calc(var(--shell-chrome-inline) + var(--glossary-page-right-gutter, 0px));
      box-sizing: border-box;
      width: auto;
      max-width: none;
    }
    .brand {
      display: flex;
      align-items: center;
      gap: 14px;
      min-width: 0;
      flex: 1 1 auto;
    }
    .brand-mark {
      width: 42px;
      height: 42px;
      border-radius: 0;
      display: grid;
      place-items: center;
      color: var(--cyan);
      border: 1px solid var(--border);
      background: linear-gradient(180deg, rgba(var(--theme-accent-rgb), 0.15), rgba(var(--theme-accent-rgb), 0.02));
      font-family: "Share Tech Mono", monospace;
      font-size: 13px;
      letter-spacing: 0.12em;
      box-shadow: inset 0 0 24px rgba(var(--theme-accent-rgb), 0.10);
    }
    .brand-mark.is-image {
      border: none;
      background: transparent;
      box-shadow: none;
      padding: 0;
    }
    .brand-mark-image {
      width: 100%;
      height: 100%;
      object-fit: contain;
      display: block;
    }
    .brand-copy {
      min-width: 0;
      flex: 1 1 auto;
    }
    .eyebrow {
      font-family: "Share Tech Mono", monospace;
      color: var(--theme-heading-soft);
      letter-spacing: 0.16em;
      text-transform: uppercase;
      font-size: 11px;
      margin-bottom: 4px;
    }
    .brand-title {
      font-family: "Rajdhani", sans-serif;
      font-weight: 700;
      font-size: 22px;
      line-height: 1;
      letter-spacing: 0.05em;
      white-space: normal;
      overflow-wrap: anywhere;
      color: var(--theme-heading);
    }
    .top-actions {
      display: flex;
      align-items: center;
      gap: 10px;
      flex-wrap: wrap;
      justify-content: flex-end;
      min-width: 0;
    }
    .chip {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 8px 12px;
      border-radius: 6px;
      background: rgba(255,255,255,0.04);
      border: 1px solid var(--border-2);
      color: var(--muted);
      font-size: 13px;
      max-width: 100%;
      flex-wrap: wrap;
    }
    .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      min-height: 32px;
      padding: 0 14px;
      border-radius: 0;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.34);
      background: var(--theme-panel-soft);
      color: var(--muted);
      text-decoration: none;
      font-family: "Share Tech Mono", monospace;
      font-size: 11px;
      font-weight: 400;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      line-height: 1;
      transition:
        border-color 160ms ease,
        background 160ms ease,
        color 160ms ease,
        box-shadow 160ms ease;
    }
    .btn.secondary {
      border-color: rgba(var(--theme-accent-rgb), 0.34);
      background: var(--theme-panel-soft);
      color: var(--muted);
    }
    .btn.danger {
      border-color: rgba(255, 93, 122, 0.42);
      background: rgba(38, 10, 16, 0.58);
      color: rgba(255, 214, 224, 0.94);
    }
    .btn:hover,
    .btn:focus-visible {
      border-color: rgba(var(--theme-accent-rgb), 0.68);
      background: rgba(var(--theme-secondary-rgb), 0.18);
      color: rgb(var(--theme-accent-rgb));
      box-shadow: inset 0 0 0 1px rgba(var(--theme-accent-rgb), 0.08);
      outline: none;
    }
    .btn.secondary:hover,
    .btn.secondary:focus-visible {
      border-color: rgba(var(--theme-accent-rgb), 0.68);
      background: rgba(var(--theme-secondary-rgb), 0.18);
      color: rgb(var(--theme-accent-rgb));
      box-shadow: inset 0 0 0 1px rgba(var(--theme-accent-rgb), 0.08);
    }
    .btn.danger:hover,
    .btn.danger:focus-visible {
      border-color: rgba(255, 122, 146, 0.72);
      background: rgba(58, 14, 22, 0.68);
      color: rgba(255, 240, 244, 0.98);
      box-shadow: inset 0 0 0 1px rgba(255, 122, 146, 0.10);
    }
    .btn:disabled,
    .btn[disabled] {
      opacity: 0.5;
      cursor: not-allowed;
      box-shadow: none;
    }
    .btn[data-helper-text] {
      position: relative;
      overflow: visible;
    }
    body.tooltip-system-ready .btn[data-helper-text]::before,
    body.tooltip-system-ready .btn[data-helper-text]::after {
      content: none;
      display: none;
    }
    .btn[data-helper-text]::before {
      content: attr(data-helper-text);
      position: absolute;
      left: 50%;
      bottom: calc(100% + 8px);
      transform: translate(-50%, 3px);
      padding: 7px 10px 6px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.34);
      background:
        linear-gradient(180deg, rgba(var(--theme-secondary-rgb), 0.18), rgba(6, 14, 26, 0.96)),
        rgba(6, 14, 26, 0.96);
      color: var(--ink);
      font-family: "Share Tech Mono", monospace;
      font-size: 10px;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      white-space: nowrap;
      box-shadow:
        0 12px 26px rgba(0, 0, 0, 0.28),
        inset 0 0 16px rgba(var(--theme-secondary-rgb), 0.10);
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transition:
        opacity 80ms ease,
        transform 80ms ease,
        visibility 0ms linear 80ms;
      z-index: 40;
    }
    .btn[data-helper-text]::after {
      content: "";
      position: absolute;
      left: 50%;
      bottom: calc(100% + 3px);
      width: 8px;
      height: 8px;
      border-left: 1px solid rgba(var(--theme-accent-rgb), 0.34);
      border-bottom: 1px solid rgba(var(--theme-accent-rgb), 0.34);
      background: rgba(8, 16, 30, 0.98);
      transform: translateX(-50%) rotate(-45deg) translateY(3px);
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transition:
        opacity 80ms ease,
        transform 80ms ease,
        visibility 0ms linear 80ms;
      z-index: 39;
    }
    .btn[data-helper-text]:hover::before,
    .btn[data-helper-text]:hover::after,
    .btn[data-helper-text]:focus-visible::before,
    .btn[data-helper-text]:focus-visible::after {
      opacity: 1;
      visibility: visible;
      transform: translate(-50%, 0);
      transition-delay: 35ms;
    }
    .btn[data-helper-text]:hover::after,
    .btn[data-helper-text]:focus-visible::after {
      transform: translateX(-50%) rotate(-45deg);
    }
    .header-icon-btn {
      width: 40px;
      min-width: 40px;
      max-width: 40px;
      height: 40px;
      min-height: 40px;
      padding: 0;
      gap: 0;
      flex: 0 0 40px;
    }
    .auth-panel-btn {
      width: 100%;
      min-height: 72px;
      padding: 14px 18px;
      align-items: flex-start;
      justify-content: center;
      flex-direction: column;
      gap: 4px;
      text-align: left;
      border-color: rgba(var(--theme-accent-rgb), 0.42);
      background: linear-gradient(180deg, rgba(var(--theme-accent-rgb), 0.18), rgba(var(--theme-accent-rgb), 0.05));
      box-shadow: inset 0 0 24px rgba(var(--theme-accent-rgb), 0.08);
    }
    .auth-panel-btn .auth-panel-title {
      font-family: "Rajdhani", sans-serif;
      font-size: 24px;
      font-weight: 700;
      letter-spacing: 0.08em;
      line-height: 1;
      text-transform: uppercase;
    }
    .auth-panel-btn .auth-panel-sub {
      font-family: "Share Tech Mono", monospace;
      font-size: 10px;
      font-weight: 500;
      letter-spacing: 0.16em;
      line-height: 1.4;
      text-transform: uppercase;
      color: var(--muted);
    }
    .auth-gate-wrap {
      min-height: calc(100vh - 42px);
      display: grid;
      align-items: center;
      align-content: center;
    }
    .auth-gate-wrap > .panel {
      width: 100%;
      max-width: min(920px, 100%);
      justify-self: center;
    }
    .hero {
      display: grid;
      grid-template-columns: 1fr;
      gap: 18px;
      margin-bottom: 20px;
    }
    .panel {
      position: relative;
      overflow: hidden;
      background: var(--os-glass);
      border: 1px solid var(--os-border);
      border-radius: 0;
      box-shadow:
        inset 0 0 0 1px rgba(var(--theme-accent-rgb), 0.05),
        0 0 0 1px rgba(var(--theme-accent-rgb), 0.08),
        0 0 28px var(--theme-glow),
        0 0 48px rgba(45, 107, 167, 0.10);
      backdrop-filter: blur(12px);
    }
    .panel::after {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      background: linear-gradient(180deg, rgba(255,255,255,0.02), transparent 35%);
      opacity: 1;
    }
    .panel-inner {
      position: relative;
      z-index: 1;
      padding: 18px;
    }
    .hero-copy h1 {
      margin: 0 0 14px;
      font-family: "Rajdhani", sans-serif;
      font-size: clamp(40px, 6vw, 76px);
      line-height: 0.9;
      text-transform: uppercase;
      letter-spacing: 0.05em;
      font-style: italic;
      color: var(--theme-heading);
    }
    .hero-copy p {
      margin: 0;
      color: var(--muted);
      font-size: 14px;
      line-height: 1.8;
      max-width: 68ch;
    }
    .hero-metrics {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 8px;
      margin-top: 18px;
    }
    .metric {
      padding: 14px;
      border-radius: 0;
      border: 1px solid var(--os-border);
      background: rgba(255,255,255,0.03);
    }
    .metric .k {
      font-family: "Rajdhani", sans-serif;
      font-size: 28px;
      font-weight: 700;
      color: var(--cyan-2);
      line-height: 1;
    }
    .metric .v {
      margin-top: 6px;
      font-size: 12px;
      color: var(--muted);
      text-transform: uppercase;
      letter-spacing: 0.12em;
    }
    .module-list {
      display: grid;
      gap: 12px;
    }
    .module {
      padding: 16px;
      border-radius: 14px;
      border: 1px solid var(--border-2);
      background: rgba(255,255,255,0.03);
    }
    .module-link {
      display: block;
      text-decoration: none;
      color: inherit;
      transition: transform 140ms ease;
    }
    .module-link:hover .module {
      transform: translateY(-1px);
      border-color: var(--border);
      background: rgba(255,255,255,0.05);
    }
    .module .name {
      font-family: "Rajdhani", sans-serif;
      font-weight: 700;
      font-size: 20px;
      margin-bottom: 6px;
      letter-spacing: 0.04em;
    }
    .module .desc {
      font-size: 14px;
      color: var(--muted);
      line-height: 1.6;
    }
    .section-grid {
      display: grid;
      grid-template-columns: var(--section-columns);
      gap: 24px;
      margin-top: 24px;
    }
    .section-title {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      margin-bottom: 16px;
      font-family: "Rajdhani", sans-serif;
      font-size: 24px;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      font-style: italic;
      color: var(--theme-heading);
    }
    .system-list {
      display: grid;
      gap: 10px;
    }
    .system-row {
      display: flex;
      justify-content: space-between;
      gap: 12px;
      padding: 12px 0;
      border-bottom: 1px solid var(--border-2);
      font-size: 14px;
    }
    .system-row:last-child {
      border-bottom: none;
      padding-bottom: 0;
    }
    .state-ok { color: #5df2c6; }
    .state-warn { color: var(--warning); }
    .state-hot { color: var(--danger); }
    .manifest {
      display: grid;
      gap: 10px;
    }
    .manifest code, .mono {
      font-family: "Share Tech Mono", monospace;
      color: var(--cyan-2);
    }
    .route-tabs {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin: 0 0 12px;
      padding: 0 0 10px;
      border-bottom: 1px solid rgba(var(--theme-accent-rgb), 0.16);
    }
    .route-tab {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      min-height: 34px;
      padding: 0 12px;
      border-radius: 0;
      border: 1px solid var(--border-2);
      background: rgba(255,255,255,0.03);
      color: var(--muted);
      text-decoration: none;
      font-size: 13px;
      font-weight: 600;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }
    .route-tab.active {
      border-color: rgba(var(--theme-accent-rgb), 0.32);
      background: linear-gradient(180deg, rgba(var(--theme-accent-rgb), 0.18), rgba(var(--theme-accent-rgb), 0.05));
      color: var(--ink);
      box-shadow: inset 0 0 24px rgba(var(--theme-accent-rgb), 0.08);
    }
    .source-shell {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 14px;
      margin-top: 12px;
    }
    .source-rail {
      display: none;
      gap: 14px;
      align-content: start;
    }
    .source-main {
      display: grid;
      gap: 14px;
      align-content: start;
    }
    .source-nav-list {
      display: grid;
      gap: 8px;
    }
    .source-nav-link {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      padding: 12px 14px;
      border: 1px solid var(--border-2);
      border-radius: 0;
      text-decoration: none;
      color: inherit;
      background: rgba(255,255,255,0.025);
      transition: border-color 120ms ease, background 120ms ease;
    }
    .source-nav-link:hover {
      border-color: rgba(var(--theme-accent-rgb), 0.28);
      background: rgba(255,255,255,0.05);
    }
    .source-nav-link .label {
      font-family: "Rajdhani", sans-serif;
      font-size: 22px;
      font-weight: 700;
      letter-spacing: 0.05em;
      text-transform: uppercase;
      line-height: 0.95;
    }
    .source-nav-link .meta {
      color: var(--muted);
      font-size: 11px;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      text-align: right;
      white-space: nowrap;
    }
    .source-headline {
      margin: 0 0 12px;
      font-family: "Rajdhani", sans-serif;
      font-size: clamp(42px, 5.6vw, 82px);
      line-height: 0.9;
      text-transform: uppercase;
      letter-spacing: 0.05em;
      font-style: italic;
      color: var(--theme-heading);
    }
    .character-name-row {
      display: flex;
      align-items: flex-end;
      gap: 10px;
      flex-wrap: wrap;
      min-width: 0;
    }
    .character-name-row .source-headline {
      margin-bottom: 0;
      min-width: 0;
    }
    .character-tier-inline {
      display: inline-flex;
      align-items: flex-end;
      min-width: 0;
      margin-bottom: 0.18em;
      font-family: "Rajdhani", sans-serif;
      font-size: clamp(18px, 2.8vw, 34px);
      line-height: 0.92;
      font-weight: 700;
      font-style: italic;
      letter-spacing: 0.05em;
      text-transform: uppercase;
      white-space: nowrap;
      color: rgba(255, 255, 255, 0.98);
    }
    .character-tier-inline[data-tone="dark"] {
      color: rgba(0, 0, 0, 0.98);
    }
    .source-copy {
      margin: 0;
      color: var(--muted);
      font-size: 14px;
      line-height: 1.8;
      max-width: 76ch;
    }
    .source-grid {
      display: grid;
      grid-template-columns: var(--source-grid-columns);
      gap: 14px;
    }
    .source-table {
      display: grid;
      gap: 0;
    }
    .source-row {
      display: flex;
      justify-content: space-between;
      gap: 12px;
      padding: 12px 0;
      border-bottom: 1px solid var(--border-2);
      font-size: 13px;
      line-height: 1.5;
    }
    .source-row:last-child {
      border-bottom: none;
      padding-bottom: 0;
    }
    .tooltip-anchor {
      position: relative;
    }
    .tooltip-popout {
      position: absolute;
      left: 0;
      top: calc(100% + 10px);
      min-width: 240px;
      max-width: 360px;
      padding: 12px 14px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.22);
      border-radius: 6px;
      background: rgba(2, 10, 20, 0.96);
      color: var(--muted);
      font-size: 12px;
      line-height: 1.7;
      box-shadow: 0 16px 36px rgba(0,0,0,0.42);
      opacity: 0;
      visibility: hidden;
      transform: translateY(6px);
      transition: opacity 120ms ease, transform 120ms ease, visibility 120ms ease;
      z-index: 8;
      pointer-events: none;
    }
    .tooltip-anchor:hover .tooltip-popout,
    .tooltip-anchor:focus-within .tooltip-popout {
      opacity: 1;
      visibility: visible;
      transform: translateY(0);
    }
    .tabs-shell {
      display: grid;
      gap: 14px;
      min-width: 0;
    }
    .agent-modules-shell {
      display: grid;
      gap: 14px;
    }
    .agent-modules-shell .panel {
      background: var(--os-glass);
      border-color: var(--os-border);
      box-shadow: 0 0 30px var(--theme-glow);
    }
    .agent-modules-shell .panel::after {
      opacity: 1;
    }
    .agent-modules-shell .tab-button {
      border-color: rgba(var(--theme-accent-rgb), 0.42);
      background: var(--theme-panel-soft);
      min-height: 42px;
      padding: 0 15px;
      font-size: 15px;
      font-weight: 700;
      letter-spacing: 0.09em;
    }
    .tab-strip {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-bottom: 2px;
    }
    .tab-button {
      --tab-button-transition-ms: 140ms;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 28px;
      padding: 0 10px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.42);
      border-radius: 0;
      background: var(--theme-panel-soft);
      color: var(--ink);
      font: inherit;
      font-family: "Share Tech Mono", monospace;
      font-size: 10px;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      white-space: nowrap;
      cursor: pointer;
      transform: translate3d(0, 0, 0);
      opacity: 1;
      will-change: transform, opacity, border-color, background, color, box-shadow;
      transition:
        border-color var(--tab-button-transition-ms) cubic-bezier(0.22, 1, 0.36, 1),
        background var(--tab-button-transition-ms) cubic-bezier(0.22, 1, 0.36, 1),
        color var(--tab-button-transition-ms) cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow var(--tab-button-transition-ms) cubic-bezier(0.22, 1, 0.36, 1),
        transform var(--tab-button-transition-ms) cubic-bezier(0.22, 1, 0.36, 1),
        opacity var(--tab-button-transition-ms) ease;
    }
    .tab-button:hover {
      border-color: rgba(var(--theme-accent-rgb), 0.58);
      color: var(--ink);
    }
    .tab-button.is-transitioning-out {
      --tab-button-transition-ms: 130ms;
      transform: translate3d(0, -1px, 0);
      opacity: 0.74;
    }
    .tab-button.is-transitioning-in {
      --tab-button-transition-ms: 170ms;
      transform: translate3d(0, 0, 0);
      opacity: 1;
    }
    .tab-button.active {
      border-color: rgba(var(--theme-secondary-rgb), 0.62);
      background: linear-gradient(180deg, rgba(var(--theme-secondary-rgb), 0.20), rgba(var(--theme-secondary-rgb), 0.06));
      color: var(--ink);
      box-shadow: inset 0 0 18px rgba(var(--theme-secondary-rgb), 0.10);
      transform: translate3d(0, -1px, 0);
    }
    .mobile-tab-fab,
    .mobile-tab-drawer,
    .mobile-tab-backdrop {
      display: none;
    }
    .mobile-tab-fab {
      position: fixed;
      left: var(--mobile-tab-fab-left, auto);
      top: var(--mobile-tab-fab-top, auto);
      right: var(--mobile-tab-fab-right, 16px);
      bottom: var(--mobile-tab-fab-bottom, 18px);
      z-index: 1200;
      width: 56px;
      height: 56px;
      border-radius: 999px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.54);
      background:
        linear-gradient(180deg, rgba(var(--theme-secondary-rgb), 0.26), rgba(var(--theme-secondary-rgb), 0.10)),
        rgba(6, 14, 26, 0.94);
      color: var(--ink);
      box-shadow:
        inset 0 0 18px rgba(var(--theme-secondary-rgb), 0.16),
        0 0 0 1px rgba(var(--theme-accent-rgb), 0.08),
        0 12px 32px rgba(0, 0, 0, 0.34),
        0 0 28px rgba(var(--theme-accent-rgb), 0.20);
      align-items: center;
      justify-content: center;
      font-family: "Rajdhani", sans-serif;
      touch-action: none;
      user-select: none;
      -webkit-user-select: none;
      transition: transform 180ms ease, border-color 160ms ease, box-shadow 160ms ease, color 160ms ease;
    }
    .mobile-tab-fab.is-dragging {
      cursor: grabbing;
      transition: none;
    }
    .mobile-tab-fab:hover,
    .mobile-tab-fab:focus-visible {
      border-color: rgba(var(--theme-accent-rgb), 0.78);
      color: rgb(var(--theme-secondary-rgb));
      box-shadow:
        inset 0 0 20px rgba(var(--theme-secondary-rgb), 0.18),
        0 0 0 1px rgba(var(--theme-accent-rgb), 0.12),
        0 14px 36px rgba(0, 0, 0, 0.38),
        0 0 34px rgba(var(--theme-accent-rgb), 0.28);
      transform: translateY(-1px);
      outline: none;
    }
    @media (hover: none), (pointer: coarse) {
      .mobile-tab-fab:hover,
      .mobile-tab-fab:focus-visible {
        border-color: rgba(var(--theme-accent-rgb), 0.54);
        color: var(--ink);
        box-shadow:
          inset 0 0 18px rgba(var(--theme-secondary-rgb), 0.16),
          0 0 0 1px rgba(var(--theme-accent-rgb), 0.08),
          0 12px 32px rgba(0, 0, 0, 0.34),
          0 0 28px rgba(var(--theme-accent-rgb), 0.20);
        transform: none;
      }
      .mobile-tab-fab:active {
        border-color: rgba(var(--theme-accent-rgb), 0.78);
        color: rgb(var(--theme-secondary-rgb));
        box-shadow:
          inset 0 0 20px rgba(var(--theme-secondary-rgb), 0.18),
          0 0 0 1px rgba(var(--theme-accent-rgb), 0.12),
          0 14px 36px rgba(0, 0, 0, 0.38),
          0 0 34px rgba(var(--theme-accent-rgb), 0.28);
        transform: translateY(-1px);
      }
    }
    .mobile-tab-fab-label {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 24px;
      height: 20px;
      margin: 0;
      padding: 0;
      transform: translateY(-1px);
    }
    .mobile-tab-fab-bars {
      display: inline-flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 4px;
      width: 24px;
      height: 18px;
      margin: 0;
      padding: 0;
    }
    .mobile-tab-fab-bars span {
      display: block;
      width: 24px;
      height: 2.5px;
      border-radius: 999px;
      background: currentColor;
      box-shadow: 0 0 10px rgba(var(--theme-accent-rgb), 0.16);
    }
    .mobile-tab-backdrop {
      position: fixed;
      inset: 0;
      z-index: 1188;
      background: rgba(0, 0, 0, 0.21);
      backdrop-filter: blur(2px);
      opacity: 0;
      pointer-events: none;
      transition: opacity 300ms cubic-bezier(0.22, 1, 0.36, 1);
    }
    .mobile-tab-drawer {
      position: fixed;
      top: 2px;
      right: 0;
      bottom: 0;
      z-index: 1190;
      width: min(82vw, 320px);
      padding: 18px 16px calc(22px + env(safe-area-inset-bottom, 0px));
      border-left: 1px solid rgba(var(--theme-accent-rgb), 0.22);
      background:
        linear-gradient(180deg, rgba(var(--theme-accent-rgb), 0.08), rgba(0, 0, 0, 0)),
        rgba(8, 14, 22, 0.96);
      box-shadow: -20px 0 48px rgba(0, 0, 0, 0.34);
      transform: translateX(108%);
      opacity: 0;
      pointer-events: none;
      transition: transform 340ms cubic-bezier(0.22, 1, 0.36, 1), opacity 280ms cubic-bezier(0.22, 1, 0.36, 1);
      overflow-y: auto;
    }
    .mobile-tab-drawer-copy {
      display: grid;
      gap: 6px;
      margin-bottom: 14px;
    }
    .mobile-tab-drawer-kicker {
      color: rgb(var(--theme-secondary-rgb));
      font-family: "Share Tech Mono", monospace;
      font-size: 10px;
      letter-spacing: 0.18em;
      text-transform: uppercase;
    }
    .mobile-tab-drawer-title {
      color: var(--theme-heading);
      font-family: "Rajdhani", sans-serif;
      font-size: 24px;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      line-height: 1;
    }
    .mobile-tab-drawer-actions {
      display: grid;
      gap: 8px;
    }
    .mobile-tab-drawer-button {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      min-height: 42px;
      padding: 0 14px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.34);
      background:
        linear-gradient(180deg, rgba(var(--theme-accent-rgb), 0.12), rgba(var(--theme-accent-rgb), 0.04)),
        rgba(0, 0, 0, 0.42);
      color: var(--ink);
      font-family: "Rajdhani", sans-serif;
      font-size: 14px;
      font-weight: 700;
      letter-spacing: 0.10em;
      text-transform: uppercase;
      text-align: left;
      transition: border-color 160ms ease, box-shadow 160ms ease, background 160ms ease, color 160ms ease, transform 160ms ease;
    }
    .mobile-tab-drawer-button:hover,
    .mobile-tab-drawer-button:focus-visible {
      border-color: rgba(var(--theme-accent-rgb), 0.72);
      color: rgb(var(--theme-secondary-rgb));
      box-shadow:
        inset 0 0 18px rgba(var(--theme-accent-rgb), 0.10),
        0 0 18px rgba(var(--theme-accent-rgb), 0.18);
      transform: translateY(-1px);
      outline: none;
    }
    .mobile-tab-drawer-button.is-active {
      border-color: rgba(var(--theme-accent-rgb), 0.78);
      background:
        linear-gradient(180deg, rgba(var(--theme-accent-rgb), 0.24), rgba(var(--theme-accent-rgb), 0.08)),
        rgba(6, 14, 26, 0.82);
      color: rgb(var(--theme-secondary-rgb));
      box-shadow:
        inset 0 0 18px rgba(var(--theme-accent-rgb), 0.14),
        0 0 22px rgba(var(--theme-accent-rgb), 0.22);
    }
    .mobile-tab-drawer-button-icon {
      color: rgba(255, 255, 255, 0.72);
      font-size: 13px;
      line-height: 1;
    }
    .tabs-shell.mobile-tab-menu-open .mobile-tab-backdrop {
      opacity: 1;
      pointer-events: auto;
    }
    .tabs-shell.mobile-tab-menu-open .mobile-tab-drawer {
      transform: translateX(0);
      opacity: 1;
      pointer-events: auto;
    }
    .tabs-shell.mobile-tab-menu-open .mobile-tab-fab {
      transform: translateY(-1px) scale(0.96);
    }
    .tab-panel {
      display: none;
      opacity: 0;
      transform: translate3d(0, 0, 0);
      will-change: opacity, transform;
    }
    .tab-panel.active {
      display: block;
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }
    .tab-panel.is-transitioning-out,
    .tab-panel.is-transitioning-in {
      display: block;
      pointer-events: none;
    }
    .tab-panel.is-transitioning-out {
      animation: tabPanelFadeOutUp 120ms cubic-bezier(0.4, 0, 1, 1) forwards;
    }
    .tab-panel.is-transitioning-in {
      animation: tabPanelFadeInDown 170ms cubic-bezier(0.22, 1, 0.36, 1) forwards;
    }
    @keyframes tabPanelFadeOutUp {
      from {
        opacity: 1;
        transform: translate3d(0, 0, 0);
      }
      to {
        opacity: 0;
        transform: translate3d(0, -10px, 0);
      }
    }
    @keyframes tabPanelFadeInDown {
      from {
        opacity: 0;
        transform: translate3d(0, 10px, 0);
      }
      to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
      }
    }
    @media (prefers-reduced-motion: reduce) {
      .tab-panel,
      .tab-panel.active,
      .tab-panel.is-transitioning-out,
      .tab-panel.is-transitioning-in,
      .tab-button,
      .tab-button.active,
      .tab-button.is-transitioning-out,
      .tab-button.is-transitioning-in {
        animation: none !important;
        transition: none !important;
        transform: none !important;
      }
    }
    .sheet-section-grid {
      display: grid;
      grid-template-columns: var(--sheet-section-columns);
      gap: 14px;
    }
    .attribute-band {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 14px;
      align-items: stretch;
    }
    .attribute-split-grid {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
      gap: 12px;
      align-items: start;
    }
    .attribute-panel .panel-inner {
      width: 100%;
      min-width: 0;
    }
    .attribute-clock-column {
      display: grid;
      align-content: start;
      gap: 12px;
      overflow: visible;
    }
    .sheet-record {
      display: grid;
      gap: 10px;
    }
    .sheet-record-row {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 12px;
      padding: 10px 0;
      border-bottom: 1px solid var(--border-2);
      font-size: 13px;
      line-height: 1.5;
    }
    .sheet-record-row:last-child {
      border-bottom: none;
      padding-bottom: 0;
    }
    .sheet-record-row .label {
      color: var(--muted);
      text-transform: uppercase;
      letter-spacing: 0.12em;
      font-size: 11px;
      white-space: nowrap;
    }
    .sheet-record-row .value {
      display: inline-flex;
      align-items: center;
      justify-content: flex-end;
      min-height: 36px;
      padding: 0 12px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.22);
      background: var(--theme-panel);
      text-align: right;
      color: rgb(var(--theme-accent-rgb));
      font-family: "Rajdhani", sans-serif;
      font-size: 20px;
      font-weight: 700;
      line-height: 1;
      flex: 1 1 auto;
      vertical-align: middle;
    }
    .sheet-record-row .value[data-inline-field-edit] {
      cursor: text;
      outline: none;
      white-space: nowrap;
      overflow: hidden;
    }
    .sheet-record-row input.value[data-inline-field-edit] {
      display: block;
      width: 100%;
      box-sizing: border-box;
      appearance: none;
      -webkit-appearance: none;
      height: 36px;
      min-height: 36px;
      padding: 0 12px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.22);
      margin: 0;
      background: var(--theme-panel);
      color: rgb(var(--theme-accent-rgb));
      font-family: "Rajdhani", sans-serif;
      font-size: 20px;
      font-weight: 700;
      letter-spacing: inherit;
      line-height: 1;
      border-radius: 0;
      box-shadow: none;
      outline: none;
      text-align: right;
      vertical-align: middle;
    }
    .sheet-record-row .value[data-inline-field-edit]:focus,
    .sheet-record-row .value[data-inline-field-edit].is-editing {
      border-color: rgba(var(--theme-accent-rgb), 0.56);
      box-shadow: inset 0 0 12px rgba(var(--theme-accent-rgb), 0.12);
    }
    .inline-field-input {
      width: min(320px, 100%);
      height: 36px;
      min-height: 36px;
      padding: 0 12px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.22);
      background: var(--theme-panel);
      color: rgb(var(--theme-accent-rgb));
      font-family: "Rajdhani", sans-serif;
      font-size: 18px;
      font-weight: 700;
      line-height: 1;
      text-align: right;
      vertical-align: middle;
      outline: none;
    }
    .inline-field-input:focus {
      border-color: rgba(var(--theme-accent-rgb), 0.82);
      box-shadow: inset 0 0 12px rgba(var(--theme-accent-rgb), 0.12);
    }
    .field-edit-trigger,
    .section-edit-trigger {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.32);
      background: rgba(255,255,255,0.03);
      color: rgba(var(--theme-accent-rgb), 0.88);
      font-family: "Rajdhani", sans-serif;
      line-height: 1;
      cursor: pointer;
      transition: border-color 160ms ease, color 160ms ease, background 160ms ease, box-shadow 160ms ease, transform 160ms ease;
      flex: 0 0 auto;
      box-shadow: inset 0 0 12px rgba(var(--theme-accent-rgb), 0.06);
    }
    .field-edit-trigger {
      width: 16px;
      height: 16px;
      font-size: 11px;
    }
    .section-edit-trigger {
      width: 12px;
      height: 12px;
      font-size: 7px;
    }
    .field-edit-trigger:hover,
    .section-edit-trigger:hover,
    .field-edit-trigger:focus-visible,
    .section-edit-trigger:focus-visible {
      border-color: rgba(var(--theme-accent-rgb), 0.62);
      color: var(--ink);
      background: rgba(var(--theme-accent-rgb), 0.08);
      box-shadow:
        inset 0 0 16px rgba(var(--theme-accent-rgb), 0.10),
        0 0 14px rgba(var(--theme-accent-rgb), 0.18);
      transform: translateY(-1px);
      outline: none;
    }
    .field-edit-trigger[aria-label^="Edit "],
    .section-edit-trigger[aria-label^="Edit "] {
      border-radius: 6px;
      border-color: rgba(var(--theme-accent-rgb), 0.42);
      background:
        linear-gradient(180deg, rgba(var(--theme-secondary-rgb), 0.24), rgba(var(--theme-secondary-rgb), 0.08)),
        rgba(6, 14, 26, 0.82);
      color: var(--ink);
      box-shadow:
        inset 0 0 18px rgba(var(--theme-secondary-rgb), 0.16),
        0 0 0 1px rgba(var(--theme-accent-rgb), 0.08);
    }
    .field-edit-trigger[aria-label^="Edit "]:hover,
    .section-edit-trigger[aria-label^="Edit "]:hover,
    .field-edit-trigger[aria-label^="Edit "]:focus-visible,
    .section-edit-trigger[aria-label^="Edit "]:focus-visible {
      border-color: rgba(var(--theme-accent-rgb), 0.76);
      background:
        linear-gradient(180deg, rgba(var(--theme-secondary-rgb), 0.24), rgba(var(--theme-secondary-rgb), 0.08)),
        rgba(6, 14, 26, 0.82);
      box-shadow:
        inset 0 0 18px rgba(var(--theme-secondary-rgb), 0.16),
        0 0 0 1px rgba(var(--theme-accent-rgb), 0.10),
        0 0 20px rgba(var(--theme-secondary-rgb), 0.26);
      color: rgb(var(--theme-accent-rgb));
    }
    .section-title-actions {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      margin-left: 0;
      margin-right: 0;
      flex: 0 0 auto;
      width: auto;
      white-space: nowrap;
    }
    .section-title-inline-group {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      min-width: 0;
      flex: 0 1 auto;
      max-width: 100%;
    }
    .section-title-inline-group .section-title,
    .section-title-inline-group .name {
      margin-bottom: 0;
      min-width: 0;
      flex: 0 1 auto;
    }
    .section-title-inline-tools {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      flex: 0 0 auto;
      white-space: nowrap;
    }
    .section-title-inline-tools.is-single-edit-trigger {
      width: 24px;
      height: 24px;
      min-width: 24px;
      min-height: 24px;
      justify-content: center;
      gap: 0;
    }
    .section-title-actions:empty {
      display: none;
    }
    .section-title-row > .section-title-actions > .section-edit-trigger,
    .section-title-row .section-title-inline-tools > .section-edit-trigger {
      min-width: 22px !important;
      min-height: 22px !important;
      width: 22px !important;
      height: 22px !important;
      flex: 0 0 22px !important;
      font-size: 14px !important;
      line-height: 1 !important;
      padding: 0 !important;
      box-sizing: border-box !important;
    }
    .personal-details-panel .section-title-row .section-edit-trigger,
    .personal-details-panel .section-title-actions .section-edit-trigger,
    .personal-details-panel .section-title-inline-tools .section-edit-trigger,
    .attribute-panel .section-title-row .section-edit-trigger,
    .attribute-panel .section-title-actions .section-edit-trigger,
    .attribute-panel .section-title-inline-tools .section-edit-trigger,
    [data-tab-panel="unstructured"] .section-title-row .section-edit-trigger,
    [data-tab-panel="unstructured"] .section-title-actions .section-edit-trigger,
    [data-tab-panel="unstructured"] .section-title-inline-tools .section-edit-trigger,
    [data-tab-panel="structured"] .section-title-row .section-edit-trigger,
    [data-tab-panel="structured"] .section-title-actions .section-edit-trigger {
      min-width: 22px !important;
      min-height: 22px !important;
      width: 22px !important;
      height: 22px !important;
      flex: 0 0 22px !important;
      font-size: 14px !important;
      line-height: 1 !important;
      padding: 0 !important;
      box-sizing: border-box !important;
    }
    [data-tab-panel="structured"] .section-title-inline-tools .section-edit-trigger {
      min-width: 22px !important;
      min-height: 22px !important;
      width: 22px !important;
      height: 22px !important;
      font-size: 14px !important;
      line-height: 1 !important;
    }
    .section-title-row .rank-summary-row {
      margin-left: 0;
      flex: 0 1 232px;
    }
    .section-title-row.character-rank-header {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: center;
      column-gap: 14px;
      row-gap: 8px;
    }
    .section-title-row.character-rank-header .character-rank-title-cluster {
      min-width: 0;
      flex-wrap: nowrap;
    }
    .section-title-row.character-rank-header .section-title-inline-group {
      flex-wrap: nowrap;
      max-width: 100%;
    }
    .section-title-row.character-rank-header .section-title,
    .section-title-row.character-rank-header .section-title-inline-group .section-title {
      white-space: nowrap;
    }
    .section-title-row.character-rank-header .section-title-actions {
      margin-left: 0;
      margin-right: 0;
      justify-self: end;
      align-self: center;
    }
    .section-title-row.character-rank-header .rank-summary-row {
      grid-column: 2;
      justify-self: end;
      width: auto;
    }
    .sheet-record.personal-sheet-record .value {
      font-size: 16px;
      font-weight: 700;
    }
    .sheet-record.personal-sheet-record {
      min-width: 0;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px 12px;
      align-content: start;
    }
    .sheet-record.personal-sheet-record .sheet-record-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      justify-content: stretch;
      align-items: start;
      align-content: start;
      gap: 4px;
      min-width: 0;
      padding: 0;
      border: none;
      background: transparent;
      border-bottom: none;
    }
    .sheet-record.personal-sheet-record .sheet-record-row:last-child {
      padding-bottom: 0;
    }
    .sheet-record.personal-sheet-record .label {
      min-width: 0;
      font-size: 9px;
      letter-spacing: 0.12em;
    }
    .sheet-record.personal-sheet-record .value {
      width: 100%;
      min-width: 0;
      max-width: 100%;
      min-height: 34px;
      justify-self: stretch;
      justify-content: flex-start;
      text-align: left;
      white-space: normal;
      overflow-wrap: anywhere;
      line-height: 1.08;
      font-size: 16px;
      padding: 0 10px;
      background: var(--theme-panel);
      border-color: rgba(var(--theme-accent-rgb), 0.18);
    }
    .sheet-record.personal-sheet-record .value[data-inline-field-edit] {
      white-space: normal;
      overflow: visible;
    }
    .sheet-record.personal-sheet-record input.value[data-inline-field-edit] {
      text-align: left;
      min-height: 34px;
      height: 34px;
      padding: 0 10px;
      font-size: 16px;
    }
    .sheet-record.personal-sheet-record .sheet-record-row.personal-quote-row {
      grid-column: 1 / -1;
      gap: 6px;
    }
    .personal-quote-shell {
      grid-area: quote;
      grid-column: 1 / -1;
      grid-template-columns: minmax(0, 1fr);
      gap: 0;
      min-width: 0;
      align-self: start;
      margin-top: 0;
    }
    .personal-quote-shell .sheet-record-row.personal-quote-row {
      gap: 6px;
    }
    .sheet-record.personal-sheet-record .personal-quote-value,
    .personal-quote-shell .personal-quote-value {
      width: 100%;
      min-width: 0;
      min-height: 58px;
      align-items: flex-start;
      justify-content: flex-start;
      padding: 10px 12px;
      text-align: left;
      white-space: pre-wrap;
      overflow-wrap: anywhere;
      word-break: normal;
      overflow-wrap: break-word;
      line-height: 1.45;
      font-size: 16px;
      font-style: italic;
      font-weight: 700;
    }
    .sheet-record.personal-sheet-record textarea.personal-quote-value[data-personal-quote-edit],
    .personal-quote-shell textarea.personal-quote-value[data-personal-quote-edit] {
      display: block;
      width: 100%;
      min-width: 0;
      min-height: 58px;
      height: auto;
      padding: 10px 12px;
      resize: none;
      overflow: hidden;
      text-align: left;
      white-space: pre-wrap;
      overflow-wrap: anywhere;
      word-break: break-word;
      line-height: 1.45;
      font-size: 16px;
      font-style: italic;
      font-weight: 700;
    }
    .sheet-record.personal-sheet-record textarea.personal-quote-value[data-personal-quote-edit]::placeholder,
    .personal-quote-shell textarea.personal-quote-value[data-personal-quote-edit]::placeholder {
      color: rgba(240, 249, 255, 0.44);
      font-style: italic;
    }
    .profile-inline {
      display: grid;
      grid-template-columns: minmax(0, 1fr) var(--profile-art-width);
      grid-template-areas:
        "fields art"
        "quote art";
      column-gap: 16px;
      row-gap: 10px;
      align-items: start;
    }
    .profile-inline > .sheet-record.personal-sheet-record {
      grid-area: fields;
    }
    .profile-inline > .personal-quote-shell.sheet-record.personal-sheet-record {
      grid-area: quote;
    }
    .detail-art-shell {
      position: relative;
      width: 100%;
      min-width: 0;
      grid-area: art;
      align-self: start;
      justify-self: end;
      background: rgba(0, 0, 0, 0.22);
      box-shadow: 0 0 18px rgba(var(--theme-accent-rgb), 0.14);
      clip-path: polygon(12% 0, 100% 0, 88% 100%, 0 100%);
      overflow: hidden;
    }
    .detail-art-shell::before,
    .detail-art-shell::after {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 1;
      pointer-events: none;
    }
    .detail-art-shell::before {
      border: 2px solid rgb(var(--theme-accent-rgb));
      clip-path: polygon(12% 0, 100% 0, 88% 100%, 0 100%);
    }
    .detail-art-shell::after {
      background:
        linear-gradient(rgb(var(--theme-accent-rgb)), rgb(var(--theme-accent-rgb))) top left / 22% 2px no-repeat,
        linear-gradient(rgb(var(--theme-accent-rgb)), rgb(var(--theme-accent-rgb))) top right / 2px 16px no-repeat,
        linear-gradient(rgb(var(--theme-accent-rgb)), rgb(var(--theme-accent-rgb))) bottom left / 2px 16px no-repeat,
        linear-gradient(rgb(var(--theme-accent-rgb)), rgb(var(--theme-accent-rgb))) bottom right / 22% 2px no-repeat;
    }
    .profile-inline .detail-art {
      width: 100%;
      aspect-ratio: 0.82;
      object-fit: contain;
      background: rgba(0,0,0,0.32);
      padding: 0;
      display: block;
      position: relative;
      z-index: 0;
      clip-path: polygon(12% 0, 100% 0, 88% 100%, 0 100%);
    }
    .detail-art-edit {
      position: absolute;
      top: 10px;
      right: 10px;
      width: 26px;
      height: 26px;
      font-size: 13px;
      z-index: 2;
      display: none;
    }
    .record-editor-personal-layout {
      display: grid;
      grid-template-columns: minmax(0, 1.2fr) minmax(260px, 0.8fr);
      gap: 18px;
      align-items: start;
    }
    .record-editor-personal-fields {
      display: grid;
      gap: 12px;
      align-content: start;
    }
    .record-editor-personal-art {
      display: grid;
      gap: 12px;
      align-content: start;
    }
    .record-editor-personal-quote {
      grid-column: 1 / -1;
    }
    .record-editor-textarea {
      width: 100%;
      min-height: 92px;
      resize: vertical;
      border: 1px solid rgba(212, 175, 55, 0.35);
      background: rgba(7, 13, 20, 0.92);
      color: var(--text);
      padding: 12px 14px;
      font: inherit;
      line-height: 1.5;
    }
    .record-editor-textarea:focus-visible {
      outline: none;
      border-color: rgba(212, 175, 55, 0.78);
      box-shadow: 0 0 0 1px rgba(212, 175, 55, 0.25), 0 0 18px rgba(212, 175, 55, 0.16);
    }
    .record-editor-upload-drop {
      display: grid;
      place-items: center;
      min-height: 112px;
      padding: 14px;
      border: 1px dashed rgba(var(--theme-accent-rgb), 0.34);
      background: rgba(0, 0, 0, 0.36);
      color: var(--muted);
      text-align: center;
      cursor: pointer;
      position: relative;
      overflow: hidden;
      user-select: none;
      transition: border-color 120ms ease, background 120ms ease, color 120ms ease;
    }
    .record-editor-upload-drop strong {
      display: block;
      margin-bottom: 6px;
      color: var(--ink);
      font-family: "Rajdhani", sans-serif;
      font-size: 19px;
      font-weight: 700;
      letter-spacing: 0.05em;
      text-transform: uppercase;
    }
    .record-editor-upload-drop.is-dragover,
    .record-editor-upload-drop:hover {
      border-color: rgba(var(--theme-accent-rgb), 0.64);
      background: rgba(var(--theme-accent-rgb), 0.08);
      color: var(--ink);
    }
    .record-editor-file-input {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      clip-path: inset(50%);
      white-space: nowrap;
      border: 0;
      opacity: 0;
      pointer-events: none;
    }
    .record-editor-image-preview {
      width: min(100%, 280px);
      aspect-ratio: 0.82;
      object-fit: contain;
      justify-self: center;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.22);
      background: rgba(0, 0, 0, 0.56);
      padding: 8px;
    }
    .record-editor-image-preview.is-square {
      aspect-ratio: 1;
    }
      .dossier-title-group {
        display: grid;
        gap: 10px;
        min-width: 0;
      }
      .dossier-meta-strip {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
      }
      .dossier-meta-pill {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        min-height: 30px;
        padding: 0 12px;
        border: 1px solid rgba(var(--theme-accent-rgb), 0.42);
        background: var(--theme-panel-soft);
        color: var(--ink);
        font-size: 11px;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        font-family: "Share Tech Mono", monospace;
      }
      .dossier-meta-strip > .header-icon-btn {
        width: 46px;
        min-width: 46px;
        max-width: 46px;
        height: 30px;
        min-height: 30px;
        padding: 0;
        flex: 0 0 46px;
        overflow: visible;
      }
      .dossier-meta-strip > .header-icon-btn .build-mode-trigger-icon {
        width: 22px;
        height: 22px;
        flex: 0 0 22px;
      }
      .dossier-meta-strip > .header-icon-btn .build-mode-trigger-icon svg {
        width: 22px;
        height: 22px;
      }
      .dossier-meta-strip > .header-icon-btn .build-mode-trigger-icon img {
        width: 20px;
        height: 20px;
      }
      .dossier-meta-strip > .header-icon-btn .status-manager-button-symbol {
        font-size: 21px;
        line-height: 1;
      }
      .dossier-meta-strip > .header-icon-btn .copy-link-button-icon svg,
      .dossier-meta-strip > .header-icon-btn .copy-link-button-icon img {
        width: 16px;
        height: 16px;
        display: block;
        object-fit: contain;
      }
      .dossier-meta-strip > .header-icon-btn .copy-link-button-icon {
        width: 16px;
        height: 16px;
        flex: 0 0 16px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
      }
      .dossier-meta-strip > .header-icon-btn .copy-link-button-icon img {
        filter: brightness(0) saturate(100%) invert(94%) sepia(15%) saturate(625%) hue-rotate(341deg) brightness(104%) contrast(101%);
      }
      .dossier-meta-link {
        text-decoration: none;
      }
      .dossier-meta-button {
        appearance: none;
        cursor: pointer;
        text-align: left;
      }
      .dossier-meta-link:hover,
      .dossier-meta-link:focus-visible,
      .dossier-meta-button:hover,
      .dossier-meta-button:focus-visible {
        border-color: rgba(var(--theme-accent-rgb), 0.66);
        background: rgba(var(--theme-accent-rgb), 0.12);
        color: var(--ink);
        outline: none;
      }
      .network-page-header .top-actions > .build-mode-trigger,
      .network-page-header .top-actions > [data-record-editor-open="manage-character"] {
        display: none !important;
      }
      .dossier-meta-pill .meta-label {
        color: var(--muted);
      }
      .attribute-stack {
        --attribute-shell-height: 72px;
        display: grid;
        gap: 10px;
      }
      .attribute-extra-grid {
        --attribute-shell-height: 72px;
        display: grid;
        gap: 10px;
        align-content: start;
      }
      .attribute-extra-card {
        display: grid;
        grid-template-columns: 42px minmax(0, 1fr) auto;
        gap: 0;
        align-items: stretch;
        min-width: 0;
        min-height: var(--attribute-shell-height, 72px);
        border: 1px solid rgba(var(--theme-accent-rgb), 0.26);
        background: var(--theme-panel);
        box-sizing: border-box;
        overflow: hidden;
      }
      .attribute-extra-card .value {
        color: var(--ink);
        font-family: "Rajdhani", sans-serif;
        font-size: 21px;
        font-weight: 700;
        line-height: 1;
        text-align: right;
        white-space: normal;
        overflow-wrap: anywhere;
      }
      .attribute-extra-card.is-adjustable .value {
        margin-left: 0;
        min-width: 22px;
        text-align: center;
      }
    .attribute-extra-card .value[data-structured-proxy-edit] {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 3.3ch;
      min-width: 33px;
      max-width: 3.3ch;
      min-height: 34px;
      padding: 0;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.28);
      background: rgba(0, 0, 0, 0.48);
        color: rgb(var(--theme-accent-rgb));
        font-family: "Rajdhani", sans-serif;
        font-size: 21px;
        font-weight: 700;
        line-height: 1;
        text-align: center;
        vertical-align: middle;
        outline: none;
        cursor: text;
        white-space: normal;
        overflow-wrap: anywhere;
        overflow: visible;
      }
      .attribute-extra-card .value[data-structured-proxy-edit]:focus,
      .attribute-extra-card .value[data-structured-proxy-edit].is-editing {
        border-color: rgba(var(--theme-accent-rgb), 0.54);
        box-shadow: inset 0 0 14px rgba(var(--theme-accent-rgb), 0.12);
      }
      .attribute-extra-card .attribute-entry-sidebar {
        background: rgba(0, 0, 0, 0.86);
      }
      .attribute-extra-card .attribute-entry-main {
        gap: 0;
        padding: 7px 12px;
      }
      .attribute-extra-card .attribute-entry-value {
        min-width: 112px;
        gap: 6px;
        padding: 7px 12px;
      }
      .attribute-extra-card .attribute-entry-value-main {
        justify-content: flex-end;
      }
      .attribute-extra-card .attribute-entry-name-row {
        gap: 0;
      }
      .attribute-extra-value-group {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        max-width: 100%;
      }
      .structured-mobile-picker {
        display: none;
      }
      .structured-mobile-picker select {
        min-width: 70px;
        height: 34px;
        padding: 0 10px;
        border: 1px solid rgba(var(--theme-accent-rgb), 0.28);
        background: rgba(0, 0, 0, 0.74);
        color: var(--ink);
        font-family: "Rajdhani", sans-serif;
        font-size: 19px;
        font-weight: 700;
        letter-spacing: 0.04em;
        text-transform: uppercase;
      }
      .attribute-extra-value-group .health-pill-separator,
      .attribute-extra-value-group .health-pill-max {
        font-family: "Rajdhani", sans-serif;
        font-size: 21px;
        font-weight: 700;
        line-height: 1;
      }
      .attribute-extra-card.attr-extra-strain { border-color: rgba(255,138,61,0.62); background: linear-gradient(180deg, rgba(255,138,61,0.24), var(--theme-panel)); }
      .attribute-extra-card.attr-extra-influence { border-color: rgba(156,104,255,0.56); background: linear-gradient(180deg, rgba(126,78,255,0.18), rgba(18,12,28,0.94)); }
      .attribute-extra-card.attr-extra-tier { border-color: rgba(242,209,95,0.55); background: linear-gradient(180deg, rgba(242,209,95,0.14), var(--theme-panel)); }
      .attribute-extra-card.attribute-strain-preview-card {
        grid-template-columns: 42px minmax(0, 1fr) max-content;
        min-width: 0;
      }
      .attribute-extra-card.attribute-strain-preview-card .attribute-entry-main {
        min-width: 0;
        overflow: hidden;
      }
      .attribute-extra-card.attribute-strain-preview-card .attribute-entry-name {
        min-width: 0;
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      .attribute-extra-card.attribute-strain-preview-card .attribute-entry-value {
        min-width: max-content;
        width: max-content;
        max-width: 100%;
      }
      .attribute-extra-card.attribute-strain-preview-card .attribute-entry-value-main {
        display: inline-flex;
        align-items: center;
        justify-content: flex-end;
        gap: 0;
        width: 100%;
        white-space: nowrap;
      }
      .attribute-extra-card.attribute-strain-preview-card .attribute-strain-preview-readout {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        width: auto;
        flex: 0 0 auto;
        margin-left: 0;
        border: 1px solid rgba(255, 138, 61, 0.58) !important;
        background: rgba(0, 0, 0, 0.82) !important;
        box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.32), 0 0 10px rgba(255, 138, 61, 0.14) !important;
        box-sizing: border-box;
        min-height: 34px;
        height: 34px;
        padding: 0 14px;
        gap: 0;
        color: var(--ink);
        font-family: "Rajdhani", sans-serif;
        font-size: 36px;
        font-weight: 700;
        letter-spacing: 0;
        line-height: 1;
        white-space: nowrap;
        flex-wrap: nowrap;
      }
      .attribute-extra-card.attribute-strain-preview-card .attribute-strain-preview-current,
      .attribute-extra-card.attribute-strain-preview-card .attribute-strain-preview-max,
      .attribute-extra-card.attribute-strain-preview-card .attribute-strain-preview-separator {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 auto;
        font-family: "Rajdhani", sans-serif;
        font-size: 36px;
        font-weight: 700;
        line-height: 1;
        letter-spacing: 0;
        color: var(--ink);
        white-space: nowrap;
      }
      .attribute-extra-card.attribute-strain-preview-card .attribute-strain-preview-current {
        width: auto;
        min-width: 1ch;
        max-width: none;
        flex: 0 0 auto;
        color: rgb(var(--theme-accent-rgb));
        text-align: center;
      }
      .attribute-extra-card.attribute-strain-preview-card .attribute-strain-preview-separator {
        margin: 0 8px;
      }
      .attribute-extra-card.attribute-strain-preview-card .attribute-strain-preview-current[data-structured-proxy-edit] {
        display: inline-block !important;
        vertical-align: baseline;
        border: 0;
        background: transparent;
        width: auto !important;
        min-width: 1ch !important;
        max-width: 2.6ch !important;
        height: 1em !important;
        min-height: 0 !important;
        max-height: 1em !important;
        padding: 0 !important;
        margin: 0 !important;
        box-sizing: content-box !important;
        color: rgb(var(--theme-accent-rgb));
        text-align: center;
        caret-color: rgb(var(--theme-accent-rgb));
        font-family: "Rajdhani", sans-serif;
        font-size: 36px;
        font-weight: 700;
        line-height: 1 !important;
        overflow: hidden;
        outline: none;
      }
      .attribute-strain-clock-card {
        --strain-clock-shell-size: 72px;
        --strain-clock-shell-overhang: 7px;
        --strain-clock-right-inset: 16px;
        --strain-clock-reserve: 82px;
        grid-template-columns: 42px minmax(0, 1fr) auto;
        align-items: center;
        min-height: var(--attribute-shell-height, 72px);
        overflow: visible;
        position: relative;
      }
      .attribute-extra-card.attr-extra-strain,
      .attribute-extra-card.attr-extra-influence {
        overflow: visible;
      }
      .attribute-strain-clock-card .attribute-entry-sidebar {
        align-self: stretch;
      }
      .attribute-strain-clock-card .attribute-entry-main {
        display: grid;
        gap: 0;
        align-content: center;
        padding: 8px var(--strain-clock-reserve) 8px 12px;
        min-width: 0;
      }
      .attribute-strain-clock-card .attribute-entry-name-row {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        column-gap: 10px;
        row-gap: 4px;
        min-width: 0;
      }
      .attribute-strain-clock-card .attribute-entry-name {
        min-width: 0;
      }
      .attribute-strain-clock-readout {
        display: none;
        align-items: center;
        justify-content: center;
        gap: 6px;
        min-height: 30px;
        padding: 0 10px;
        border: 1px solid rgba(var(--theme-accent-rgb), 0.28);
        background: rgba(0, 0, 0, 0.48);
        color: var(--ink);
        font-family: "Rajdhani", sans-serif;
        font-size: 18px;
        font-weight: 700;
        letter-spacing: 0.04em;
        line-height: 1;
        white-space: nowrap;
        justify-self: end;
        flex: 0 0 auto;
      }
      .attribute-strain-clock-card:not(.is-stacked) .attribute-strain-clock-readout {
        align-self: center;
        min-height: 34px;
        padding: 0 12px;
      }
      .attribute-strain-clock-card.is-stacked .attribute-entry-name-row {
        grid-template-columns: minmax(0, 1fr);
        align-items: start;
        row-gap: 4px;
      }
      .attribute-strain-clock-card.is-stacked .attribute-entry-main {
        padding-right: 12px;
      }
      .attribute-strain-clock-card.is-stacked .attribute-strain-clock-readout {
        justify-self: end;
      }
      .attribute-strain-clock-readout-value {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 0;
      }
      .attribute-strain-clock-shell {
        position: absolute;
        top: 50%;
        right: var(--strain-clock-right-inset);
        display: grid;
        align-items: center;
        justify-items: center;
        width: var(--strain-clock-shell-size);
        min-width: var(--strain-clock-shell-size);
        height: calc(var(--strain-clock-shell-size) + (var(--strain-clock-shell-overhang) * 2));
        min-height: 0;
        max-height: none;
        margin: 0;
        box-sizing: border-box;
        transform: translateY(-50%);
        overflow: visible;
        z-index: 1;
      }
      .attribute-strain-clock-visual {
        --strain-clock-size: var(--strain-clock-shell-size);
        position: absolute;
        top: 50%;
        right: 0;
        display: grid;
        place-items: center;
        width: var(--strain-clock-size);
        min-width: var(--strain-clock-size);
        height: var(--strain-clock-size);
        transform: translateY(-50%);
        cursor: default;
        overflow: visible;
      }
      .attribute-strain-clock-visual[data-strain-clock-editable="true"] {
        cursor: pointer;
      }
      .attribute-strain-clock-visual .structured-clock-demo-svg-shell {
        width: var(--strain-clock-size);
        height: var(--strain-clock-size);
        overflow: visible;
      }
      .attribute-strain-clock-visual .structured-clock-demo-svg {
        width: var(--strain-clock-size);
        height: var(--strain-clock-size);
      }
      .attribute-strain-clock-visual .structured-clock-demo-center {
        width: 32px;
        min-width: 32px;
        height: 32px;
        min-height: 32px;
        font-size: 16px;
        color: rgba(255, 214, 173, 0.96);
        text-shadow: 0 0 10px rgba(255, 138, 61, 0.30);
        line-height: 1;
      }
      .attribute-strain-clock-visual .strain-clock-center {
        width: 32px;
        min-width: 32px;
        height: 32px;
        min-height: 32px;
      }
      .attribute-strain-clock-visual .strain-clock-center svg {
        width: 28px;
        height: 28px;
        display: block;
      }
      .attribute-strain-clock-visual .strain-clock-center .strain-clock-face-glyph {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 28px;
        height: 28px;
        font-family: "Rajdhani", "Segoe UI Symbol", "Noto Sans Symbols 2", sans-serif;
        font-size: 24px;
        line-height: 1;
        color: rgba(255, 255, 255, 0.98);
        text-shadow: 0 0 8px rgba(255, 255, 255, 0.18);
        animation: strainClockFaceFadeIn 0.5s ease;
      }
      .attribute-strain-clock-visual .strain-clock-center .strain-clock-face-image {
        display: block;
        width: 28px;
        height: 28px;
        object-fit: contain;
        filter: brightness(0) invert(1);
        animation: strainClockFaceFadeIn 0.5s ease;
      }
      .attribute-strain-clock-visual .strain-clock-center .strain-clock-face-svg {
        animation: strainClockFaceFadeIn 0.5s ease;
      }
      .attribute-strain-preview-face {
        display: grid;
        place-items: center;
        width: 30px;
        height: 30px;
        margin: 0 auto;
      }
      .attribute-strain-preview-face .strain-clock-face-image {
        display: block;
        width: 30px;
        height: 30px;
        object-fit: contain;
        filter: brightness(0) invert(1);
        animation: strainClockFaceFadeIn 0.5s ease;
      }
      .attribute-strain-preview-face .strain-clock-face-svg {
        display: block;
        width: 30px;
        height: 30px;
        animation: strainClockFaceFadeIn 0.5s ease;
      }
      .attribute-strain-clock-visual .structured-clock-demo-segment {
        fill: rgba(14, 10, 8, 0.96);
        stroke: rgba(255, 214, 173, 0.50);
        stroke-width: 1.4;
      }
      .attribute-strain-clock-visual .structured-clock-demo-segment.is-active {
        fill: color-mix(in srgb, rgba(255, 116, 34, 0.99) calc(var(--clock-segment-blend, 82) * 1%), rgba(255, 241, 194, calc(0.46 + (var(--clock-segment-strength, 0.78) * 0.54))));
        stroke: rgba(255, 243, 205, 0.96);
      }
      .attribute-strain-clock-visual .structured-clock-demo-segment.is-preview-fill {
        fill: color-mix(in srgb, rgba(255, 129, 44, 0.86) calc(var(--clock-segment-blend, 82) * 1%), rgba(255, 243, 199, calc(0.34 + (var(--clock-preview-strength, 0.22) * 1.8))));
        stroke: rgba(255, 240, 198, 0.90);
      }
      .attribute-strain-clock-visual .structured-clock-demo-segment.is-preview-clear {
        fill: rgba(58, 24, 10, 0.94);
        stroke: rgba(255, 172, 102, 0.66);
      }
      .strain-clock-face-ring {
        fill: none;
        stroke: rgba(255, 255, 255, 0.94);
        stroke-width: 3.2;
      }
      .strain-clock-face-filled {
        fill: rgba(255, 255, 255, 0.96);
      }
      .strain-clock-face-detail {
        fill: none;
        stroke: rgba(255, 255, 255, 0.96);
        stroke-width: 3.2;
        stroke-linecap: round;
        stroke-linejoin: round;
      }
      .strain-clock-face-detail-fill {
        fill: rgba(255, 255, 255, 0.96);
      }
      .strain-clock-face-inverse {
        fill: rgba(9, 12, 18, 0.98);
      }
      @keyframes strainClockFaceFadeIn {
        0% {
          opacity: 0;
          transform: scale(0.92);
        }
        100% {
          opacity: 1;
          transform: scale(1);
        }
      }
      .attribute-strain-clock-visual .structured-clock-demo-svg-shell::after {
        width: 32px;
        height: 32px;
      }
      .attribute-influence-clock-card {
        grid-template-columns: 42px minmax(0, 1fr) auto;
        align-items: stretch;
        min-height: var(--attribute-shell-height, 72px);
        overflow: hidden;
      }
      .attribute-influence-clock-card .attribute-entry-sidebar {
        grid-column: 1;
        align-self: stretch;
        border-left: none;
        border-right: 1px solid rgba(var(--theme-accent-rgb), 0.16);
      }
      .attribute-influence-clock-card .attribute-entry-main {
        grid-column: 2;
        display: grid;
        gap: 0;
        align-content: center;
        padding: 8px 12px;
      }
      .attribute-influence-clock-card .attribute-entry-name-row {
        align-items: center;
        justify-content: flex-start;
        gap: 10px;
      }
      .attribute-influence-clock-card .attribute-entry-name {
        margin-left: 0;
        text-align: left;
      }
      .attribute-influence-readout {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 38px;
        padding: 0 13px;
        border: none;
        background: transparent;
        color: var(--ink);
        font-family: "Rajdhani", sans-serif;
        font-size: 23px;
        font-weight: 700;
        letter-spacing: 0.04em;
        line-height: 1;
        white-space: nowrap;
        flex: 0 0 auto;
        margin-right: 4px;
      }
      .attribute-influence-live-shell {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 1.8ch;
        min-height: 1.05em;
        padding: 0 2px;
        overflow: hidden;
        isolation: isolate;
        vertical-align: middle;
      }
      .attribute-influence-live-shell::before {
        content: none;
      }
      .attribute-influence-live-shell::after {
        content: none;
      }
      .attribute-influence-live-value {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 100%;
        white-space: nowrap;
        line-height: 1;
        z-index: 1;
        text-shadow: 0 0 16px rgba(196, 166, 255, 0.18);
        will-change: transform, opacity;
        transition:
          transform 180ms cubic-bezier(0.22, 1, 0.36, 1),
          opacity 180ms ease;
      }
      .attribute-influence-live-value:only-child {
        position: relative;
      }
      .attribute-influence-live-value.is-current,
      .attribute-influence-live-value.is-next {
        position: absolute;
        inset: 0;
      }
      .attribute-influence-clock-shell {
        grid-column: 1;
        position: relative;
        display: flex;
        align-self: stretch;
        align-items: center;
        justify-content: center;
        width: clamp(68px, 8vw, 88px);
        min-width: clamp(68px, 8vw, 88px);
        height: 72px;
        min-height: 72px;
        max-height: 72px;
        margin: 0 0 0 4px;
        overflow-x: hidden;
        overflow-y: visible;
      }
      .attribute-influence-clock-visual {
        position: absolute;
        top: calc(50% + 15px);
        left: 50%;
        transform: translate(-50%, -50%);
        display: grid;
        place-items: center;
        overflow: visible;
        pointer-events: none;
      }
      .attribute-influence-clock-visual .structured-clock-demo-svg-shell {
        width: clamp(72px, 8.4vw, 88px);
        height: clamp(72px, 8.4vw, 88px);
        overflow: visible;
        position: relative;
      }
      .attribute-influence-clock-visual .structured-clock-demo-svg {
        width: clamp(72px, 8.4vw, 88px);
        height: clamp(72px, 8.4vw, 88px);
      }
      .influence-clock-demo-shell::after {
        display: none;
      }
      .influence-clock-demo-triangle {
        fill: rgba(8, 7, 14, 0.98);
        stroke: rgba(216, 198, 255, 0.20);
        stroke-width: 1;
        stroke-linejoin: round;
      }
      .influence-clock-demo-segment {
        fill: rgba(255, 255, 255, 0.06);
        stroke: rgba(224, 214, 255, 0.18);
        stroke-width: 0.9;
        stroke-linejoin: round;
        transition: fill 140ms ease, stroke 140ms ease, opacity 140ms ease;
        opacity: 0.98;
      }
      .influence-clock-demo-segment.is-active {
        fill: color-mix(in srgb, rgba(122, 84, 255, 0.98) calc(var(--clock-segment-blend, 82) * 1%), rgba(233, 220, 255, var(--clock-segment-strength, 0.82)));
        stroke: rgba(246, 238, 255, 0.54);
        opacity: 1;
      }
      .attribute-influence-clock-visual .structured-clock-demo-center,
      .influence-clock-demo-center {
        position: absolute;
        top: 46%;
        left: 50%;
        transform: translate(-50%, -50%);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 52px;
        min-height: 52px;
        color: #ffffff;
        font-family: "Rajdhani", sans-serif;
        font-size: 27px;
        font-weight: 700;
        line-height: 1;
        text-shadow: 0 0 14px rgba(141, 104, 255, 0.42);
        pointer-events: none;
        z-index: 1;
      }
      .influence-clock-demo-value-backdrop {
        fill: rgba(10, 8, 16, 0.92);
        stroke: rgba(234, 221, 255, 0.20);
        stroke-width: 1.4;
      }
      .attribute-extra-card.attr-extra-strain .attribute-icon { color: #ffffff; width: 32px !important; height: 32px !important; }
      .attribute-extra-card.attr-extra-influence .attribute-icon { color: #ffffff; width: 30px !important; height: 30px !important; }
      .attribute-extra-card.attr-extra-tier .attribute-icon { color: #f2d15f; }
      .attribute-entry {
        display: grid;
        grid-template-columns: 42px minmax(0, 1fr) auto;
        gap: 0;
        align-items: stretch;
        min-width: 0;
        min-height: var(--attribute-shell-height, 72px);
        border: 1px solid rgba(var(--theme-accent-rgb), 0.26);
        background: var(--theme-panel);
        box-sizing: border-box;
        overflow: hidden;
      }
      .attribute-entry.attr-body { border-color: rgba(234,67,53,0.78); background: linear-gradient(180deg, rgba(234,67,53,0.34), var(--theme-panel)); }
      .attribute-entry.attr-talent { border-color: rgba(251,188,4,0.78); background: linear-gradient(180deg, rgba(251,188,4,0.34), var(--theme-panel)); }
      .attribute-entry.attr-spirit { border-color: rgba(52,168,83,0.78); background: linear-gradient(180deg, rgba(52,168,83,0.34), var(--theme-panel)); }
      .attribute-entry.attr-mind { border-color: rgba(66,133,244,0.78); background: linear-gradient(180deg, rgba(66,133,244,0.34), var(--theme-panel)); }
      .attribute-entry.attr-influence { border-color: rgba(156,104,255,0.66); background: linear-gradient(180deg, rgba(126,78,255,0.30), rgba(18,12,28,0.97)); }
      .attribute-entry.attr-influence .attribute-icon { color: #ffffff; }
    .attribute-entry-sidebar {
      display: flex;
      align-items: center;
      justify-content: center;
      background: rgba(0, 0, 0, 0.86);
      border-right: 1px solid rgba(var(--theme-accent-rgb), 0.16);
    }
    .attribute-entry-sidebar .attribute-icon.attr-body {
      width: 32px !important;
      height: 32px !important;
    }
    .attribute-entry-sidebar .attribute-icon.attr-spirit {
      width: 24px !important;
      height: 24px !important;
    }
    .attribute-entry-sidebar .attribute-icon.attr-talent {
      width: 24px !important;
      height: 24px !important;
    }
    .attribute-entry-sidebar .attribute-icon.attr-mind {
      width: 24px !important;
      height: 24px !important;
    }
    .attribute-entry-main {
      min-width: 0;
      display: grid;
        gap: 10px;
        align-content: center;
        padding: 10px 14px;
      }
      .attribute-entry-name-row {
        display: flex;
        align-items: baseline;
        gap: 16px;
        min-width: 0;
      }
      .attribute-entry-role {
        color: var(--muted);
        font-size: 10px;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        font-family: "Share Tech Mono", monospace;
        white-space: nowrap;
      }
      .attribute-entry-name {
        color: var(--ink);
        font-family: "Rajdhani", sans-serif;
        font-size: 21px;
        font-weight: 700;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        line-height: 1;
      }
      .attribute-entry-value {
        justify-self: end;
        display: grid;
        justify-items: end;
        align-content: center;
        gap: 18px;
        min-width: 104px;
        padding: 10px 14px;
      }
      .attribute-entry-value-main {
        display: inline-flex;
        align-items: center;
        gap: 8px;
      }
      .attribute-entry-score {
        color: var(--ink);
        font-family: "Rajdhani", sans-serif;
        font-size: 36px;
        font-weight: 700;
        line-height: 1;
      }
      .attribute-entry-score.tooltip-anchor {
        display: inline-flex;
        align-items: center;
        cursor: pointer;
      }
    .rank-badge {
      color: var(--cyan-2);
      font-family: "Share Tech Mono", monospace;
      font-size: 11px;
      letter-spacing: 0.14em;
      text-transform: uppercase;
    }
    .boon-list,
    .skill-list,
    .bond-action-list,
    .inventory-list,
    .journal-list,
    .changelog-list,
    .advancement-list,
    .basic-action-sidebar {
      display: grid;
      gap: 10px;
    }
    .basic-action-sidebar {
      grid-template-columns: minmax(0, 1fr);
      align-items: start;
    }
    .boon-list[data-outlooks-list],
    .boon-list[data-boons-list] {
      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
      grid-auto-flow: row;
      align-items: start;
    }
    .bond-action-list {
      grid-template-columns: minmax(0, 1fr);
      grid-auto-flow: row;
      align-items: start;
    }
    .boon-list[data-outlooks-list] > .boon-card,
    .boon-list[data-boons-list] > .boon-card,
    .bond-action-list > .bond-action-card {
      min-width: 0;
      width: auto;
      max-width: 100%;
    }
    .inventory-workspace {
      display: grid;
      grid-template-columns: minmax(170px, 0.62fr) repeat(2, minmax(0, 1fr));
      gap: 16px;
      align-items: start;
    }
    .inventory-roster {
      display: grid;
      border: 1px solid var(--border-2);
      background: rgba(255,255,255,0.03);
      min-width: 0;
      overflow: hidden;
    }
    .inventory-roster-header,
    .inventory-roster-row {
      display: grid;
      grid-template-columns: 64px minmax(0, 1fr);
      align-items: center;
      min-width: 0;
    }
    .inventory-roster-header {
      background: rgba(0, 0, 0, 0.86);
      border-bottom: 1px solid var(--border-2);
    }
    .inventory-roster-row {
      min-height: 28px;
      border-bottom: 1px solid rgba(255,255,255,0.08);
    }
    .inventory-roster-row:last-child {
      border-bottom: none;
    }
    .inventory-roster-row .inventory-roster-cell {
      padding: 0;
    }
    .inventory-roster-cell {
      min-width: 0;
      padding: 0 10px;
      color: var(--theme-heading);
      font-family: "Rajdhani", sans-serif;
      font-size: 13px;
      font-weight: 700;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      line-height: 1.2;
    }
    .inventory-roster-header .inventory-roster-cell {
      min-height: 28px;
      display: inline-flex;
      align-items: center;
      color: #ffffff;
      font-size: 12px;
      letter-spacing: 0.12em;
    }
    .inventory-roster-cell.is-index {
      justify-content: center;
      text-align: center;
      border-right: 1px solid rgba(255,255,255,0.12);
      font-family: "Share Tech Mono", monospace;
      font-size: 12px;
      letter-spacing: 0.12em;
    }
    .inventory-roster-cell.is-name {
      white-space: normal;
      overflow-wrap: anywhere;
    }
    .inventory-roster-cell.is-name.is-empty {
      color: rgba(240, 249, 255, 0.26);
    }
    .inventory-roster-input {
      width: 100%;
      min-width: 0;
      min-height: 27px;
      padding: 4px 10px;
      border: none;
      border-radius: 0;
      background: transparent;
      color: var(--ink);
      font-family: "Rajdhani", sans-serif;
      font-size: 13px;
      font-weight: 700;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      line-height: 1.2;
      outline: none;
      box-shadow: none;
    }
    .inventory-roster-input::placeholder {
      color: rgba(240, 249, 255, 0.26);
    }
    .inventory-roster-input:focus {
      background: rgba(255,255,255,0.06);
      box-shadow: inset 0 0 0 1px rgba(255,255,255,0.16);
    }
    .inventory-roster-input[readonly] {
      cursor: default;
    }
    .inventory-roster-input.is-index {
      text-align: center;
      font-family: "Share Tech Mono", monospace;
      font-size: 12px;
      letter-spacing: 0.12em;
      padding-left: 6px;
      padding-right: 6px;
    }
    .inventory-usable-card {
      display: grid;
      grid-template-rows: auto minmax(0, 1fr);
      min-width: 0;
      border: 1px solid var(--border-2);
      background: rgba(255,255,255,0.03);
      overflow: hidden;
    }
    .inventory-usable-header {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: stretch;
      min-width: 0;
      border-bottom: 1px solid var(--border-2);
    }
    .inventory-usable-title {
      min-width: 0;
      padding: 14px 12px;
      background: rgba(0, 0, 0, 0.9);
      color: #ffffff;
      font-family: "Rajdhani", sans-serif;
      font-size: 16px;
      font-weight: 700;
      letter-spacing: 0.05em;
      text-transform: uppercase;
      line-height: 1.1;
      overflow-wrap: anywhere;
    }
    .inventory-usable-rank {
      display: grid;
      min-width: 96px;
      background: linear-gradient(180deg, rgba(var(--theme-accent-rgb), 0.34), rgba(var(--theme-accent-rgb), 0.16));
      border-left: 1px solid rgba(var(--theme-accent-rgb), 0.34);
    }
    .inventory-usable-rank-label {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 28px;
      color: #ffffff;
      font-family: "Share Tech Mono", monospace;
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      border-bottom: 1px solid rgba(255,255,255,0.14);
    }
    .inventory-usable-rank-stars {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      min-height: 26px;
      color: rgba(255,255,255,0.92);
      font-size: 18px;
      line-height: 1;
    }
    .inventory-usable-body {
      display: grid;
      grid-template-rows: minmax(110px, auto) minmax(240px, 1fr);
      min-width: 0;
    }
    .inventory-usable-section {
      display: grid;
      grid-template-columns: 32px minmax(0, 1fr);
      min-width: 0;
      border-top: 1px solid rgba(255,255,255,0.08);
    }
    .inventory-usable-section:first-child {
      border-top: none;
    }
    .inventory-usable-side {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 10px 0;
      background: rgba(0, 0, 0, 0.18);
      border-right: 1px solid rgba(255,255,255,0.08);
      color: #ffffff;
      font-family: "Share Tech Mono", monospace;
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      writing-mode: vertical-rl;
      transform: rotate(180deg);
      text-align: center;
    }
    .inventory-usable-copy {
      min-width: 0;
      padding: 14px 16px;
      color: var(--ink);
      font-size: 13px;
      line-height: 1.65;
      white-space: pre-wrap;
      overflow-wrap: anywhere;
    }
    .inventory-usable-copy.is-empty {
      color: var(--muted);
    }
    .inventory-usable-placeholder {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 100%;
      color: var(--muted);
      font-family: "Rajdhani", sans-serif;
      font-size: 15px;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      text-align: center;
    }
    .journal-workspace {
      display: grid;
      grid-template-columns: 220px minmax(0, 1fr);
      gap: 14px;
      align-items: start;
    }
    .journal-sidebar {
      display: grid;
      gap: 10px;
      align-content: start;
    }
    .journal-sidebar-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      margin-bottom: 2px;
    }
    .journal-sidebar-title {
      color: var(--theme-heading);
      font-family: "Rajdhani", sans-serif;
      font-size: 18px;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      line-height: 1;
    }
    .journal-tab-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 8px;
      align-items: stretch;
    }
    .journal-tab-button {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      gap: 8px;
      width: 100%;
      min-height: 42px;
      padding: 0 14px;
      font-size: 15px;
      text-align: left;
    }
    .journal-tab-button:hover,
    .journal-tab-button:focus-visible {
      outline: none;
    }
    .journal-tab-button.active {
      border-color: rgba(var(--theme-secondary-rgb), 0.52);
      background:
        linear-gradient(180deg, rgba(var(--theme-secondary-rgb), 0.28), rgba(var(--theme-secondary-rgb), 0.10)),
        rgba(6, 14, 26, 0.82);
      color: rgb(var(--theme-secondary-rgb));
      box-shadow:
        inset 0 0 18px rgba(var(--theme-secondary-rgb), 0.18),
        0 0 0 1px rgba(var(--theme-secondary-rgb), 0.12),
        0 0 18px rgba(var(--theme-secondary-rgb), 0.16);
    }
    .journal-tab-delete {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 42px;
      min-height: 42px;
      padding: 0 12px;
      font-size: 20px;
      line-height: 1;
    }
    .journal-tab-delete:hover,
    .journal-tab-delete:focus-visible {
      outline: none;
    }
    .journal-pane-actions {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 10px;
      flex-wrap: wrap;
    }
    .journal-action-button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 42px;
      padding: 0 16px;
      font-size: 15px;
    }
    .journal-action-button:hover,
    .journal-action-button:focus-visible {
      outline: none;
    }
    .journal-pane {
      display: grid;
      gap: 12px;
    }
    .journal-pane-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      flex-wrap: wrap;
    }
    .journal-pane-title {
      color: var(--theme-heading);
      font-family: "Rajdhani", sans-serif;
      font-size: 24px;
      font-weight: 700;
      letter-spacing: 0.06em;
      text-transform: uppercase;
    }
    .journal-page-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      flex-wrap: wrap;
    }
    .journal-page-header-tools {
      display: flex;
      align-items: center;
      gap: 8px;
      min-width: 0;
      flex-wrap: nowrap;
      width: 100%;
    }
    .journal-pages {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 14px;
    }
    .journal-page {
      display: grid;
      gap: 10px;
    }
    .journal-page-label {
      color: var(--muted);
      font-family: "Share Tech Mono", monospace;
      font-size: 11px;
      letter-spacing: 0.18em;
      text-transform: uppercase;
    }
    .journal-page-label-input {
      width: min(100%, 432px);
      flex: 1 1 320px;
      min-height: 38px;
      padding: 0 12px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.22);
      background: rgba(0, 0, 0, 0.28);
      color: var(--ink);
      font-family: "Rajdhani", sans-serif;
      font-size: 16px;
      font-style: italic;
      font-weight: 700;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      box-sizing: border-box;
    }
    .journal-format-toggle {
      min-width: 78px;
      min-height: 30px;
      padding: 0 10px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.32);
      background: rgba(255,255,255,0.03);
      color: var(--ink);
      font-family: "Share Tech Mono", monospace;
      font-size: 10px;
      font-weight: 700;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      cursor: pointer;
      box-shadow: inset 0 0 12px rgba(var(--theme-accent-rgb), 0.06);
      transition: border-color 160ms ease, color 160ms ease, background 160ms ease, box-shadow 160ms ease, transform 160ms ease;
    }
    .journal-format-toggle:hover,
    .journal-format-toggle:focus-visible {
      outline: none;
      border-color: rgba(var(--theme-accent-rgb), 0.58);
      color: var(--ink);
      background: rgba(var(--theme-accent-rgb), 0.10);
      box-shadow:
        inset 0 0 0 1px rgba(var(--theme-accent-rgb), 0.12),
        0 0 14px rgba(var(--theme-accent-rgb), 0.12);
      transform: translateY(-1px);
    }
    .journal-page-label-input:focus {
      outline: none;
      border-color: rgba(var(--theme-secondary-rgb), 0.46);
      box-shadow: inset 0 0 0 1px rgba(var(--theme-secondary-rgb), 0.14);
    }
    .journal-format-toolbar {
      display: flex;
      align-items: center;
      gap: 6px;
      flex-wrap: nowrap;
      overflow-x: auto;
      overflow-y: hidden;
      padding: 8px 10px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.18);
      background:
        linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0)),
        rgba(0, 0, 0, 0.24);
      scrollbar-width: thin;
    }
    .journal-format-toolbar.is-collapsed {
      display: none;
    }
    .journal-format-button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      flex: 0 0 auto;
      min-width: 34px;
      min-height: 30px;
      padding: 0 9px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.32);
      background: rgba(255,255,255,0.03);
      color: var(--ink);
      font-family: "Share Tech Mono", monospace;
      font-size: 13px;
      font-weight: 700;
      letter-spacing: 0.02em;
      text-transform: none;
      cursor: pointer;
      white-space: nowrap;
      box-shadow: inset 0 0 12px rgba(var(--theme-accent-rgb), 0.06);
      transition: border-color 160ms ease, color 160ms ease, background 160ms ease, box-shadow 160ms ease, transform 160ms ease;
    }
    .journal-format-button:hover,
    .journal-format-button:focus-visible {
      outline: none;
      border-color: rgba(var(--theme-accent-rgb), 0.58);
      color: var(--ink);
      background: rgba(var(--theme-accent-rgb), 0.10);
      box-shadow:
        inset 0 0 0 1px rgba(var(--theme-accent-rgb), 0.12),
        0 0 14px rgba(var(--theme-accent-rgb), 0.12);
      transform: translateY(-1px);
    }
    .journal-format-button.is-icon {
      min-width: 30px;
      padding: 0;
    }
    .journal-format-button .journal-format-glyph {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 1em;
      line-height: 1;
    }
    .journal-format-button .journal-format-glyph-bold {
      font-weight: 900;
    }
    .journal-format-button .journal-format-glyph-italic {
      font-style: italic;
    }
    .journal-format-button .journal-format-glyph-underline {
      text-decoration: underline;
      text-underline-offset: 0.14em;
    }
    .journal-format-button .journal-format-glyph-strike {
      text-decoration: line-through;
      text-decoration-thickness: 0.08em;
    }
    .journal-format-button .journal-format-glyph-color {
      position: relative;
      padding-bottom: 0.18em;
    }
    .journal-format-button .journal-format-glyph-color::after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      height: 2px;
      border-radius: 999px;
      background: linear-gradient(90deg, #ff8a66 0%, #f5d47b 38%, #7ce8e5 72%, #9f8bff 100%);
    }
    .journal-format-button .journal-format-glyph-size {
      gap: 0.08em;
      font-family: "Rajdhani", "Share Tech Mono", monospace;
      font-weight: 700;
    }
    .journal-format-button .journal-format-glyph-size span:first-child {
      font-size: 0.82em;
      opacity: 0.7;
    }
    .journal-format-button .journal-format-glyph-size span:last-child {
      font-size: 1.06em;
    }
    .journal-format-button .journal-format-glyph-font {
      font-family: "Rajdhani", "Share Tech Mono", monospace;
      font-size: 1.06em;
      letter-spacing: 0.03em;
    }
    .journal-format-button svg {
      width: 14px;
      height: 14px;
      display: block;
      flex: 0 0 auto;
      fill: currentColor;
    }
    .journal-format-select {
      min-width: 88px;
      min-height: 28px;
      padding: 0 8px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.32);
      background: rgba(255,255,255,0.03);
      color: var(--ink);
      color-scheme: dark;
      font-family: "Share Tech Mono", monospace;
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.05em;
      text-transform: uppercase;
      box-shadow: inset 0 0 12px rgba(var(--theme-accent-rgb), 0.06);
      outline: none;
    }
    .journal-format-select:hover,
    .journal-format-select:focus-visible {
      border-color: rgba(var(--theme-accent-rgb), 0.58);
      background: rgba(var(--theme-accent-rgb), 0.10);
      box-shadow:
        inset 0 0 0 1px rgba(var(--theme-accent-rgb), 0.12),
        0 0 14px rgba(var(--theme-accent-rgb), 0.12);
    }
    .journal-format-select option {
      background: rgba(9, 16, 24, 0.98);
      color: var(--ink);
    }
    .journal-format-divider {
      width: 1px;
      min-height: 22px;
      align-self: center;
      background: rgba(var(--theme-accent-rgb), 0.16);
      flex: 0 0 auto;
    }
    .journal-format-note {
      color: var(--muted);
      font-family: "Share Tech Mono", monospace;
      font-size: 9px;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      margin-left: auto;
      white-space: nowrap;
    }
    .journal-page-input,
    .journal-page-display {
      min-height: 520px;
      width: 100%;
      padding: 14px 16px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.20);
      background: rgba(0, 0, 0, 0.32);
      color: var(--ink);
      font-family: "Inter", system-ui, sans-serif;
      font-size: 14px;
      line-height: 1.7;
      box-sizing: border-box;
    }
    .journal-page-input {
      resize: vertical;
    }
    .journal-page-input[contenteditable="true"] {
      resize: none;
      white-space: normal;
      overflow-wrap: anywhere;
      cursor: text;
    }
    .journal-page-input[contenteditable="true"][data-empty="true"]::before {
      content: attr(data-placeholder);
      color: var(--muted);
      pointer-events: none;
    }
    .journal-page-input:focus {
      outline: none;
      border-color: rgba(var(--theme-secondary-rgb), 0.46);
      box-shadow: inset 0 0 0 1px rgba(var(--theme-secondary-rgb), 0.14);
    }
    .journal-page-input .journal-richtext {
      white-space: normal;
      overflow-wrap: anywhere;
    }
    .journal-page-input .journal-richtext > :first-child {
      margin-top: 0;
    }
    .journal-page-input .journal-richtext > :last-child {
      margin-bottom: 0;
    }
    .journal-page-input .journal-richtext p {
      margin: 0 0 1em;
    }
    .journal-page-input .journal-richtext ul,
    .journal-page-input .journal-richtext ol {
      margin: 0 0 1em 1.4em;
      padding: 0;
    }
    .journal-page-input .journal-richtext li + li {
      margin-top: 0.32em;
    }
    .journal-page-input .journal-richtext blockquote {
      margin: 0 0 1em;
      padding: 10px 14px;
      border-left: 3px solid rgba(var(--theme-secondary-rgb), 0.54);
      background: rgba(var(--theme-secondary-rgb), 0.08);
      color: var(--ink);
    }
    .journal-page-input .journal-richtext .align-left {
      text-align: left;
    }
    .journal-page-input .journal-richtext .align-center {
      text-align: center;
    }
    .journal-page-input .journal-richtext .align-right {
      text-align: right;
    }
    .journal-page-input .journal-richtext .align-justify {
      text-align: justify;
    }
    .journal-page-display {
      white-space: pre-wrap;
      overflow-wrap: anywhere;
    }
    .journal-page-display .journal-richtext {
      white-space: normal;
      overflow-wrap: anywhere;
    }
    .journal-page-display .journal-richtext > :first-child {
      margin-top: 0;
    }
    .journal-page-display .journal-richtext > :last-child {
      margin-bottom: 0;
    }
    .journal-page-display .journal-richtext p {
      margin: 0 0 1em;
    }
    .journal-page-display .journal-richtext ul,
    .journal-page-display .journal-richtext ol {
      margin: 0 0 1em 1.4em;
      padding: 0;
    }
    .journal-page-display .journal-richtext li + li {
      margin-top: 0.32em;
    }
    .journal-page-display .journal-richtext blockquote {
      margin: 0 0 1em;
      padding: 10px 14px;
      border-left: 3px solid rgba(var(--theme-secondary-rgb), 0.54);
      background: rgba(var(--theme-secondary-rgb), 0.08);
      color: var(--ink);
    }
    .journal-page-display .journal-richtext .align-left {
      text-align: left;
    }
    .journal-page-display .journal-richtext .align-center {
      text-align: center;
    }
    .journal-page-display .journal-richtext .align-right {
      text-align: right;
    }
    .journal-page-display .journal-richtext .align-justify {
      text-align: justify;
    }
    .journal-page-display .journal-richtext .journal-bbcode-hr {
      width: min(100%, 100%);
      height: 1px;
      margin: 1.1em auto;
      border: 0;
      background:
        linear-gradient(
          90deg,
          rgba(var(--theme-accent-rgb), 0) 0%,
          rgba(var(--theme-accent-rgb), 0.12) 10%,
          rgba(var(--theme-accent-rgb), 0.8) 50%,
          rgba(var(--theme-accent-rgb), 0.12) 90%,
          rgba(var(--theme-accent-rgb), 0) 100%
        );
      filter: drop-shadow(0 0 3px rgba(var(--theme-accent-rgb), 0.16));
    }
    .changelog-entry {
      display: grid;
      gap: 10px;
      padding: 12px 14px;
      border: 1px solid var(--border-2);
      background: var(--theme-panel);
      position: relative;
    }
    .changelog-controls {
      display: flex;
      justify-content: flex-end;
      margin-bottom: 10px;
    }
    .changelog-clear-btn {
      min-height: 32px;
      padding: 0 12px;
      font-size: 11px;
      letter-spacing: 0.12em;
    }
    .changelog-entry-delete {
      position: absolute;
      top: 8px;
      right: 8px;
      width: 22px;
      height: 22px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.34);
      background: rgba(0, 0, 0, 0.72);
      color: var(--theme-accent);
      font-family: "Rajdhani", sans-serif;
      font-size: 14px;
      font-weight: 700;
      line-height: 1;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      opacity: 0;
      pointer-events: none;
      transition: opacity 120ms ease, border-color 160ms ease, background 160ms ease, box-shadow 160ms ease, transform 160ms ease;
    }
    .changelog-entry:hover .changelog-entry-delete,
    .changelog-entry:focus-within .changelog-entry-delete {
      opacity: 1;
      pointer-events: auto;
    }
    .changelog-entry-delete:hover,
    .changelog-entry-delete:focus-visible {
      border-color: rgba(var(--theme-accent-rgb), 0.62);
      background: rgba(var(--theme-accent-rgb), 0.12);
      box-shadow: 0 0 14px rgba(var(--theme-accent-rgb), 0.18);
      transform: translateY(-1px);
      outline: none;
    }
    .changelog-entry-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      flex-wrap: wrap;
    }
    .changelog-entry-title {
      color: var(--ink);
      font-family: "Rajdhani", sans-serif;
      font-size: 18px;
      font-weight: 700;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      line-height: 1;
    }
    .changelog-entry-date {
      color: var(--muted);
      font-family: "Share Tech Mono", monospace;
      font-size: 10px;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      line-height: 1.4;
    }
    .changelog-entry-details {
      margin: 0;
      padding: 0 0 0 18px;
      display: grid;
      gap: 5px;
    }
    .changelog-entry-details li {
      color: var(--ink);
      font-size: 12px;
      line-height: 1.65;
    }
    .advancement-shell {
      display: grid;
      gap: 14px;
    }
    .advancement-tab-content {
      display: grid;
      min-width: 0;
    }
    .advancement-grid-scroll {
      width: 100%;
      max-width: 100%;
      overflow-x: auto;
      overflow-y: visible;
      min-width: 0;
      padding-bottom: 6px;
      -webkit-overflow-scrolling: touch;
    }
    .advancement-summary-stack {
      display: grid;
      gap: 10px;
      min-width: 0;
      flex: 1 1 auto;
    }
    .advancement-summary-layout {
      display: grid;
      gap: 12px;
      width: 100%;
      max-width: 100%;
      margin-left: 0;
      justify-self: start;
      min-width: 0;
    }
    .advancement-summary-layout.is-bonusless {
      width: 100%;
      max-width: 100%;
    }
    .advancement-primary-summary {
      display: grid;
      align-content: start;
      min-width: 0;
    }
    .advancement-table-layout {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 12px;
      width: 100%;
      min-width: 0;
      align-items: start;
    }
    .advancement-table-layout.is-bonusless {
      grid-template-columns: minmax(0, 1fr);
      width: 100%;
      min-width: 0;
    }
    .advancement-bonus-column {
      display: grid;
      grid-template-rows: auto minmax(0, 1fr) auto;
      gap: 10px;
      width: 280px;
      min-width: 280px;
      padding: 10px;
      border: 1px solid var(--border-2);
      background: rgba(255,255,255,0.03);
    }
    .advancement-bonus-column[hidden] {
      display: none;
    }
    .advancement-bonus-header {
      display: grid;
      gap: 4px;
      min-width: 0;
    }
    .advancement-bonus-section-title {
      color: var(--theme-heading);
      font-family: "Rajdhani", sans-serif;
      font-size: 16px;
      font-weight: 700;
      letter-spacing: 0.08em;
      line-height: 1.05;
      text-transform: uppercase;
    }
    .advancement-bonus-section-copy {
      color: var(--muted);
      font-size: 11px;
      line-height: 1.5;
      letter-spacing: 0.04em;
    }
    .advancement-bonus-footer {
      display: flex;
      justify-content: flex-end;
      align-items: flex-end;
      min-width: 0;
    }
    .advancement-bonus-trigger {
      width: auto;
      flex: 0 0 auto;
      min-height: 44px;
      padding: 10px 14px;
      justify-content: center;
      font-size: 13px;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      white-space: nowrap;
    }
    .section-title-row.advancement-summary-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      align-items: start;
      gap: 10px;
      width: 100%;
    }
    .section-title-row.advancement-summary-row .section-title {
      flex: 0 0 auto;
      min-width: 0;
    }
    .section-title-row.advancement-summary-row .rank-summary-row {
      display: inline-flex;
      flex-wrap: nowrap;
      justify-content: flex-end;
      align-items: stretch;
      gap: 10px;
      width: auto;
      max-width: 100%;
      margin-left: auto;
      flex: 0 0 auto;
      min-width: 0;
      justify-self: end;
    }
    .section-title-row.advancement-summary-row .rank-summary-pill {
      width: auto;
      min-width: 0;
      min-height: 44px;
      flex: 0 0 auto;
    }
    .section-title-row.advancement-summary-row .advancement-bonus-trigger {
      width: auto;
      min-width: 168px;
      flex: 0 0 auto;
      margin-top: 0;
    }
    .advancement-summary-title-line {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: start;
      column-gap: 14px;
      row-gap: 8px;
      width: 100%;
      min-width: 0;
    }
    .advancement-summary-control-stack {
      display: grid;
      justify-items: end;
      align-content: start;
      gap: 8px;
      width: auto;
      min-width: 0;
    }
    .advancement-summary-button-row {
      display: flex;
      justify-content: flex-end;
      width: auto;
      margin-left: 0;
      justify-self: end;
    }
    .advancement-bonus-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 12px;
    }
    .advancement-bonus-grid.is-column {
      grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
      gap: 12px;
    }
    .advancement-bonus-card {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 8px 10px;
      padding: 10px;
      border: 1px solid var(--border-2);
      background: var(--theme-panel);
      min-width: 0;
      align-content: start;
    }
    .advancement-bonus-card.is-grouped {
      grid-template-columns: minmax(0, 1fr);
    }
    .advancement-bonus-title {
      color: var(--theme-heading);
      font-family: "Rajdhani", sans-serif;
      font-size: 16px;
      font-weight: 700;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      line-height: 1.08;
      overflow-wrap: anywhere;
    }
    .advancement-bonus-card > .advancement-marker {
      grid-column: 2;
      grid-row: 1;
      align-self: start;
      justify-self: end;
      width: 58px;
      min-width: 58px;
      min-height: 44px;
      padding: 0 10px;
      font-size: 24px;
    }
    .advancement-bonus-card > .advancement-static-choice,
    .advancement-bonus-card > .advancement-select {
      grid-column: 1 / -1;
    }
    .advancement-bonus-slot-grid {
      grid-column: 1 / -1;
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
      min-width: 0;
    }
    .advancement-bonus-slot {
      display: grid;
      gap: 8px;
      align-content: start;
      min-width: 0;
    }
    .advancement-bonus-slot .advancement-marker {
      width: 100%;
      min-width: 0;
      min-height: 44px;
      padding: 0 16px;
      font-size: 24px;
      justify-self: stretch;
    }
    .advancement-bonus-slot .advancement-static-choice,
    .advancement-bonus-slot .advancement-select {
      width: 100%;
      min-width: 0;
    }
    .advancement-grid {
      display: grid;
      grid-template-columns: minmax(236px, 248px) repeat(6, minmax(108px, 116px)) minmax(224px, 240px);
      gap: 8px;
      align-items: stretch;
      min-width: 1168px;
    }
    .advancement-grid-header {
      color: var(--muted);
      font-family: "Rajdhani", sans-serif;
      font-size: 16px;
      font-weight: 700;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      min-height: 42px;
      display: flex;
      align-items: center;
    }
    .advancement-grid-header.is-tier {
      position: relative;
      justify-content: flex-start;
      text-align: center;
      padding: 10px 14px 12px;
      border: 1px solid var(--border-2);
      background: rgba(0, 0, 0, 0.42);
      flex-direction: column;
      gap: 3px;
    }
    .advancement-grid-header.is-summary {
      justify-content: center;
      text-align: center;
      padding: 10px 14px 12px;
      border: 1px solid var(--border-2);
      background: rgba(0, 0, 0, 0.42);
      color: var(--ink);
    }
    .advancement-tier-title {
      width: 100%;
      padding: 0 20px 0 6px;
      color: var(--ink);
      font-family: "Rajdhani", sans-serif;
      font-size: 17px;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      text-align: center;
      line-height: 1;
      white-space: nowrap;
    }
    .advancement-grid-header.is-tier.is-locked {
      opacity: 0.58;
    }
    .advancement-grid-header.is-tier.is-exhausted {
      opacity: 0.58;
    }
    .advancement-grid-header .status {
      font-family: "Share Tech Mono", monospace;
      font-size: 10px;
      letter-spacing: 0.14em;
      text-transform: uppercase;
    }
    .advancement-grid-header .progress {
      font-family: "Share Tech Mono", monospace;
      font-size: 12px;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: var(--muted);
    }
    .advancement-tier-reset {
      position: absolute;
      top: 4px;
      right: 4px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 20px;
      height: 20px;
      padding: 0;
      border: 0;
      background: transparent;
      color: rgba(255, 255, 255, 0.92);
      cursor: pointer;
      transition: opacity 120ms ease, transform 120ms ease;
      z-index: 2;
    }
    .advancement-tier-reset:hover,
    .advancement-tier-reset:focus-visible {
      opacity: 1;
      transform: scale(1.06);
      outline: none;
    }
    .advancement-tier-reset:disabled {
      opacity: 0.28;
      cursor: default;
      transform: none;
    }
    .advancement-tier-reset svg {
      display: block;
      width: 14px;
      height: 14px;
      fill: none;
      stroke: currentColor;
      stroke-width: 10;
      stroke-linecap: square;
      stroke-linejoin: miter;
    }
    .advancement-desc {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      min-width: 0;
      padding: 10px 12px;
      border: 1px solid var(--border-2);
      background: var(--theme-panel);
      color: var(--ink);
      font-family: "Rajdhani", sans-serif;
      font-size: 15px;
      font-weight: 700;
      letter-spacing: 0.03em;
      line-height: 1.2;
      min-height: 100%;
    }
    .advancement-desc.is-stacked {
      align-self: stretch;
      min-height: 100%;
    }
    .advancement-tier-cell {
      display: grid;
      gap: 8px;
      align-content: start;
      min-height: 100%;
      padding: 8px;
      border: 1px solid var(--border-2);
      background: var(--theme-panel);
      position: relative;
      overflow: visible;
      z-index: 1;
    }
    .advancement-tier-cell.is-stacked {
      gap: 0;
    }
    .advancement-tier-cell.is-expanded {
      z-index: 8;
    }
    .advancement-tier-cell.is-locked {
      opacity: 0.48;
    }
    .advancement-tier-cell.is-exhausted {
      opacity: 0.48;
    }
    .advancement-tier-cell .advancement-static-choice {
      display: none !important;
    }
    .advancement-tier-slot {
      display: grid;
      gap: 8px;
      align-content: start;
      min-width: 0;
      padding: 0;
      border: 0;
      background: transparent;
      box-shadow: none;
    }
    .advancement-tier-slot-group {
      display: grid;
      gap: 4px;
      min-height: 100%;
      align-content: start;
    }
    .advancement-tier-slot-group.is-double {
      grid-template-rows: repeat(2, minmax(0, 1fr));
    }
    .advancement-tier-cell.is-stacked .advancement-tier-slot + .advancement-tier-slot {
      margin-top: 4px;
      padding-top: 0;
      border-top: 0;
    }
    .advancement-tier-slot .advancement-marker {
      width: 100%;
      min-width: 0;
      justify-self: stretch;
    }
    .advancement-tier-slot.attr-body .advancement-marker {
      border-color: rgba(234, 67, 53, 0.52);
      background: linear-gradient(180deg, rgba(234, 67, 53, 0.22), rgba(234, 67, 53, 0.08));
    }
    .advancement-tier-slot.attr-talent .advancement-marker {
      border-color: rgba(251, 188, 4, 0.52);
      background: linear-gradient(180deg, rgba(251, 188, 4, 0.22), rgba(251, 188, 4, 0.08));
    }
    .advancement-tier-slot.attr-spirit .advancement-marker {
      border-color: rgba(52, 168, 83, 0.52);
      background: linear-gradient(180deg, rgba(52, 168, 83, 0.22), rgba(52, 168, 83, 0.08));
    }
    .advancement-tier-slot.attr-mind .advancement-marker {
      border-color: rgba(66, 133, 244, 0.52);
      background: linear-gradient(180deg, rgba(66, 133, 244, 0.22), rgba(66, 133, 244, 0.08));
    }
    .advancement-bonus-slot.attr-body .advancement-marker {
      border-color: rgba(234, 67, 53, 0.52);
      background: linear-gradient(180deg, rgba(234, 67, 53, 0.22), rgba(234, 67, 53, 0.08));
    }
    .advancement-bonus-slot.attr-talent .advancement-marker {
      border-color: rgba(251, 188, 4, 0.52);
      background: linear-gradient(180deg, rgba(251, 188, 4, 0.22), rgba(251, 188, 4, 0.08));
    }
    .advancement-bonus-slot.attr-spirit .advancement-marker {
      border-color: rgba(52, 168, 83, 0.52);
      background: linear-gradient(180deg, rgba(52, 168, 83, 0.22), rgba(52, 168, 83, 0.08));
    }
    .advancement-bonus-slot.attr-mind .advancement-marker {
      border-color: rgba(66, 133, 244, 0.52);
      background: linear-gradient(180deg, rgba(66, 133, 244, 0.22), rgba(66, 133, 244, 0.08));
    }
    .advancement-marker.is-attribute-choice {
      border-color: var(--adv-choice-accent);
      background: linear-gradient(180deg, color-mix(in srgb, var(--adv-choice-soft) 92%, rgba(0,0,0,0.12)), rgba(0,0,0,0.22));
      box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--adv-choice-accent) 36%, rgba(255,255,255,0.08));
    }
    .advancement-grid-summary-cell {
      grid-column: 8;
      align-self: stretch;
      min-height: 100%;
      padding: 8px;
      border: 1px solid var(--border-2);
      background: var(--theme-panel);
      min-width: 0;
    }
    .advancement-grid-summary {
      display: grid;
      gap: 10px;
      align-content: start;
      min-height: 100%;
    }
    .advancement-grid-summary-empty {
      color: var(--muted);
      font-size: 11px;
      line-height: 1.6;
      letter-spacing: 0.05em;
      text-transform: uppercase;
      padding-top: 2px;
    }
    .advancement-grid-summary-section {
      display: grid;
      gap: 6px;
      min-width: 0;
    }
    .advancement-grid-summary-section-title {
      color: var(--theme-heading);
      font-family: "Rajdhani", sans-serif;
      font-size: 15px;
      font-weight: 700;
      letter-spacing: 0.08em;
      line-height: 1.05;
      text-transform: uppercase;
    }
    .advancement-grid-summary-attribute-table {
      display: grid;
      gap: 6px;
    }
    .advancement-grid-summary-attribute-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 10px;
      align-items: center;
      min-width: 0;
      padding: 8px 10px;
      border: 1px solid rgba(255, 255, 255, 0.12);
      background: rgba(255, 255, 255, 0.03);
    }
    .advancement-grid-summary-attribute-row.attr-body {
      border-color: rgba(234, 67, 53, 0.48);
      background: linear-gradient(180deg, rgba(234, 67, 53, 0.16), rgba(255, 255, 255, 0.03));
    }
    .advancement-grid-summary-attribute-row.attr-talent {
      border-color: rgba(251, 188, 4, 0.48);
      background: linear-gradient(180deg, rgba(251, 188, 4, 0.16), rgba(255, 255, 255, 0.03));
    }
    .advancement-grid-summary-attribute-row.attr-spirit {
      border-color: rgba(52, 168, 83, 0.48);
      background: linear-gradient(180deg, rgba(52, 168, 83, 0.16), rgba(255, 255, 255, 0.03));
    }
    .advancement-grid-summary-attribute-row.attr-mind {
      border-color: rgba(66, 133, 244, 0.48);
      background: linear-gradient(180deg, rgba(66, 133, 244, 0.16), rgba(255, 255, 255, 0.03));
    }
    .advancement-grid-summary-attribute-label {
      color: var(--ink);
      font-family: "Rajdhani", sans-serif;
      font-size: 16px;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      line-height: 1;
    }
    .advancement-grid-summary-attribute-value {
      color: var(--ink);
      font-family: "Share Tech Mono", monospace;
      font-size: 12px;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      white-space: nowrap;
    }
    .advancement-grid-summary-attribute-value.is-empty {
      color: rgba(240, 249, 255, 0.56);
    }
    .advancement-grid-summary-lines {
      display: grid;
      gap: 6px;
    }
    .advancement-grid-summary-line {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 10px;
      align-items: center;
      min-width: 0;
      padding: 7px 10px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.18);
      background: rgba(255, 255, 255, 0.02);
    }
    .advancement-grid-summary-line-label {
      color: var(--muted);
      font-family: "Share Tech Mono", monospace;
      font-size: 10px;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      line-height: 1.45;
    }
    .advancement-grid-summary-line-value {
      color: var(--ink);
      font-family: "Rajdhani", sans-serif;
      font-size: 16px;
      font-weight: 700;
      letter-spacing: 0.06em;
      line-height: 1;
      text-transform: uppercase;
      text-align: right;
    }
    .advancement-grid-summary-bullets {
      display: grid;
      gap: 5px;
    }
    .advancement-grid-summary-bullet {
      color: var(--ink);
      font-size: 12px;
      line-height: 1.55;
      padding-left: 16px;
      position: relative;
    }
    .advancement-grid-summary-bullet::before {
      content: "‣";
      position: absolute;
      left: 0;
      top: 0;
      color: var(--theme-heading);
      font-family: "Rajdhani", sans-serif;
      font-size: 14px;
      font-weight: 700;
      line-height: 1.2;
    }
    .advancement-marker {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 38px;
      border: 1px solid var(--border-2);
      background: rgba(0, 0, 0, 0.58);
      color: var(--ink);
      font-family: "Rajdhani", sans-serif;
      font-size: 20px;
      font-weight: 700;
      cursor: pointer;
    }
    .advancement-marker.is-empty {
      color: rgba(240, 249, 255, 0.58);
    }
    .advancement-marker.is-filled {
      border-color: rgba(var(--theme-accent-rgb), 0.42);
      background: linear-gradient(180deg, rgba(var(--theme-accent-rgb), 0.18), rgba(var(--theme-accent-rgb), 0.05));
    }
    .advancement-marker.is-double {
      border-color: rgba(var(--theme-accent-rgb), 0.38);
      background: linear-gradient(180deg, rgba(var(--theme-accent-rgb), 0.16), rgba(var(--theme-accent-rgb), 0.04));
    }
    .advancement-marker:not([disabled]):hover,
    .advancement-marker:not([disabled]):focus-visible {
      border-color: rgba(var(--theme-accent-rgb), 0.72);
      box-shadow: 0 0 0 1px rgba(var(--theme-accent-rgb), 0.18), 0 0 16px rgba(var(--theme-accent-rgb), 0.22);
      outline: none;
    }
    .advancement-marker[disabled] {
      cursor: default;
    }
    .advancement-marker[disabled]:not(.is-locked-visual) {
      opacity: 1;
      filter: none;
      color: var(--ink);
      border-color: rgba(var(--theme-accent-rgb), 0.42);
      box-shadow: none;
    }
    .advancement-marker.is-filled[disabled]:not(.is-locked-visual) {
      background: linear-gradient(180deg, rgba(var(--theme-accent-rgb), 0.18), rgba(var(--theme-accent-rgb), 0.05));
    }
    .advancement-marker.is-double[disabled]:not(.is-locked-visual) {
      background: linear-gradient(180deg, rgba(var(--theme-accent-rgb), 0.16), rgba(var(--theme-accent-rgb), 0.04));
    }
    .advancement-marker.is-locked-visual {
      color: rgba(240, 249, 255, 0.58);
      border-color: var(--border-2);
      background: rgba(0, 0, 0, 0.42);
    }
    .advancement-select {
      width: 100%;
      min-height: 34px;
      border: 1px solid var(--border-2);
      background: var(--theme-solid-panel);
      color: var(--ink);
      font-family: "Share Tech Mono", monospace;
      font-size: 11px;
      letter-spacing: 0.04em;
      padding: 0 8px;
      position: relative;
      z-index: 4;
      overflow: auto;
      text-overflow: ellipsis;
    }
    .advancement-select.is-hidden-source {
      display: none !important;
    }
    .advancement-select.is-expanded {
      width: 100%;
      max-width: 100%;
    }
    .advancement-select:disabled {
      opacity: 0.45;
    }
    .advancement-static-choice {
      min-height: 34px;
      display: flex;
      align-items: center;
      padding: 0 10px;
      border: 1px solid var(--border-2);
      background: var(--theme-solid-panel);
      color: var(--ink);
      font-family: "Share Tech Mono", monospace;
      font-size: 11px;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }
    .advancement-static-choice.is-disabled {
      opacity: 0.45;
    }
    .advancement-tier-slot.is-disabled,
    .advancement-bonus-slot.is-disabled {
      opacity: 0.5;
      filter: saturate(0.45);
    }
    .advancement-choice-overlay[hidden] {
      display: none !important;
    }
    .advancement-choice-overlay {
      position: fixed;
      inset: 0;
      z-index: 2000;
      display: grid;
      place-items: center;
      background: rgba(2, 8, 20, 0.37);
      padding: 24px;
    }
    .advancement-choice-overlay.is-opening {
      animation: advancementChoiceOverlayFadeIn 280ms cubic-bezier(0.22, 1, 0.36, 1);
    }
    .advancement-choice-overlay.is-closing {
      animation: advancementChoiceOverlayFadeOut 240ms cubic-bezier(0.4, 0, 0.2, 1) forwards;
    }
    .advancement-choice-dialog {
      width: min(520px, calc(100vw - 32px));
      max-height: calc(100vh - 48px);
      display: grid;
      gap: 14px;
      padding: 18px;
      border: 1px solid var(--border-2);
      background: var(--theme-panel);
      box-shadow: 0 20px 48px rgba(0, 0, 0, 0.38);
      position: relative;
      overflow-y: auto;
      overscroll-behavior: contain;
    }
    .advancement-choice-overlay.is-opening .advancement-choice-dialog {
      animation: advancementChoiceDialogFadeIn 300ms cubic-bezier(0.22, 1, 0.36, 1);
    }
    .advancement-choice-overlay.is-closing .advancement-choice-dialog {
      animation: advancementChoiceDialogFadeOut 220ms cubic-bezier(0.4, 0, 0.2, 1) forwards;
    }
    .advancement-choice-dialog.is-stage-transition {
      animation: advancementChoiceDialogStageWipe 280ms cubic-bezier(0.22, 1, 0.36, 1);
      transform-origin: top center;
    }
    @keyframes advancementChoiceOverlayFadeIn {
      from {
        opacity: 0;
      }
      to {
        opacity: 1;
      }
    }
    @keyframes advancementChoiceOverlayFadeOut {
      from {
        opacity: 1;
      }
      to {
        opacity: 0;
      }
    }
    @keyframes advancementChoiceDialogFadeIn {
      from {
        opacity: 0;
        transform: translateY(16px) scale(0.988);
      }
      to {
        opacity: 1;
        transform: translateY(0) scale(1);
      }
    }
    @keyframes advancementChoiceDialogFadeOut {
      from {
        opacity: 1;
        transform: translateY(0) scale(1);
      }
      to {
        opacity: 0;
        transform: translateY(10px) scale(0.992);
      }
    }
    @keyframes advancementChoiceDialogStageWipe {
      0% {
        opacity: 0;
        transform: translateY(14px) scale(0.985);
        clip-path: inset(0 0 100% 0);
      }
      100% {
        opacity: 1;
        transform: translateY(0) scale(1);
        clip-path: inset(0 0 0 0);
      }
    }
    .advancement-choice-close {
      position: absolute;
      top: 10px;
      right: 10px;
      width: 28px;
      height: 28px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.18);
      background: rgba(0, 0, 0, 0.42);
      color: var(--ink);
      font-family: "Rajdhani", sans-serif;
      font-size: 18px;
      font-weight: 700;
      line-height: 1;
      cursor: pointer;
    }
    .advancement-choice-close:hover,
    .advancement-choice-close:focus-visible {
      border-color: rgba(var(--theme-accent-rgb), 0.72);
      box-shadow: 0 0 0 1px rgba(var(--theme-accent-rgb), 0.18), 0 0 16px rgba(var(--theme-accent-rgb), 0.22);
      outline: none;
    }
    .advancement-choice-tier {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 24px;
      padding: 0 10px;
      border: 1px solid var(--border-2);
      background: rgba(255, 255, 255, 0.04);
      color: var(--ink);
      font-family: "Share Tech Mono", monospace;
      font-size: 10px;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      justify-self: start;
    }
    .advancement-choice-title {
      color: var(--ink);
      font-family: "Rajdhani", sans-serif;
      font-size: 20px;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      line-height: 1.1;
    }
    .advancement-choice-subtitle {
      color: var(--muted);
      font-family: "Share Tech Mono", monospace;
      font-size: 11px;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      line-height: 1.5;
    }
    .advancement-choice-grid {
      display: grid;
      gap: 10px;
    }
    .advancement-choice-grid.is-two-column {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .advancement-choice-button {
      --adv-choice-accent: rgba(var(--theme-accent-rgb), 0.74);
      --adv-choice-soft: rgba(var(--theme-accent-rgb), 0.12);
      min-height: 40px;
      padding: 10px 12px;
      border: 1px solid var(--border-2);
      background: var(--theme-solid-panel);
      color: var(--ink);
      font-family: "Rajdhani", sans-serif;
      font-size: 16px;
      font-weight: 700;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      text-align: left;
      cursor: pointer;
      transition: border-color 120ms ease, background 120ms ease;
    }
    .advancement-choice-button:hover,
    .advancement-choice-button:focus-visible {
      border-color: var(--adv-choice-accent);
      background: var(--adv-choice-soft);
      outline: none;
    }
    .advancement-choice-button.is-selected {
      border-color: var(--adv-choice-accent);
      background: color-mix(in srgb, var(--adv-choice-soft) 78%, rgba(255,255,255,0.05));
      box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--adv-choice-accent) 36%, rgba(255,255,255,0.08));
    }
    .advancement-choice-button.is-static-card {
      cursor: default;
      text-align: left;
    }
    .advancement-choice-button.is-attribute-choice {
      border-color: color-mix(in srgb, var(--adv-choice-accent) 58%, rgba(255,255,255,0.12));
      background: linear-gradient(180deg, color-mix(in srgb, var(--adv-choice-soft) 92%, rgba(0,0,0,0.14)), rgba(0,0,0,0.26));
    }
    .advancement-choice-note {
      color: var(--muted);
      font-size: 13px;
      line-height: 1.6;
    }
    .advancement-choice-card {
      display: grid;
      gap: 8px;
      align-content: start;
      min-height: 140px;
    }
    .advancement-choice-card-meta {
      color: var(--muted);
      font-family: "Share Tech Mono", monospace;
      font-size: 10px;
      letter-spacing: 0.12em;
      text-transform: uppercase;
    }
    .advancement-choice-card-title {
      color: var(--ink);
      font-family: "Rajdhani", sans-serif;
      font-size: 18px;
      font-weight: 700;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      line-height: 1.05;
    }
    .advancement-choice-card-copy {
      color: var(--muted);
      font-size: 12px;
      line-height: 1.55;
      text-transform: none;
      letter-spacing: 0;
      font-family: "Oswald", sans-serif;
      font-weight: 400;
    }
    .advancement-choice-actions {
      display: flex;
      justify-content: flex-end;
      flex-wrap: wrap;
      gap: 10px;
    }
    .advancement-choice-actions [hidden] {
      display: none !important;
    }
    @keyframes advancementReminderPulse {
      0%, 100% {
        opacity: 1;
        transform: scale(1);
        text-shadow: 0 0 8px rgba(var(--theme-accent-rgb), 0.22);
      }
      50% {
        opacity: 0.56;
        transform: scale(0.94);
        text-shadow: 0 0 16px rgba(var(--theme-accent-rgb), 0.44);
      }
    }
    .advancement-inline-alert {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: rgba(var(--theme-accent-rgb), 0.96);
      line-height: 1;
      white-space: nowrap;
      text-shadow: 0 0 10px rgba(var(--theme-accent-rgb), 0.34);
      animation: advancementReminderPulse 1.42s ease-in-out infinite;
    }
    .advancement-inline-alert[hidden] {
      display: none !important;
    }
    .advancement-tab-alert {
      margin-left: 8px;
      font-size: 0.94em;
      letter-spacing: -0.08em;
      transform: scaleX(0.9);
      transform-origin: center;
    }
    .advancement-bonus-alert {
      margin-left: 0.35em;
      font-size: inherit;
      line-height: inherit;
      letter-spacing: inherit;
      transform: none;
      transform-origin: center;
    }
    .advancement-summary-score {
      display: inline-flex;
      align-items: center;
      gap: 8px;
    }
    .advancement-summary-alert-inline {
      margin-left: 0.42em;
      font-size: 1.16em;
      line-height: 1;
      letter-spacing: -0.04em;
      transform: none;
      transform-origin: center;
    }
    @media (prefers-reduced-motion: reduce) {
      .advancement-inline-alert {
        animation: none;
      }
    }
    .advancement-bonus-modal[hidden] {
      display: none !important;
    }
    .advancement-bonus-modal {
      position: fixed;
      inset: 0;
      z-index: 2000;
      display: grid;
      place-items: center;
      padding: 24px;
      background: rgba(2, 8, 20, 0.74);
    }
    .advancement-bonus-dialog {
      width: min(820px, calc(100vw - 28px));
      max-height: calc(100vh - 48px);
      overflow: auto;
      display: grid;
      gap: 12px;
      padding: 14px;
      border: 1px solid var(--os-border, var(--border-2));
      background: var(--theme-panel);
      box-shadow: 0 20px 48px rgba(0, 0, 0, 0.38);
    }
    .advancement-bonus-dialog-header {
      display: flex;
      align-items: start;
      gap: 10px;
    }
    .advancement-bonus-dialog-copy {
      display: grid;
      gap: 4px;
      min-width: 0;
    }
    .advancement-bonus-dialog-title-row {
      display: flex;
      align-items: center;
      gap: 10px;
      flex-wrap: wrap;
    }
    .advancement-bonus-dialog-title {
      color: var(--ink);
      font-family: "Rajdhani", sans-serif;
      font-size: 19px;
      font-weight: 700;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      line-height: 1.02;
    }
    .advancement-bonus-dialog-subtitle {
      color: var(--muted);
      font-family: "Share Tech Mono", monospace;
      font-size: 10px;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      line-height: 1.35;
    }
    .advancement-bonus-reset-button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 32px;
      min-width: 32px;
      height: 32px;
      min-height: 36px;
      padding: 0;
      font-size: 11px;
      letter-spacing: 0.12em;
      white-space: nowrap;
    }
    .advancement-bonus-reset-button svg {
      display: block;
      width: 14px;
      height: 14px;
      fill: none;
      stroke: currentColor;
      stroke-width: 10;
      stroke-linecap: square;
      stroke-linejoin: miter;
    }
    .advancement-bonus-dialog-meta {
      margin-left: auto;
      display: flex;
      align-items: start;
      gap: 8px;
      flex: 0 0 auto;
    }
    .list-card {
      padding: 14px;
      border-radius: 0;
      border: 1px solid var(--border-2);
      background: rgba(255,255,255,0.03);
    }
    .list-card .name {
      font-family: "Rajdhani", sans-serif;
      font-size: 20px;
      font-weight: 700;
      letter-spacing: 0.04em;
      line-height: 1;
      margin-bottom: 6px;
    }
    .list-card .meta,
    .list-card .desc {
      color: var(--muted);
      font-size: 13px;
      line-height: 1.65;
    }
    .structured-layout {
      display: grid;
      grid-template-columns: minmax(0, 1fr) var(--structured-sidebar-width);
      gap: 14px;
      align-items: start;
    }
    .structured-layout.no-sidebar {
      grid-template-columns: minmax(0, 1fr);
    }
    .structured-main {
      display: grid;
      gap: 14px;
      align-content: start;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-main {
      container-type: inline-size;
      container-name: structured-preview-main;
    }
    .structured-sidebar {
      display: grid;
      gap: 14px;
      align-content: start;
      align-self: start;
    }
    .stat-grid-wide {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      grid-auto-flow: row dense;
      gap: 12px;
    }
    .stat-grid-wide.force-single-column {
      grid-template-columns: 1fr;
    }
    .tech-layout {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 12px;
      align-items: start;
    }
    .tech-accordion {
      --tech-divider-rgb: var(--theme-accent-rgb);
      border: 1px solid var(--border-2);
      background: rgba(255,255,255,0.03);
      overflow: hidden;
      align-self: start;
    }
    .tech-accordion summary {
      list-style: none;
      cursor: pointer;
      padding: 14px;
    }
    .tech-accordion summary::-webkit-details-marker {
      display: none;
    }
    .tech-name-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
    }
    .tech-name-main {
      display: inline-flex;
      align-items: center;
      min-width: 0;
      flex: 1 1 auto;
    }
    .tech-name {
      display: block;
      width: 100%;
      min-width: 0;
      font-family: "Rajdhani", sans-serif;
      font-size: 21px;
      font-weight: 700;
      letter-spacing: 0.08em;
      line-height: 1;
      color: var(--ink);
    }
    .tech-name-text {
      display: inline;
      white-space: normal;
      overflow-wrap: normal;
      word-break: normal;
      hyphens: manual;
      text-wrap: pretty;
      min-width: 0;
      margin-right: 0;
    }
    .tech-granted-indicator,
    .structured-technique-resource-badge {
      --technique-source-glyph-size: 16px;
    }
    .tech-granted-indicator {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: rgb(var(--theme-secondary-rgb));
      font-size: 0;
      line-height: 0;
      pointer-events: auto;
      vertical-align: middle;
      cursor: help;
      flex: 0 0 auto;
    }
    .tech-granted-indicator.is-inline-name {
      display: inline-flex;
      vertical-align: text-top;
      margin-left: 0;
      width: 27px;
      min-width: 27px;
      height: 27px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.42);
      border-radius: 6px;
      background:
        linear-gradient(180deg, rgba(var(--theme-secondary-rgb), 0.24), rgba(var(--theme-secondary-rgb), 0.08)),
        rgba(6, 14, 26, 0.82);
      box-shadow:
        inset 0 0 18px rgba(var(--theme-secondary-rgb), 0.16),
        0 0 0 1px rgba(var(--theme-accent-rgb), 0.08);
    }
    .tech-granted-indicator-glyph,
    .structured-technique-resource-icon {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: var(--technique-source-glyph-size);
      min-width: var(--technique-source-glyph-size);
      height: var(--technique-source-glyph-size);
      color: rgb(var(--theme-secondary-rgb));
      font-size: var(--technique-source-glyph-size);
      font-weight: 700;
      line-height: 1;
      flex: 0 0 var(--technique-source-glyph-size);
    }
    .tech-granted-indicator.is-inline-name .tech-granted-indicator-glyph {
      font-size: 21px;
    }
    .tech-granted-indicator.is-inline-name[data-granted-source="weaponsmith"] {
      width: 31px;
      min-width: 31px;
    }
    .tech-granted-indicator .tooltip-popout {
      left: 50%;
      top: auto;
      bottom: calc(100% + 10px);
      transform: translate(-50%, 6px);
    }
    .tech-granted-indicator-superscript {
      display: inline-flex;
      align-items: flex-start;
      justify-content: center;
      min-width: 0.55em;
      margin-left: -0.12em;
      transform: translateY(-0.42em);
      font-size: calc(var(--technique-source-glyph-size) * 0.64);
      font-weight: 800;
      line-height: 1;
      letter-spacing: 0;
    }
    .tech-granted-indicator:hover .tooltip-popout,
    .tech-granted-indicator:focus-within .tooltip-popout {
      transform: translate(-50%, 0);
    }
    .tech-granted-indicator[data-granted-source="warring_ascendant"] .tech-granted-indicator-glyph {
      font-weight: 800;
    }
    .tech-meta-line {
      margin-top: 10px;
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      align-items: start;
      column-gap: 8px;
      row-gap: 0;
      min-width: 0;
    }
    .tech-option-pill-row {
      margin-top: 8px;
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
    }
    .tech-option-pill {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      min-height: 24px;
      padding: 0 10px;
      border: 1px solid var(--border-2);
      background: rgba(0, 0, 0, 0.58);
      color: var(--ink);
      font-family: "Share Tech Mono", monospace;
      font-size: 10px;
      letter-spacing: 0.08em;
      line-height: 1.2;
      max-width: 100%;
      box-shadow: inset 0 0 16px rgba(255,255,255,0.03);
    }
    .tech-option-pill-label {
      color: var(--muted);
      text-transform: uppercase;
      font-size: 9px;
      letter-spacing: 0.12em;
      white-space: nowrap;
      flex: 0 0 auto;
    }
    .tech-option-pill-value {
      color: var(--ink);
      white-space: normal;
      word-break: break-word;
      flex: 1 1 auto;
      min-width: 0;
    }
    .tech-accordion.is-granted,
    .tech-accordion.is-granted summary,
    .tech-accordion.is-granted .tech-level-block {
      background: rgba(var(--theme-secondary-rgb), 0.16);
    }
    .tech-accordion.is-granted {
      --tech-divider-rgb: var(--theme-secondary-rgb);
      border-color: rgba(var(--theme-secondary-rgb), 0.48);
      box-shadow: 0 0 20px rgba(var(--theme-secondary-rgb), 0.16);
    }
    .tech-archetype-pill {
      display: inline-flex;
      align-items: center;
      min-height: 24px;
      padding: 0 10px;
      border: 1px solid var(--border-2);
      background: rgba(0, 0, 0, 0.58);
      color: var(--ink);
      font-size: 10px;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      font-family: "Share Tech Mono", monospace;
      white-space: nowrap;
      align-self: start;
      justify-self: start;
    }
    .tech-keywords {
      display: block;
      color: var(--muted);
      font-family: "Share Tech Mono", monospace;
      font-size: 10px;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      line-height: 1.5;
      min-width: 0;
      white-space: normal;
      overflow-wrap: break-word;
      word-break: normal;
    }
    .tech-accordion[open] {
      grid-column: 1 / -1;
      display: grid;
      grid-template-columns: 300px;
      grid-auto-flow: column;
      grid-auto-columns: minmax(0, 1fr);
      align-items: stretch;
      width: 100%;
      overflow-x: visible;
    }
    .tech-accordion[open] summary {
      grid-column: 1;
      grid-row: 1;
      padding: 16px 18px;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-self: stretch;
      min-width: 0;
      background: rgba(255,255,255,0.03);
      border-right: 1px solid var(--border-2);
    }
    .tech-grid-spacer {
      display: none;
    }
    .tech-level-block {
      position: relative;
      padding-top: 10px;
      border-top: none;
    }
    .tech-level-block + .tech-level-block {
      padding-top: 22px;
    }
    .tech-level-block + .tech-level-block::before {
      content: "";
      position: absolute;
      top: 0;
      left: 14px;
      right: 14px;
      height: 10px;
      background: linear-gradient(
        90deg,
        rgba(var(--tech-divider-rgb), 0) 0%,
        rgba(var(--tech-divider-rgb), 0.12) 10%,
        rgba(var(--tech-divider-rgb), 0.8) 50%,
        rgba(var(--tech-divider-rgb), 0.12) 90%,
        rgba(var(--tech-divider-rgb), 0) 100%
      );
      clip-path: polygon(0 50%, 8% 43%, 24% 40%, 50% 36%, 76% 40%, 92% 43%, 100% 50%, 92% 57%, 76% 60%, 50% 64%, 24% 60%, 8% 57%);
      opacity: 0.92;
      pointer-events: none;
      filter: drop-shadow(0 0 3px rgba(var(--tech-divider-rgb), 0.16));
    }
    .tech-accordion[open] .tech-level-block {
      min-width: 0;
      width: 100%;
      max-width: none;
      padding: 18px 18px 16px;
      border-top: none;
      border-left: none;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-self: stretch;
      background: rgba(255,255,255,0.03);
    }
    .tech-accordion[open] .tech-level-block:only-of-type {
      grid-column: 2 / -1;
    }
    .tech-accordion[open] .tech-level-block + .tech-level-block {
      padding-top: 26px;
    }
    .tech-accordion[open] .tech-level-block + .tech-level-block::before {
      left: 18px;
      right: 18px;
    }
    .tech-accordion[open],
    .tech-accordion[open] summary,
    .tech-accordion[open] .tech-name-row,
    .tech-accordion[open] .tech-meta-line,
    .tech-accordion[open] .tech-keywords,
    .tech-accordion[open] .tech-option-pill-row,
    .tech-accordion[open] .tech-option-pill,
    .tech-accordion[open] .tech-level-block,
    .tech-accordion[open] .tech-level-title,
    .tech-accordion[open] .tech-level-name,
    .tech-accordion[open] .tech-level-copy {
      cursor: pointer;
    }
    .tech-accordion[open] .tech-archetype-pill,
    .tech-accordion[open] .tech-level-pill {
      background: rgba(var(--theme-accent-rgb), 0.18);
      border-color: rgba(var(--theme-accent-rgb), 0.48);
      color: var(--ink);
      box-shadow: 0 0 16px rgba(var(--theme-accent-rgb), 0.14);
    }
    .tech-level-title {
      color: var(--muted);
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.14em;
      margin-bottom: 6px;
    }
    .tech-level-name {
      color: var(--ink);
      font-family: "Rajdhani", sans-serif;
      font-size: 19px;
      font-weight: 700;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      line-height: 1;
      margin-bottom: 10px;
    }
    .tech-level-copy {
      color: var(--muted);
      font-size: 13px;
      line-height: 1.7;
      white-space: pre-line;
    }
    .directory-shell,
    .manual-shell {
      display: grid;
      grid-template-columns: 340px minmax(0, 1fr);
      gap: 14px;
    }
    .npc-manual-shell {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
      align-items: start;
    }
    .npc-manual-column {
      min-width: 0;
    }
    .npc-manual-detail-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
      margin-top: 16px;
    }
    .story-arc-entry-groups {
      display: grid;
      gap: 16px;
      margin-top: 12px;
    }
    .story-arc-entry-group {
      display: grid;
      gap: 10px;
    }
    .story-arc-entry-group-title {
      color: var(--ink);
      font-family: "Rajdhani", sans-serif;
      font-size: 17px;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      line-height: 1;
    }
    .story-arc-entry-group .archive-tech-grid {
      gap: 10px;
    }
    .story-arc-entry-group .archive-tech-button {
      gap: 6px;
      padding: 11px 12px;
    }
    .story-arc-entry-group .archive-tech-button-name {
      font-size: 18px;
      line-height: 0.98;
    }
    .story-arc-entry-group .archive-tech-button-copy {
      font-size: 10px;
      line-height: 1.25;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      white-space: nowrap;
    }
    .setting-notes-browser-shell [data-setting-notes-column],
    .setting-notes-browser-shell [data-setting-notes-detail] {
      transition: opacity 140ms ease;
    }
    .setting-notes-browser-shell .setting-notes-swap-animate {
      animation: setting-notes-column-fade 170ms ease;
    }
    .setting-notes-column-rule {
      border: 0;
      border-top: 1px solid rgba(var(--theme-accent-rgb), 0.24);
      margin: 14px 0 0;
    }
    .story-arc-status-row {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      gap: 10px;
      flex-wrap: nowrap;
      margin-top: 0;
    }
    .story-arc-progress-pill {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      min-height: 28px;
      padding: 0 10px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.24);
      background: rgba(var(--theme-accent-rgb), 0.08);
      color: var(--ink);
      font-size: 10px;
      font-weight: 700;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      white-space: nowrap;
      flex: 0 1 auto;
    }
    .story-arc-progress-pill .label {
      color: var(--muted);
    }
    .story-arc-progress-track {
      display: inline-flex;
      align-items: center;
      gap: 3px;
      line-height: 1;
      letter-spacing: 0;
    }
    .story-arc-progress-glyph {
      color: rgba(var(--theme-accent-rgb), 0.34);
      font-size: 20px;
      line-height: 1;
    }
    .story-arc-progress-glyph.is-filled {
      color: var(--theme-heading);
    }
    .story-arc-status-pill {
      min-height: 28px;
      padding: 0 10px;
      font-size: 9px;
      letter-spacing: 0.12em;
      white-space: nowrap;
      flex: 0 0 auto;
    }
    .story-arc-status-pill .label {
      color: var(--muted);
      font-size: 8px;
      letter-spacing: 0.16em;
    }
    .story-arc-header-row {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 12px;
      flex-wrap: wrap;
    }
    .story-arc-header-copy {
      min-width: 0;
      flex: 1 1 340px;
    }
    .story-arc-header-copy .detail-title {
      margin-bottom: 14px;
    }
    .story-arc-header-copy .detail-title:last-child {
      margin-bottom: 14px;
    }
    .story-arc-status-corner {
      flex: 0 0 auto;
      display: flex;
      justify-content: flex-end;
      align-items: flex-start;
    }
    .story-arc-description-card {
      margin-top: 14px;
    }
    .story-arc-topic-list {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 14px;
    }
    .story-arc-topic-pill {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      min-height: 28px;
      padding: 0 12px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.24);
      background: rgba(var(--theme-accent-rgb), 0.08);
      color: var(--ink);
      font-size: 11px;
      letter-spacing: 0.06em;
      line-height: 1.2;
      max-width: 100%;
    }
    .story-arc-topic-arrow {
      color: var(--theme-heading);
      font-size: 13px;
      line-height: 1;
      flex: 0 0 auto;
    }
    @keyframes setting-notes-column-fade {
      0% {
        opacity: 0;
      }
      100% {
        opacity: 1;
      }
    }
    .npc-manual-detail-sections {
      display: grid;
      gap: 12px;
      margin-top: 16px;
    }
    .npc-manual-entry-groups {
      display: grid;
      gap: 14px;
      min-width: 0;
    }
    .npc-manual-entry-group {
      display: grid;
      gap: 0;
      border: 1px solid var(--border-2);
      background: rgba(255,255,255,0.02);
      min-width: 0;
    }
    .npc-manual-entry-group > summary {
      list-style: none;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      padding: 10px 12px;
      min-width: 0;
    }
    .npc-manual-entry-group > summary::-webkit-details-marker {
      display: none;
    }
    .npc-manual-entry-group > summary::after {
      content: "▾";
      color: var(--muted);
      font-size: 14px;
      transition: transform 140ms ease;
    }
    .npc-manual-entry-group:not([open]) > summary::after {
      transform: rotate(-90deg);
    }
    .npc-manual-entry-group-label {
      color: var(--theme-heading-soft);
      font-family: "Share Tech Mono", monospace;
      font-size: 10px;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      overflow-wrap: normal;
      word-break: normal;
      hyphens: manual;
    }
    .npc-manual-entry-group-count {
      color: var(--muted);
      font-family: "Share Tech Mono", monospace;
      font-size: 10px;
      letter-spacing: 0.12em;
      text-transform: uppercase;
    }
    .record-list,
    .manual-index-list {
      display: grid;
      gap: 10px;
      max-height: 72vh;
      overflow: auto;
      padding-right: 4px;
    }
    .record-card,
    .manual-link {
      display: grid;
      gap: 8px;
      padding: 14px;
      border-radius: 0;
      border: 1px solid var(--border-2);
      background: rgba(255,255,255,0.03);
      text-decoration: none;
      color: inherit;
      transition: border-color 140ms ease, background 140ms ease, transform 140ms ease;
    }
    .record-card:hover,
    .manual-link:hover {
      border-color: var(--border);
      background: rgba(255,255,255,0.05);
      transform: translateY(-1px);
    }
    .build-mode-trigger {
      min-width: 40px;
      padding: 0;
    }
    .build-mode-trigger.is-active {
      border-color: rgba(242, 209, 95, 0.72);
      color: rgba(255, 241, 198, 0.98);
      box-shadow:
        inset 0 0 18px rgba(242, 209, 95, 0.16),
        0 0 0 1px rgba(242, 209, 95, 0.14);
    }
    .build-mode-trigger-icon {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 20px;
      height: 20px;
      flex: 0 0 20px;
      line-height: 1;
    }
    .build-mode-trigger-icon svg {
      display: block;
      width: 20px;
      height: 20px;
      overflow: visible;
      stroke: currentColor;
      fill: none;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
    }
    .build-mode-trigger-icon img {
      display: block;
      width: 18px;
      height: 18px;
      object-fit: contain;
      filter: brightness(0) saturate(100%) invert(1);
      opacity: 0.98;
      pointer-events: none;
      user-select: none;
    }
    .my-characters-trigger {
      min-width: 40px;
      padding: 0;
    }
    .directory-create-trigger {
      min-height: 34px;
      padding: 0 14px;
      color: rgba(255, 245, 214, 0.98);
      font-family: "Share Tech Mono", monospace;
      font-size: 10px;
      font-weight: 700;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      white-space: nowrap;
    }
    .my-characters-trigger svg {
      display: block;
      width: 21px;
      height: 21px;
      color: inherit;
      fill: currentColor;
    }
    .directory-return-trigger {
      min-width: 40px;
      padding: 0;
    }
    .directory-return-trigger svg {
      display: block;
      width: 21px;
      height: 21px;
    }
    .root-home-trigger svg {
      display: block;
      width: 21px;
      height: 21px;
    }
    .build-mode-modal {
      position: fixed;
      inset: 0;
      display: grid;
      place-items: center;
      padding: 24px;
      background: rgba(3, 8, 18, 0.72);
      backdrop-filter: blur(8px);
      z-index: 1200;
    }
    .build-mode-modal[hidden] {
      display: none !important;
    }
    .build-mode-dialog {
      width: min(520px, 100%);
      border-radius: 10px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.36);
      background:
        linear-gradient(180deg, rgba(var(--theme-secondary-rgb), 0.18), rgba(8, 16, 30, 0.98)),
        rgba(8, 16, 30, 0.98);
      box-shadow:
        0 22px 60px rgba(0, 0, 0, 0.42),
        inset 0 0 26px rgba(var(--theme-secondary-rgb), 0.10);
      padding: 24px;
    }
    .build-mode-dialog-head {
      font-family: "Oswald", sans-serif;
      font-size: 28px;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--ink);
    }
    .build-mode-dialog-copy {
      margin-top: 12px;
      color: var(--muted);
      line-height: 1.7;
      font-size: 14px;
    }
    .build-mode-dialog-actions {
      display: flex;
      justify-content: flex-end;
      gap: 10px;
      flex-wrap: wrap;
      margin-top: 18px;
    }
    .dossier-meta-pill-alert {
      border-color: rgba(242, 209, 95, 0.52);
      color: rgba(255, 241, 198, 0.98);
    }
    .record-card.active,
    .manual-link.active {
      border-color: var(--border);
      background: linear-gradient(180deg, rgba(var(--theme-accent-rgb), 0.14), rgba(255,255,255,0.04));
      box-shadow: inset 0 0 24px rgba(var(--theme-accent-rgb), 0.08);
    }
    .archive-archetype-list {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 10px;
      min-width: 0;
    }
    .archive-archetype-button {
      display: grid;
      gap: 6px;
      padding: 14px;
      border: 1px solid var(--border-2);
      appearance: none;
      width: 100%;
      text-align: left;
      background: rgba(0, 0, 0, 0.58);
      color: inherit;
      text-decoration: none;
      font: inherit;
      cursor: pointer;
      transition: border-color 140ms ease, background 140ms ease, transform 140ms ease;
      min-width: 0;
      max-width: 100%;
      box-sizing: border-box;
      overflow: hidden;
    }
    .archive-archetype-button:hover {
      border-color: var(--border);
      transform: translateY(-1px);
    }
    .archive-archetype-button.active {
      border-color: rgba(var(--theme-accent-rgb), 0.42);
      background: linear-gradient(180deg, rgba(var(--theme-accent-rgb), 0.18), rgba(var(--theme-accent-rgb), 0.05));
      box-shadow: inset 0 0 24px rgba(var(--theme-accent-rgb), 0.08);
    }
    .archive-archetype-name {
      font-family: "Rajdhani", sans-serif;
      font-size: 24px;
      font-weight: 700;
      letter-spacing: 0.08em;
      line-height: 1;
      text-transform: uppercase;
      color: var(--ink);
      max-width: 100%;
      overflow-wrap: normal;
      word-break: normal;
      hyphens: manual;
      text-wrap: pretty;
    }
    .archive-archetype-meta {
      color: var(--muted);
      font-family: "Share Tech Mono", monospace;
      font-size: 10px;
      letter-spacing: 0.14em;
      line-height: 1.45;
      text-transform: uppercase;
    }
    .archive-shell {
      display: grid;
      gap: 14px;
    }
    .archive-browser-shell {
      display: grid;
      grid-template-columns: minmax(180px, 220px) minmax(220px, 300px) minmax(0, 1fr);
      gap: 14px;
      align-items: start;
    }
    .technique-archive-browser-shell {
      grid-template-columns: minmax(212px, 252px) minmax(340px, 420px) minmax(0, 1fr);
    }
    .archive-browser-column {
      min-width: 0;
    }
    .archive-browser-detail {
      grid-column: auto;
      min-width: 0;
    }
    .archive-mobile-column {
      min-width: 0;
    }
    .archive-mobile-column-toggle {
      display: none;
    }
    .archive-mobile-column-toggle-label {
      pointer-events: none;
    }
    .archive-mobile-column-content {
      min-width: 0;
    }
    .archive-mobile-track {
      display: contents;
    }
    .archive-mobile-pane {
      min-width: 0;
    }
    .archive-mobile-carousel-overlay {
      display: none;
    }
    .outlook-browser-shell {
      grid-template-columns: minmax(250px, 320px) minmax(0, 1fr);
    }
    .admin-browser-shell {
      grid-template-columns: minmax(180px, 220px) minmax(240px, 320px) minmax(0, 1fr);
    }
    .admin-browser-shell .section-title {
      font-size: 20px;
      line-height: 1.05;
      letter-spacing: 0.06em;
      flex-wrap: wrap;
      row-gap: 4px;
    }
    .admin-browser-shell .archive-archetype-list,
    .admin-browser-shell .archive-tech-grid {
      grid-template-columns: 1fr;
    }
    .admin-review-narrative-grid .info-card .value {
      font-family: "IBM Plex Sans", sans-serif;
      font-size: 14px;
      font-weight: 400;
      line-height: 1.6;
      letter-spacing: normal;
      white-space: pre-wrap;
    }
    .admin-config-banner {
      margin-bottom: 14px;
      padding: 12px 14px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.24);
      background: rgba(255,255,255,0.03);
      color: var(--ink);
      font-size: 13px;
      line-height: 1.6;
    }
    .admin-config-banner.is-error {
      border-color: rgba(255, 99, 132, 0.38);
      background: rgba(255, 99, 132, 0.08);
    }
    .admin-config-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
      max-width: 760px;
      align-items: end;
    }
    .admin-config-grid .record-editor-field-label {
      text-align: left;
    }
    .admin-config-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 16px;
    }
    .admin-config-note {
      color: var(--muted);
      font-size: 13px;
      line-height: 1.7;
      max-width: 720px;
    }
    .admin-config-meta {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 10px;
    }
    .admin-category-stack {
      display: grid;
      gap: 18px;
    }
    .admin-category-section {
      display: grid;
      gap: 10px;
    }
    .admin-category-header-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
    }
    .admin-category-subheader {
      color: var(--theme-heading-soft);
      font-family: "Share Tech Mono", monospace;
      font-size: 11px;
      letter-spacing: 0.16em;
      text-transform: uppercase;
    }
    .admin-category-subtitle {
      color: var(--muted);
      font-family: "Share Tech Mono", monospace;
      font-size: 10px;
      letter-spacing: 0.14em;
      text-transform: uppercase;
    }
    .admin-inline-icon-trigger {
      width: 28px;
      min-width: 28px;
      height: 28px;
      padding: 0;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      line-height: 1;
    }
    .admin-detail-heading-inline {
      display: inline-flex;
      align-items: center;
      gap: 12px;
      flex-wrap: wrap;
    }
    .admin-heading-edit-trigger {
      flex: 0 0 auto;
    }
    .outlook-browser-shell .archive-archetype-list {
      grid-template-columns: 1fr;
    }
    .outlook-browser-shell .archive-archetype-name {
      white-space: nowrap;
      text-wrap: nowrap;
    }
    .technique-archive-browser-shell .archive-archetype-list,
    .npc-journal-browser-shell .archive-archetype-list {
      grid-template-columns: 1fr;
    }
    .npc-journal-browser-shell {
      grid-template-columns: minmax(170px, 212px) minmax(232px, 288px) minmax(0, 1fr);
    }
    .npc-journal-browser-shell .archive-archetype-button {
      gap: 5px;
      padding: 12px;
    }
    .npc-journal-browser-shell .archive-archetype-name {
      font-size: 20px;
      line-height: 0.92;
      letter-spacing: 0.06em;
    }
    .npc-journal-browser-shell .archive-archetype-meta {
      font-size: 9px;
      letter-spacing: 0.12em;
      line-height: 1.4;
    }
    .npc-journal-browser-shell .section-title {
      font-size: 22px;
      letter-spacing: 0.07em;
    }
    .npc-journal-browser-shell .archive-browser-detail {
      grid-column: auto;
    }
    .npc-journal-browser-shell .archive-tech-grid {
      grid-template-columns: 1fr;
    }
    .npc-journal-browser-shell .archive-tech-button {
      gap: 8px;
      padding: 12px;
    }
    .npc-journal-browser-shell .archive-tech-button-name {
      font-size: 18px;
      line-height: 0.95;
    }
    .npc-journal-browser-shell .archive-tech-button-copy {
      font-size: 11px;
      line-height: 1.45;
    }
    .item-archive-browser-shell .archive-tech-button-meta {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
      flex-wrap: wrap;
    }
    .item-archive-browser-shell .archive-tech-button-copy {
      font-size: 11px;
      line-height: 1.45;
    }
    .archive-search-field {
      width: 100%;
      min-height: 42px;
      padding: 10px 12px;
      border-radius: 0;
      border: 1px solid var(--border-2);
      background: rgba(0, 0, 0, 0.58);
      color: var(--ink);
      font: inherit;
      outline: none;
    }
    .technique-archive-browser-shell .archive-search-field {
      margin-bottom: 8px;
    }
    .technique-archive-search-pills {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin: 0 0 10px;
      min-width: 0;
    }
    .technique-archive-search-pills[hidden] {
      display: none !important;
      margin: 0 !important;
    }
    .technique-search-pill {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 7px 10px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.28);
      background: rgba(255,255,255,0.05);
      color: var(--ink);
      font-family: "Share Tech Mono", monospace;
      font-size: 11px;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      cursor: pointer;
    }
    .technique-search-pill-remove {
      font-size: 14px;
      line-height: 1;
      color: var(--theme-heading-soft);
    }
    .technique-filter-row {
      display: block;
      width: 100%;
      min-width: 0;
      margin-bottom: 12px;
    }
    .technique-archive-archetype-pills {
      display: flex;
      flex-wrap: wrap;
      align-items: stretch;
      gap: 8px;
      width: 100%;
      min-width: 0;
    }
    .npc-manual-role-pills {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      width: 100%;
      min-width: 0;
    }
    .npc-manual-role-pills .technique-archetype-pill {
      flex: 1 1 112px;
      min-width: 0;
    }
    .technique-archetype-pill {
      display: inline-flex;
      align-items: center;
      gap: 0;
      justify-content: center;
      flex: 0 1 156px;
      width: auto;
      max-width: 100%;
      min-width: 156px;
      min-height: 40px;
      padding: 5px 8px;
      border: 1px solid rgba(255,255,255,0.1);
      background: rgba(255,255,255,0.04);
      color: var(--ink);
      font-family: "Rajdhani", sans-serif;
      font-size: 11px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.06em;
      line-height: 1;
      cursor: pointer;
      transition: transform 140ms ease, border-color 140ms ease, background 140ms ease;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .technique-archetype-pill:not(.active) {
      color: rgba(255,255,255,0.88);
      background: rgba(5, 10, 18, 0.78);
      border-color: rgba(255,255,255,0.12);
      box-shadow: inset 0 0 0 1px rgba(255,255,255,0.02);
    }
    .technique-archetype-pill:hover {
      transform: translateY(-1px);
    }
    .technique-archetype-pill-name {
      font: inherit;
      letter-spacing: inherit;
      line-height: inherit;
      text-transform: inherit;
    }
    @media (max-width: 1180px) {
      .technique-filter-row {
        margin-bottom: 10px;
      }
    }
    .archive-column-header-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      margin-bottom: 12px;
    }
    .archive-column-header-row .eyebrow {
      margin-bottom: 0;
    }
    .archive-column-create-trigger {
      flex: 0 0 auto;
    }
    .archive-search-field:focus {
      border-color: var(--border);
      box-shadow: 0 0 0 1px rgba(var(--theme-accent-rgb), 0.18);
    }
    .archive-active-archetype {
      margin: 0 0 14px;
      font-family: "Rajdhani", sans-serif;
      font-size: clamp(34px, 4vw, 56px);
      font-weight: 700;
      line-height: 0.9;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--theme-heading);
      font-style: italic;
      max-width: 100%;
      overflow-wrap: break-word;
      text-wrap: balance;
    }
    .archive-tech-groups {
      display: grid;
      gap: 14px;
      min-width: 0;
    }
    .archive-tech-group {
      display: grid;
      gap: 10px;
      min-width: 0;
    }
    .archive-tech-group-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      min-width: 0;
    }
    .archive-tech-group-label {
      color: var(--cyan);
      font-family: "Share Tech Mono", monospace;
      font-size: 13px;
      font-weight: 700;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      line-height: 1.2;
      flex: 1 1 auto;
    }
    .archive-tech-group-toggle {
      flex: 0 0 auto;
      width: 34px;
      min-width: 34px;
      min-height: 34px;
      padding: 0;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.28);
      background: rgba(255,255,255,0.04);
      color: var(--ink);
      font-family: "Rajdhani", sans-serif;
      font-size: 22px;
      font-weight: 700;
      line-height: 1;
      cursor: pointer;
      transition: border-color 140ms ease, background 140ms ease, color 140ms ease;
    }
    .archive-tech-group-toggle:hover {
      border-color: rgba(var(--theme-accent-rgb), 0.5);
      background: rgba(var(--theme-accent-rgb), 0.12);
      color: var(--theme-heading);
    }
    .archive-tech-group.is-collapsed .archive-tech-grid {
      display: none;
    }
    .archive-tech-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 12px;
      min-width: 0;
    }
    .technique-archive-browser-shell .archive-tech-grid {
      display: block;
      column-count: 2;
      column-gap: 10px;
      min-width: 0;
    }
    .archive-tech-button {
      display: grid;
      gap: 10px;
      padding: 14px;
      border: 1px solid var(--border-2);
      appearance: none;
      width: 100%;
      text-align: left;
      background: var(--theme-panel-soft);
      color: inherit;
      text-decoration: none;
      font: inherit;
      cursor: pointer;
      min-height: 0;
      align-self: start;
      transition: border-color 140ms ease, background 140ms ease, transform 140ms ease;
      min-width: 0;
      max-width: 100%;
      box-sizing: border-box;
      overflow: hidden;
    }
    .archive-tech-button:hover {
      border-color: var(--border);
      background: var(--theme-panel);
      transform: translateY(-1px);
    }
    .archive-tech-button.active {
      border-color: rgba(var(--theme-accent-rgb), 0.46);
      background: linear-gradient(180deg, rgba(var(--theme-accent-rgb), 0.20), rgba(var(--theme-accent-rgb), 0.06));
      box-shadow: inset 0 0 24px rgba(var(--theme-accent-rgb), 0.08);
    }
    .archive-tech-button-name {
      font-family: "Rajdhani", sans-serif;
      font-size: 24px;
      font-weight: 700;
      line-height: 0.92;
      letter-spacing: 0.05em;
      text-transform: uppercase;
      color: var(--ink);
      max-width: 100%;
      overflow-wrap: normal;
      word-break: normal;
      hyphens: manual;
      text-wrap: pretty;
    }
    .archive-tech-button-title-row {
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      gap: 8px;
      min-width: 0;
    }
    .archive-tech-button-title-row .archive-tech-button-name {
      flex: 1 1 auto;
      min-width: 0;
    }
    .archive-entry-inline-edit-trigger {
      width: 18px;
      height: 18px;
      min-width: 18px;
      min-height: 18px;
      margin-top: 2px;
      font-size: 10px;
      line-height: 1;
      border-radius: 6px;
    }
    .technique-archive-browser-shell .archive-tech-button-name {
      font-size: 19px;
    }
    .technique-archive-browser-shell .archive-tech-button {
      display: inline-grid;
      width: 100%;
      margin: 0 0 10px;
      break-inside: avoid;
      page-break-inside: avoid;
      -webkit-column-break-inside: avoid;
    }
    .archive-tech-button-meta {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 8px;
      min-width: 0;
    }
    .archive-tech-button-copy {
      color: var(--muted);
      font-size: 12px;
      line-height: 1.6;
      overflow-wrap: break-word;
    }
    .archive-tech-grid[data-compact="true"] {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .archive-detail-shell {
      display: grid;
      gap: 16px;
    }
    .archive-detail-header-topline {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 12px;
    }
    .archive-detail-header {
      display: grid;
      gap: 12px;
    }
    .archive-detail-edit-trigger {
      flex: 0 0 auto;
      align-self: flex-start;
      width: 22px;
      height: 22px;
      min-width: 22px;
      min-height: 22px;
      padding: 0;
      font-size: 14px;
      line-height: 1;
      box-sizing: border-box;
    }
    .archive-detail-title {
      margin: 0;
      font-family: "Rajdhani", sans-serif;
      font-size: clamp(32px, 4vw, 52px);
      line-height: 0.95;
      letter-spacing: 0.05em;
      text-transform: uppercase;
      color: var(--theme-heading);
      font-style: italic;
    }
    .archive-detail-meta {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 10px;
    }
    .archive-detail-levels {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 12px;
      align-content: start;
      align-items: start;
    }
    .archive-level-card {
      padding: 16px;
      border: 1px solid var(--border-2);
      background: rgba(0, 0, 0, 0.34);
      display: grid;
      gap: 10px;
      align-content: start;
      min-height: 0;
    }
    .technique-archive-editor-panel {
      width: min(760px, calc(100vw - 40px));
    }
    .technique-archive-editor-grid {
      display: grid;
      gap: 14px;
    }
    .technique-archive-editor-grid .record-editor-form-grid {
      grid-template-columns: minmax(0, 1.2fr) minmax(180px, 0.9fr) minmax(160px, 0.7fr) minmax(0, 1.15fr);
      align-items: end;
    }
    .technique-archive-level-edit-card {
      display: grid;
      gap: 10px;
      padding: 14px;
      border: 1px solid var(--border-2);
      background: rgba(255,255,255,0.03);
    }
    .technique-archive-level-edit-card .record-editor-field-label {
      text-align: left;
    }
    .technique-archive-level-edit-heading {
      color: var(--theme-heading-soft);
      font-family: "Share Tech Mono", monospace;
      font-size: 11px;
      letter-spacing: 0.14em;
      text-transform: uppercase;
    }
    .archive-tech-system-heading-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
    }
    .archive-tech-system-toggle-row {
      display: flex;
      flex-wrap: wrap;
      gap: 10px 14px;
      align-items: center;
    }
    .archive-tech-bonus-toggle-row {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 10px 14px;
    }
    .archive-tech-bonus-summary {
      font-size: 11px;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--theme-copy-soft);
    }
    .archive-tech-clock-grid[hidden],
    .archive-tech-resource-grid[hidden],
    .archive-tech-action-grid[hidden] {
      display: none !important;
    }
    .archive-tech-system-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      align-items: end;
    }
    .archive-tech-action-cost-row {
      display: grid;
      grid-template-columns: minmax(0, 96px) minmax(0, 1fr);
      gap: 10px;
      align-items: end;
    }
    .archive-tech-system-shell[hidden] {
      display: none !important;
    }
    .technique-archive-bonus-panel {
      width: min(560px, calc(100vw - 40px));
    }
    .archive-tech-bonus-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .archive-tech-bonus-static-field[hidden] {
      display: none !important;
    }
    .record-editor-checkbox {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      font-size: 11px;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: var(--theme-copy-soft);
    }
    .record-editor-checkbox input {
      margin: 0;
    }
    .archive-detail-delete-trigger {
      flex: 0 0 auto;
      align-self: flex-start;
    }
    .technique-archive-delete-panel {
      width: min(420px, calc(100vw - 40px));
    }
    .technique-archive-level-edit-card .record-editor-input.record-editor-textarea {
      min-height: 116px;
      resize: vertical;
    }
    html:not(.mobile-shell-enabled) .archive-browser-shell.glossary-browser-shell {
      position: relative;
      z-index: 2600;
      display: block;
      overflow: visible;
      height: var(--glossary-shell-height, calc(100dvh - 240px));
      max-height: var(--glossary-shell-height, calc(100dvh - 240px));
      min-height: 420px;
      padding: 0;
      isolation: isolate;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell > script {
      display: none;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-role] {
      position: absolute !important;
      top: var(--glossary-window-top, 0px) !important;
      left: var(--glossary-window-left, 0px) !important;
      width: var(--glossary-window-width, calc(100% - var(--glossary-window-left, 0px))) !important;
      max-width: calc(100% - var(--glossary-window-left, 0px)) !important;
      height: var(--glossary-window-height, calc(100% - var(--glossary-window-top, 0px))) !important;
      max-height: calc(100% - var(--glossary-window-top, 0px)) !important;
      min-height: 180px !important;
      min-width: 0;
      margin-left: 0;
      overflow: hidden;
      cursor: default;
      opacity: 1;
      visibility: visible;
      transform: translate3d(0, 0, 0);
      display: flex !important;
      flex-direction: column;
      transition: box-shadow 220ms ease, filter 220ms ease, opacity 180ms ease, transform 220ms cubic-bezier(0.18, 0.88, 0.24, 1);
      will-change: opacity, transform, filter;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell:not([data-glossary-layout-ready="true"]) > [data-glossary-window-role] {
      opacity: 0 !important;
      visibility: hidden !important;
      pointer-events: none !important;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-role][hidden] {
      display: none !important;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-role].is-glossary-window-hidden {
      opacity: 0;
      visibility: hidden;
      transform: translate3d(4px, 2px, 0);
      pointer-events: none;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-role]:not(.is-glossary-window-front) {
      filter: brightness(0.72) contrast(0.96);
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-role]:not(.is-glossary-window-front):hover {
      filter: none !important;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-role].is-glossary-window-hovered {
      filter: none !important;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-role].is-glossary-window-front {
      filter: none;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-role].panel,
    html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-role] > .panel {
      position: relative;
      height: 100%;
      max-height: 100%;
      display: flex;
      flex-direction: column;
      overflow: hidden;
      min-height: 0;
      border-radius: 0;
      box-shadow: 0 16px 26px rgba(0, 0, 0, 0.24);
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-role].panel > .panel-inner,
    html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-role] > .panel > .panel-inner,
    html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-role] > .archive-browser-detail > .panel > .panel-inner {
      display: flex !important;
      flex: 1 1 auto;
      flex-direction: column !important;
      min-height: 0;
      max-height: 100%;
      overflow: hidden !important;
      padding: 18px;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-role="rail"],
    html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-style="navigation"] {
      width: 340px !important;
      min-width: 340px !important;
      max-width: 340px !important;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-style="index"] {
      min-width: 420px !important;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-view="npc-info"][data-glossary-window-role="index"] {
      min-width: 320px !important;
      max-width: 320px !important;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-npc-manual-index-window] {
      min-width: 400px !important;
      max-width: min(560px, calc(100% - var(--glossary-window-left, 0px))) !important;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-style="entry"] {
      min-width: 460px !important;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-style="navigation"] > .panel-inner,
    html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-style="navigation"] > .panel > .panel-inner {
      padding: 12px !important;
      gap: 10px !important;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-style="index"] > .panel-inner,
    html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-style="index"] > .panel > .panel-inner,
    html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-style="index"] > .archive-browser-detail > .panel > .panel-inner {
      padding: 12px !important;
      gap: 10px !important;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-style="entry"] > .panel-inner,
    html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-style="entry"] > .panel > .panel-inner,
    html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-style="entry"] > .archive-browser-detail > .panel > .panel-inner {
      padding: 12px !important;
      gap: 10px !important;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-role="rail"] .glossary-option-list {
      display: flex !important;
      flex: 0 0 auto !important;
      flex-direction: column !important;
      height: auto !important;
      min-height: 0 !important;
      max-height: none !important;
      overflow: visible !important;
      gap: 12px !important;
      padding-right: 0 !important;
      scrollbar-gutter: auto !important;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-role="rail"] .index-kicker {
      padding-top: 0;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-role="rail"] .archive-archetype-button {
      padding: 10px 12px;
      gap: 4px;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-role="rail"] .archive-archetype-name {
      font-size: 18px;
      letter-spacing: 0.06em;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-role="rail"] .archive-archetype-meta {
      font-size: 9px;
      line-height: 1.3;
      letter-spacing: 0.12em;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell [data-technique-archive-groups],
    html:not(.mobile-shell-enabled) .glossary-browser-shell [data-npc-manual-entries],
    html:not(.mobile-shell-enabled) .glossary-browser-shell [data-npc-manual-groups],
    html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-detail-levels,
    html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-archetype-list[data-technique-archive-archetypes] {
      flex: 1 1 0%;
      height: 0 !important;
      min-height: 0 !important;
      max-height: 100% !important;
      overflow-x: hidden !important;
      overflow-y: scroll !important;
      scrollbar-gutter: stable both-edges;
      scrollbar-width: thin;
      scrollbar-color: rgba(var(--theme-accent-rgb), 0.54) rgba(5, 10, 18, 0.16);
      padding-right: 4px;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell [data-technique-archive-groups]::-webkit-scrollbar,
    html:not(.mobile-shell-enabled) .glossary-browser-shell [data-npc-manual-entries]::-webkit-scrollbar,
    html:not(.mobile-shell-enabled) .glossary-browser-shell [data-npc-manual-groups]::-webkit-scrollbar,
    html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-detail-levels::-webkit-scrollbar,
    html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-archetype-list[data-technique-archive-archetypes]::-webkit-scrollbar {
      width: 9px;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell [data-technique-archive-groups]::-webkit-scrollbar-track,
    html:not(.mobile-shell-enabled) .glossary-browser-shell [data-npc-manual-entries]::-webkit-scrollbar-track,
    html:not(.mobile-shell-enabled) .glossary-browser-shell [data-npc-manual-groups]::-webkit-scrollbar-track,
    html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-detail-levels::-webkit-scrollbar-track,
    html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-archetype-list[data-technique-archive-archetypes]::-webkit-scrollbar-track {
      background: rgba(5, 10, 18, 0.16);
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell [data-technique-archive-groups]::-webkit-scrollbar-thumb,
    html:not(.mobile-shell-enabled) .glossary-browser-shell [data-npc-manual-entries]::-webkit-scrollbar-thumb,
    html:not(.mobile-shell-enabled) .glossary-browser-shell [data-npc-manual-groups]::-webkit-scrollbar-thumb,
    html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-detail-levels::-webkit-scrollbar-thumb,
    html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-archetype-list[data-technique-archive-archetypes]::-webkit-scrollbar-thumb {
      background: rgba(var(--theme-accent-rgb), 0.42);
      border: 1px solid rgba(var(--theme-accent-rgb), 0.18);
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-tech-groups,
    html:not(.mobile-shell-enabled) .glossary-browser-shell .npc-manual-entry-groups,
    html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-archetype-list,
    html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-tech-grid {
      display: grid;
      gap: 12px !important;
      min-height: 0;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell [data-technique-archive-groups] {
      display: flex !important;
      flex-direction: column !important;
      gap: 12px !important;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell.technique-archive-browser-shell [data-technique-archive-groups] .archive-tech-grid {
      display: grid;
      grid-template-columns: repeat(var(--archive-technique-masonry-columns, 2), minmax(0, 1fr));
      gap: 12px;
      min-width: 0;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell.technique-archive-browser-shell .archive-tech-masonry-column {
      display: grid;
      gap: 12px;
      align-content: start;
      min-width: 0;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-tech-button,
    html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-archetype-button,
    html:not(.mobile-shell-enabled) .glossary-browser-shell .glossary-option-link {
      padding: 12px 14px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.34) !important;
      border-radius: 0 !important;
      background: var(--theme-panel-soft) !important;
      box-shadow: none !important;
      transform: none !important;
      color: var(--muted) !important;
      font-family: "Share Tech Mono", monospace !important;
      text-transform: uppercase;
      letter-spacing: 0.14em;
      min-height: 0;
      align-self: start;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell.technique-archive-browser-shell .archive-tech-button {
      display: inline-flex;
      flex-direction: column;
      align-items: stretch;
      justify-content: flex-start;
      width: 100%;
      gap: 10px;
      padding: 14px 14px 12px !important;
      min-height: 0;
      margin: 0;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell.technique-archive-browser-shell .archive-tech-button-title-row {
      gap: 6px;
      margin-bottom: 0;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell.technique-archive-browser-shell .archive-tech-button-name {
      font-size: 16px !important;
      line-height: 1.08 !important;
      letter-spacing: 0.04em !important;
      text-wrap: balance;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell.technique-archive-browser-shell .archive-tech-button-meta {
      display: block;
      margin-top: 1px;
      gap: 0 !important;
      line-height: 1.35;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell.technique-archive-browser-shell .archive-tech-button-meta .tech-keywords {
      display: block;
      font-size: 11px !important;
      line-height: 1.35 !important;
      white-space: normal !important;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-tech-button:hover,
    html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-archetype-button:hover,
    html:not(.mobile-shell-enabled) .glossary-browser-shell .glossary-option-link:hover,
    html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-tech-button:focus-visible,
    html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-archetype-button:focus-visible,
    html:not(.mobile-shell-enabled) .glossary-browser-shell .glossary-option-link:focus-visible {
      border-color: rgba(var(--theme-accent-rgb), 0.7) !important;
      background: var(--theme-panel-soft) !important;
      box-shadow: none !important;
      transform: none !important;
      color: rgb(var(--theme-accent-rgb)) !important;
      outline: none !important;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-tech-button.active,
    html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-archetype-button.active,
    html:not(.mobile-shell-enabled) .glossary-browser-shell .glossary-option-link.active {
      border-color: rgba(var(--theme-accent-rgb), 0.82) !important;
      background: var(--theme-panel-soft) !important;
      box-shadow: none !important;
      color: rgb(var(--theme-accent-rgb)) !important;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell .technique-archetype-pill,
    html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-tech-group-toggle {
      border: 1px solid rgba(var(--theme-accent-rgb), 0.34) !important;
      border-radius: 0 !important;
      background: var(--theme-panel-soft) !important;
      box-shadow: none !important;
      color: var(--muted) !important;
      font-family: "Share Tech Mono", monospace !important;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      transform: none !important;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell .technique-archetype-pill:hover,
    html:not(.mobile-shell-enabled) .glossary-browser-shell .technique-archetype-pill:focus-visible,
    html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-tech-group-toggle:hover,
    html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-tech-group-toggle:focus-visible,
    html:not(.mobile-shell-enabled) .glossary-browser-shell .technique-archetype-pill.active {
      border-color: rgba(var(--theme-accent-rgb), 0.7) !important;
      background: var(--theme-panel-soft) !important;
      box-shadow: none !important;
      color: rgb(var(--theme-accent-rgb)) !important;
      outline: none !important;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-tech-button[data-archive-accent-label],
    html:not(.mobile-shell-enabled) .glossary-browser-shell .technique-archetype-pill[data-archive-accent-label] {
      border-color: hsl(var(--archive-accent-h, 190) var(--archive-accent-s, 72%) var(--archive-accent-l, 56%) / 0.34) !important;
      background: linear-gradient(180deg, hsl(var(--archive-accent-h, 190) var(--archive-accent-s, 72%) var(--archive-accent-l, 56%) / 0.2), rgba(255,255,255,0.03)) !important;
      box-shadow: inset 0 0 18px hsl(var(--archive-accent-h, 190) var(--archive-accent-s, 72%) var(--archive-accent-l, 56%) / 0.08) !important;
      color: var(--ink) !important;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-tech-button.active[data-archive-accent-label],
    html:not(.mobile-shell-enabled) .glossary-browser-shell .technique-archetype-pill.active[data-archive-accent-label] {
      border-color: hsl(var(--archive-accent-h, 190) var(--archive-accent-s, 72%) calc(var(--archive-accent-l, 56%) + 8%) / 0.7) !important;
      background: linear-gradient(180deg, hsl(var(--archive-accent-h, 190) var(--archive-accent-s, 72%) calc(var(--archive-accent-l, 56%) + 6%) / 0.28), rgba(255,255,255,0.06)) !important;
      box-shadow: inset 0 0 26px hsl(var(--archive-accent-h, 190) var(--archive-accent-s, 72%) calc(var(--archive-accent-l, 56%) + 6%) / 0.16) !important;
      color: var(--ink) !important;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-search-field {
      min-height: 36px;
      margin: 0 0 6px;
      padding: 8px 10px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.34) !important;
      border-radius: 0 !important;
      background: rgba(5, 10, 18, 0.84) !important;
      color: var(--ink) !important;
      font-family: "Share Tech Mono", monospace !important;
      font-size: 12px !important;
      font-weight: 400 !important;
      letter-spacing: 0.08em !important;
      line-height: 1.2 !important;
      text-transform: uppercase;
      box-shadow: inset 0 0 0 1px rgba(255,255,255,0.02);
      caret-color: rgb(var(--theme-accent-rgb));
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell .technique-filter-row {
      margin-bottom: 10px;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell .technique-archive-archetype-pills {
      display: flex;
      flex-wrap: wrap;
      align-items: stretch;
      gap: 8px;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell .technique-archetype-pill {
      flex: 0 1 156px;
      min-width: 156px;
      max-width: 184px;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-search-field::placeholder {
      color: var(--muted) !important;
      letter-spacing: 0.08em !important;
      text-transform: uppercase;
      opacity: 1;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-search-field:focus {
      border-color: rgba(var(--theme-accent-rgb), 0.72) !important;
      background: rgba(5, 10, 18, 0.92) !important;
      box-shadow: inset 0 0 0 1px rgba(var(--theme-accent-rgb), 0.12);
      color: rgb(var(--theme-accent-rgb)) !important;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-tech-button-name,
    html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-archetype-name,
    html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-detail-title,
    html:not(.mobile-shell-enabled) .glossary-browser-shell .detail-title,
    html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-level-name {
      font-family: "Rajdhani", sans-serif !important;
      letter-spacing: 0.05em !important;
      text-transform: uppercase !important;
      color: var(--ink) !important;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-tech-button-meta,
    html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-tech-button-copy,
    html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-detail-levels .manual-prose,
    html:not(.mobile-shell-enabled) .glossary-browser-shell .npc-record-section-copy,
    html:not(.mobile-shell-enabled) .glossary-browser-shell .tech-keywords {
      font-family: "Helvetica Neue", Arial, sans-serif !important;
      font-size: 12px !important;
      font-weight: 400 !important;
      letter-spacing: normal !important;
      line-height: 1.55 !important;
      text-transform: none !important;
      color: var(--muted) !important;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-detail-levels .manual-prose,
    html:not(.mobile-shell-enabled) .glossary-browser-shell .npc-record-section-copy {
      color: var(--ink) !important;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-detail-shell {
      display: flex;
      flex: 1 1 auto;
      flex-direction: column;
      min-height: 0;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-detail-header {
      flex: 0 0 auto;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-detail-levels {
      flex: 1 1 0%;
      height: 0 !important;
      min-height: 0 !important;
      max-height: 100% !important;
      overflow-x: hidden !important;
      overflow-y: auto !important;
      padding-right: 4px !important;
      scrollbar-gutter: stable both-edges;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-window-drag-handle {
      cursor: grab;
      user-select: none;
      touch-action: none;
    }
    html.glossary-window-dragging,
    html.glossary-window-dragging body,
    html.glossary-window-dragging .glossary-browser-shell .archive-window-drag-handle {
      cursor: grabbing !important;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-role]::before {
      display: none;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-window-drag-handle:active {
      cursor: grabbing;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell a,
    html:not(.mobile-shell-enabled) .glossary-browser-shell button,
    html:not(.mobile-shell-enabled) .glossary-browser-shell summary,
    html:not(.mobile-shell-enabled) .glossary-browser-shell input,
    html:not(.mobile-shell-enabled) .glossary-browser-shell select,
    html:not(.mobile-shell-enabled) .glossary-browser-shell textarea,
    html:not(.mobile-shell-enabled) .glossary-browser-shell label[for],
    html:not(.mobile-shell-enabled) .glossary-browser-shell [data-technique-archive-swap],
    html:not(.mobile-shell-enabled) .glossary-browser-shell [data-npc-manual-swap] {
      cursor: pointer;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-window-chrome-row,
    html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-column-header-row,
    html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-detail-header-topline {
      display: flex;
      align-items: center;
      gap: 12px;
      flex-wrap: nowrap;
      width: calc(100% + 18px);
      min-height: 44px;
      margin: 0 -9px 10px;
      padding: 1px 9px 5px;
      box-sizing: border-box;
      border: 0;
      border-bottom: 1px solid rgba(var(--theme-accent-rgb), 0.14);
      border-radius: 0;
      background: transparent !important;
      box-shadow: none !important;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-window-chrome-actions {
      margin-left: auto;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      flex: 0 0 auto;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-column-header-route {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      color: rgba(var(--theme-accent-rgb), 0.92);
      font-family: "Share Tech Mono", monospace !important;
      font-size: 20px !important;
      font-weight: 700 !important;
      letter-spacing: 0.12em;
      line-height: 1.1;
      text-transform: none;
      user-select: none;
      flex: 1 1 auto;
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-column-header-route::before {
      content: "\2630\00a0";
      color: rgba(var(--theme-accent-rgb), 0.92);
      font-size: 20px;
      line-height: 1;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-column-header-route:empty::before {
      content: none;
    }
    html:not(.mobile-shell-enabled) .glossary-window-control-trigger,
    html:not(.mobile-shell-enabled) .glossary-window-close-trigger {
      position: relative;
      top: auto;
      right: auto;
      z-index: 2;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      align-self: center !important;
      width: 44px !important;
      max-width: 44px !important;
      height: 44px !important;
      max-height: 44px !important;
      min-width: 44px !important;
      min-height: 44px !important;
      padding: 0 !important;
      gap: 0 !important;
      flex: 0 0 44px !important;
      border: 0 !important;
      border-radius: 0 !important;
      background: transparent !important;
      box-shadow: none !important;
      color: rgba(var(--theme-accent-rgb), 0.92) !important;
      font-family: "Share Tech Mono", monospace !important;
      font-weight: 700 !important;
      line-height: 1 !important;
      text-transform: uppercase;
      box-sizing: border-box;
      appearance: none;
      -webkit-appearance: none;
      font-size: 30px !important;
    }
    html:not(.mobile-shell-enabled) .glossary-window-close-trigger,
    html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-window-chrome-actions > .glossary-window-close-trigger {
      width: 44px !important;
      max-width: 44px !important;
      height: 44px !important;
      max-height: 44px !important;
      min-width: 44px !important;
      min-height: 44px !important;
      flex: 0 0 44px !important;
      font-size: 30px !important;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell [data-glossary-window-id^="technique:"] .archive-window-chrome-actions > .section-edit-trigger,
    html:not(.mobile-shell-enabled) .glossary-browser-shell [data-glossary-window-id^="technique:"] .archive-window-chrome-actions > .archive-detail-edit-trigger,
    html:not(.mobile-shell-enabled) .glossary-browser-shell [data-glossary-window-id^="technique:"] .archive-window-chrome-actions > .glossary-window-control-trigger,
    html:not(.mobile-shell-enabled) .glossary-browser-shell [data-glossary-window-id^="technique:"] .archive-window-chrome-actions > .glossary-window-close-trigger {
      width: 44px !important;
      max-width: 44px !important;
      height: 44px !important;
      max-height: 44px !important;
      min-width: 44px !important;
      min-height: 44px !important;
      flex: 0 0 44px !important;
      padding: 0 !important;
      font-size: 30px !important;
      line-height: 1 !important;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell .glossary-catalog-title-row {
      margin: 0 0 8px;
      align-items: center;
      gap: 8px;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell .glossary-catalog-title-row .section-title {
      margin: 0;
      min-width: 0;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-tech-button-name,
    html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-archetype-name,
    html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-detail-title,
    html:not(.mobile-shell-enabled) .glossary-browser-shell .detail-title,
    html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-level-name,
    html:not(.mobile-shell-enabled) .glossary-browser-shell .manual-prose,
    html:not(.mobile-shell-enabled) .glossary-browser-shell .npc-record-section-title,
    html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-tech-button-copy {
      min-width: 0;
      overflow-wrap: anywhere;
      word-break: break-word;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-style="index"] .archive-tech-button-name,
    html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-style="index"] .archive-archetype-name,
    html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-style="index"] .archive-tech-button-copy,
    html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-style="index"] .npc-record-section-title {
      overflow-wrap: normal !important;
      word-break: normal !important;
      white-space: normal !important;
      hyphens: manual !important;
      text-wrap: pretty;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell [data-glossary-window-view="npc-info"][data-glossary-window-role="detail"] > .panel > .panel-inner,
    html:not(.mobile-shell-enabled) .glossary-browser-shell [data-glossary-window-view="npc-info"][data-glossary-window-role="detail"] > .archive-browser-detail > .panel > .panel-inner {
      overflow-y: auto !important;
      overflow-x: hidden !important;
      scrollbar-gutter: stable both-edges;
      padding-right: 4px;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell .npc-manual-detail-grid,
    html:not(.mobile-shell-enabled) .glossary-browser-shell .npc-manual-detail-sections,
    html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-level-card {
      min-width: 0;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell [data-glossary-window-id^="technique:"] .archive-level-card {
      padding: 12px 14px;
      gap: 6px;
      height: auto;
      min-height: 0;
      overflow: hidden;
    }
    html:not(.mobile-shell-enabled) .glossary-window-resize-trigger {
      position: absolute;
      right: 8px;
      bottom: 8px;
      z-index: 12;
      width: 22px;
      height: 22px;
      cursor: nwse-resize;
      border: 0;
      background:
        linear-gradient(135deg,
          transparent 0 58%,
          rgba(255,255,255,0.72) 58% 61%,
          transparent 61% 68%,
          rgba(255,255,255,0.72) 68% 71%,
          transparent 71% 78%,
          rgba(255,255,255,0.72) 78% 81%,
          transparent 81% 100%);
      opacity: 0.96;
    }
    html:not(.mobile-shell-enabled) .glossary-window-resize-trigger::before {
      content: none;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell.technique-archive-browser-shell [data-technique-archive-groups] .archive-tech-grid {
      grid-template-columns: repeat(var(--archive-technique-masonry-columns, 2), minmax(0, 1fr)) !important;
      gap: 12px !important;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-window-chrome-actions > .section-edit-trigger,
    html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-window-chrome-actions > .archive-detail-edit-trigger,
    html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-window-chrome-actions > .archive-detail-delete-trigger,
    html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-window-chrome-actions > .archive-column-create-trigger {
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      align-self: center !important;
      width: 44px !important;
      max-width: 44px !important;
      min-width: 44px !important;
      height: 44px !important;
      max-height: 44px !important;
      min-height: 44px !important;
      flex: 0 0 44px !important;
      padding: 0 !important;
      border: 0 !important;
      border-radius: 0 !important;
      background: transparent !important;
      box-shadow: none !important;
      color: rgba(var(--theme-accent-rgb), 0.92) !important;
      font-family: "Share Tech Mono", monospace !important;
      font-weight: 700 !important;
      font-size: 30px !important;
      line-height: 1 !important;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-window-chrome-actions > .archive-column-create-trigger {
      font-size: 30px !important;
      line-height: 1 !important;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-minimized="true"] {
      min-width: 0 !important;
      max-width: none !important;
      min-height: 44px !important;
      height: 44px !important;
      max-height: 44px !important;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-minimized="true"].panel,
    html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-minimized="true"] > .panel {
      min-height: 44px !important;
      height: 100% !important;
      max-height: 44px !important;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-minimized="true"] .archive-detail-shell {
      gap: 0;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-minimized="true"] .archive-detail-header {
      gap: 0;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-minimized="true"] .archive-detail-header-topline,
    html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-minimized="true"] .archive-column-header-row,
    html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-minimized="true"] .archive-window-chrome-row {
      min-height: 28px;
      padding-top: 3px;
      padding-bottom: 3px;
      width: 100%;
      margin: 0;
      background: transparent !important;
      box-shadow: none !important;
      border-bottom: 0 !important;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-minimized="true"] .archive-column-header-route {
      font-size: 13px !important;
      letter-spacing: 0.08em !important;
      gap: 6px !important;
      line-height: 1.25 !important;
      padding-bottom: 1px !important;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-minimized="true"] .archive-column-header-route::before {
      content: none;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-minimized="true"] .archive-detail-title,
    html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-minimized="true"] .archive-detail-meta,
    html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-minimized="true"] .archive-detail-levels {
      display: none !important;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-minimized="true"] .archive-detail-edit-trigger,
    html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-minimized="true"] .archive-detail-delete-trigger {
      display: none !important;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-minimized="true"] .glossary-window-control-trigger {
      width: 18px !important;
      max-width: 18px !important;
      height: 18px !important;
      max-height: 18px !important;
      min-width: 18px !important;
      min-height: 18px !important;
      flex: 0 0 18px !important;
      font-size: 18px !important;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-minimized="true"] .glossary-window-close-trigger {
      width: 18px !important;
      max-width: 18px !important;
      height: 18px !important;
      max-height: 18px !important;
      min-width: 18px !important;
      min-height: 18px !important;
      flex: 0 0 18px !important;
      font-size: 18px !important;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-minimized="true"] .glossary-window-control-trigger,
    html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-minimized="true"] .glossary-window-close-trigger,
    html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-minimized="true"] .archive-window-chrome-actions > .glossary-window-control-trigger,
    html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-minimized="true"] .archive-window-chrome-actions > .glossary-window-close-trigger,
    html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-minimized="true"] .archive-window-chrome-actions > .section-edit-trigger {
      background: transparent !important;
      box-shadow: none !important;
      border: 0 !important;
      border-color: transparent !important;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-minimized="true"] .panel-inner {
      overflow: hidden !important;
    }
    html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-minimized="true"] .glossary-window-resize-trigger {
      display: none !important;
    }
    @media (max-width: 900px) {
      .technique-archive-editor-grid .record-editor-form-grid {
        grid-template-columns: minmax(0, 1fr);
      }
      .archive-tech-system-grid {
        grid-template-columns: minmax(0, 1fr);
      }
      .archive-tech-bonus-grid {
        grid-template-columns: minmax(0, 1fr);
      }
    }
    .npc-record-section-card {
      position: relative;
      padding: 14px;
      border-radius: 0;
      border: 1px solid var(--border-2);
      background: rgba(255,255,255,0.03);
      display: grid;
      gap: 10px;
    }
    .npc-record-section-kind {
      position: absolute;
      top: 10px;
      right: 10px;
    }
    .npc-record-section-title {
      font-family: "Rajdhani", sans-serif;
      font-size: 15px;
      font-weight: 700;
      line-height: 1;
      letter-spacing: 0.03em;
      text-transform: uppercase;
      color: var(--ink);
      padding-right: 110px;
    }
    .npc-record-section-copy {
      color: var(--muted);
      font-size: 13px;
      line-height: 1.65;
      white-space: pre-wrap;
      overflow-wrap: anywhere;
    }
    .action-card {
      position: relative;
    }
    .action-card-badge {
      position: absolute;
      top: 12px;
      left: 12px;
      min-width: 28px;
      min-height: 28px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border: 1px solid var(--border-2);
      background: rgba(0, 0, 0, 0.58);
      color: var(--theme-heading-soft);
      font-family: "Share Tech Mono", monospace;
      font-size: 12px;
      line-height: 1;
    }
    .action-card.is-granted {
      border-color: rgba(var(--theme-secondary-rgb), 0.36);
      box-shadow: inset 0 0 0 1px rgba(var(--theme-secondary-rgb), 0.10);
    }
    .action-card.is-granted .name {
      padding-left: 40px;
    }
    .action-card.is-granted .line:first-of-type {
      margin-top: 4px;
    }
    .archive-level-kicker {
      color: var(--cyan);
      font-family: "Share Tech Mono", monospace;
      font-size: 10px;
      letter-spacing: 0.16em;
      text-transform: uppercase;
    }
    .archive-level-name {
      font-family: "Rajdhani", sans-serif;
      font-size: 22px;
      font-weight: 700;
      line-height: 1;
      letter-spacing: 0.04em;
      color: var(--ink);
      text-transform: uppercase;
    }
    .record-card-header {
      display: grid;
      grid-template-columns: 58px minmax(0, 1fr);
      gap: 12px;
      align-items: center;
    }
    .record-avatar {
      width: 58px;
      height: 58px;
      border-radius: 0;
      object-fit: cover;
      border: 1px solid var(--border);
      background: rgba(255,255,255,0.03);
      clip-path: polygon(12% 0, 100% 0, 88% 100%, 0 100%);
    }
    .record-name {
      font-family: "Rajdhani", sans-serif;
      font-size: 22px;
      font-weight: 700;
      line-height: 1;
      letter-spacing: 0.04em;
      font-style: italic;
      text-transform: uppercase;
    }
    .record-sub {
      margin-top: 4px;
      color: var(--muted);
      font-size: 12px;
      line-height: 1.4;
      text-transform: uppercase;
      letter-spacing: 0.1em;
    }
    .mini-tags {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
    }
    .mini-tag {
      display: inline-flex;
      align-items: center;
      min-height: 28px;
      padding: 0 10px;
      border-radius: 999px;
      border: 1px solid var(--border-2);
      background: rgba(255,255,255,0.04);
      color: var(--muted);
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.12em;
    }
    .detail-stack {
      display: grid;
      gap: 18px;
    }
    #selected-dossier-frame .panel {
      contain: layout paint style;
      content-visibility: auto;
      contain-intrinsic-size: 520px;
    }
    #selected-dossier-frame.is-transition-entering {
      animation: dossierFrameSwipeIn 440ms cubic-bezier(0.18, 0.88, 0.24, 1) both;
      transform-origin: 50% 50%;
      will-change: opacity, transform, clip-path;
      overflow: clip;
    }
    #selected-dossier-frame.is-transition-entering .detail-header-shell {
      animation: dossierHeaderSwipeIn 500ms cubic-bezier(0.18, 0.88, 0.24, 1) both;
    }
    #selected-dossier-frame > .panel:first-child {
      content-visibility: visible;
      contain-intrinsic-size: auto;
    }
    @keyframes dossierFrameSwipeIn {
      0% {
        opacity: 0;
        transform: translate3d(56px, 0, 0) scale(0.992);
        clip-path: inset(0 0 0 18%);
      }
      100% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
        clip-path: inset(0 0 0 0);
      }
    }
    @keyframes dossierHeaderSwipeIn {
      0% {
        opacity: 0;
        transform: translate3d(44px, 0, 0);
      }
      100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
      }
    }
    .dossier-header {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 16px;
      margin-bottom: 10px;
      min-width: 0;
    }
    .dossier-header-main {
      display: grid;
      gap: 10px;
      min-width: 0;
    }
    .detail-hero {
      display: grid;
      grid-template-columns: 210px minmax(0, 1fr);
      gap: 18px;
      align-items: start;
    }
    .detail-art {
      width: 100%;
      aspect-ratio: 0.82;
      border-radius: 0;
      border: 1px solid var(--border);
      object-fit: cover;
      background: rgba(255,255,255,0.03);
      clip-path: polygon(10% 0, 100% 0, 90% 100%, 0 100%);
    }
    .detail-title {
      margin: 0;
      font-family: "Rajdhani", sans-serif;
      font-size: clamp(34px, 4vw, 52px);
      line-height: 0.92;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      font-style: italic;
    }
    .detail-subtitle {
      margin: 8px 0 0;
      color: var(--muted);
      line-height: 1.7;
      font-size: 14px;
    }
    .detail-grid,
    .manual-grid {
      display: grid;
      grid-template-columns: var(--detail-columns);
      gap: 12px;
    }
    .info-card {
      padding: 14px;
      border-radius: 0;
      border: 1px solid var(--border-2);
      background: rgba(255,255,255,0.03);
    }
    .info-card .label {
      color: var(--muted);
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.14em;
      margin-bottom: 8px;
    }
    .info-card .value {
      font-family: "Rajdhani", sans-serif;
      font-size: 22px;
      font-weight: 700;
      line-height: 1.1;
    }
    .structured-stat-card {
      padding: 14px;
      border-radius: 0;
      border: 1px solid var(--border-2);
      background: rgba(255,255,255,0.03);
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      gap: 18px;
      align-items: center;
      position: relative;
    }
    .structured-stat-card.is-hidden-technique-resource {
      display: none;
    }
    .structured-stat-card.is-technique-granted-resource {
      border-color: rgba(var(--theme-secondary-rgb), 0.48);
      background: rgba(var(--theme-secondary-rgb), 0.16);
      box-shadow: 0 0 20px rgba(var(--theme-secondary-rgb), 0.14);
    }
    .structured-stat-card.is-technique-granted-resource .label {
      padding-top: 0;
    }
    .structured-corner-badge.is-technique-source {
      left: 8px;
      right: auto;
      border-color: rgba(var(--theme-secondary-rgb), 0.44);
      color: rgb(var(--theme-secondary-rgb));
      background: rgba(0, 0, 0, 0.82);
    }
    .structured-corner-badge.is-technique-source.tooltip-anchor {
      left: 8px;
      right: auto;
    }
    .structured-corner-badge.is-technique-source .structured-corner-badge-symbol {
      color: rgb(var(--theme-secondary-rgb));
    }
    .structured-corner-badge {
      position: absolute;
      top: 8px;
      right: 8px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 18px;
      min-height: 18px;
      padding: 0 4px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.34);
      background: rgba(0, 0, 0, 0.78);
      color: rgb(var(--theme-accent-rgb));
      font-family: "Rajdhani", sans-serif;
      font-size: 12px;
      font-weight: 700;
      line-height: 1;
      letter-spacing: 0.04em;
      z-index: 3;
    }
    .structured-corner-badge.tooltip-anchor {
      position: absolute;
      top: 8px;
      right: 8px;
      display: inline-flex;
      margin: 0;
      flex: 0 0 auto;
    }
    .structured-corner-badge[hidden] {
      display: none;
    }
    .structured-corner-badge-symbol {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      line-height: 1;
      pointer-events: none;
    }
    .health-value-pill .structured-corner-badge {
      top: 6px;
      right: 6px;
    }
    .structured-stat-card .label {
      color: var(--ink);
      font-family: "Rajdhani", sans-serif;
      font-size: 21px;
      font-weight: 700;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      line-height: 1;
      padding-left: 0;
    }
    .structured-stat-icon,
    .health-pill-icon,
    .structured-clock-pill-icon {
      position: absolute;
      top: 5px;
      left: 7px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 14px;
      height: 14px;
      color: var(--theme-heading);
      font-family: "Rajdhani", sans-serif;
      font-size: 14px;
      font-weight: 700;
      line-height: 1;
      pointer-events: none;
      z-index: 1;
    }
    .structured-stat-metrics {
      display: grid;
      grid-auto-flow: column;
      grid-auto-columns: minmax(0, 1fr);
      align-items: start;
      justify-content: stretch;
      gap: var(--structured-metric-gap, 10px);
      min-width: 0;
      width: 100%;
    }
    .structured-stat-card[data-structured-stat="action points"] .structured-stat-metrics {
      width: 100%;
      max-width: 100%;
      justify-self: stretch;
      justify-content: stretch;
      grid-auto-columns: minmax(0, 1fr);
    }
    .focus-segment-bar-card {
      grid-column: 1 / -1;
      padding: 14px;
      border-radius: 0;
      border: 1px solid var(--border-2);
      background: rgba(255,255,255,0.03);
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 12px;
      align-items: start;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .focus-segment-bar-card {
      padding: 0;
      border: 0;
      background: transparent;
      box-shadow: none;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .focus-resource-row {
      grid-column: 1 / -1;
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(258px, clamp(258px, 31%, 348px));
      gap: 14px;
      align-items: center;
      min-width: 0;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .focus-resource-row .structured-preview-standard-card {
      grid-column: auto;
      min-height: 78px;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .focus-resource-row .focus-segment-bar-card {
      grid-column: auto !important;
      align-self: center;
      min-height: 58px;
      align-items: center;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .focus-resource-row .focus-segment-bar-header {
      display: none;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .focus-resource-row .focus-segment-bar-track {
      height: 58px;
      min-height: 58px;
      padding: 0 0 0 10px;
      align-items: center;
    }
    .focus-segment-bar-header {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      gap: 12px;
      align-items: center;
      min-height: 24px;
    }
    .focus-segment-bar-label-group {
      display: grid;
      gap: 2px;
    }
    .focus-segment-bar-title {
      font-weight: 600;
      font-size: 13px;
      letter-spacing: 0.05em;
      line-height: 1.2;
      color: rgba(255, 245, 214, 0.98);
      text-transform: uppercase;
    }
    .focus-segment-bar-starting {
      font-family: "Share Tech Mono", monospace;
      font-size: 11px;
      letter-spacing: 0.08em;
      line-height: 1.3;
      color: rgba(255,255,255,0.64);
    }
    .focus-segment-bar-track {
      display: grid;
      align-items: stretch;
    }
    .focus-segment-bar-segments {
      display: grid;
      grid-template-columns: repeat(var(--focus-segment-count, 10), minmax(0, 1fr));
      gap: 4px;
      min-height: 20px;
      align-items: stretch;
    }
    .focus-segment {
      background: rgba(100, 200, 100, 0.2);
      border: 1px solid rgba(100, 200, 100, 0.3);
      border-radius: 2px;
      transition: all 0.2s ease;
    }
    .focus-segment.is-filled {
      background: rgba(100, 200, 100, 0.6);
      border-color: rgba(100, 200, 100, 0.8);
      box-shadow: 0 0 8px rgba(100, 200, 100, 0.4);
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .focus-resource-row .focus-segment-bar-segments {
      gap: 5px;
      height: 50px;
      min-height: 0;
      align-items: center;
      direction: ltr;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .focus-resource-row .focus-segment {
      position: relative;
      height: var(--focus-chevron-height, 50px);
      align-self: center;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.24);
      border-left-color: rgba(var(--theme-accent-rgb), 0.1);
      background:
        linear-gradient(90deg, rgba(0, 0, 0, 0.44), rgba(var(--theme-accent-rgb), 0.08)),
        var(--theme-panel-soft);
      border-radius: 0;
      clip-path: polygon(12px 0, 100% 0, calc(100% - 12px) 50%, 100% 100%, 12px 100%, 0 50%);
      overflow: hidden;
      min-width: 0;
      box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.34);
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .focus-resource-row .focus-segment:nth-child(1) {
      --focus-chevron-height: 50px;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .focus-resource-row .focus-segment:nth-child(2) {
      --focus-chevron-height: 49px;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .focus-resource-row .focus-segment:nth-child(3) {
      --focus-chevron-height: 47px;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .focus-resource-row .focus-segment:nth-child(4) {
      --focus-chevron-height: 45px;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .focus-resource-row .focus-segment:nth-child(5) {
      --focus-chevron-height: 42px;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .focus-resource-row .focus-segment:nth-child(6) {
      --focus-chevron-height: 39px;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .focus-resource-row .focus-segment:nth-child(7) {
      --focus-chevron-height: 36px;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .focus-resource-row .focus-segment:nth-child(8) {
      --focus-chevron-height: 33px;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .focus-resource-row .focus-segment:nth-child(9) {
      --focus-chevron-height: 30px;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .focus-resource-row .focus-segment:nth-child(10) {
      --focus-chevron-height: 27px;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .focus-resource-row .focus-segment::after {
      content: "";
      position: absolute;
      inset: 0;
      opacity: 0.34;
      background:
        linear-gradient(135deg, transparent 44%, rgba(var(--theme-accent-rgb), 0.34) 47%, rgba(var(--theme-accent-rgb), 0.34) 53%, transparent 56%);
      pointer-events: none;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .focus-resource-row .focus-segment.is-filled {
      border-color: rgba(var(--theme-accent-rgb), 0.72);
      background:
        linear-gradient(90deg, rgba(var(--theme-accent-rgb), 0.42), rgba(var(--theme-accent-rgb), 0.94)),
        var(--theme-panel);
      box-shadow:
        inset 0 0 10px rgba(255, 255, 255, 0.08),
        0 0 12px rgba(var(--theme-accent-rgb), 0.18);
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .focus-resource-row .focus-segment.is-filled::after {
      opacity: 0.18;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .health-loop-bar-card {
      grid-column: 1 / -1;
      position: relative;
      min-height: 146px;
      padding: 8px 0 4px;
      border: 0;
      background:
        radial-gradient(circle at 80% 52%, rgba(var(--theme-accent-rgb), 0.10), transparent 32%),
        transparent;
      box-shadow: none;
      overflow: hidden;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .health-loop-bar-visual {
      width: 100%;
      height: 100%;
      display: block;
      pointer-events: none;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .health-loop-stat-rail {
      position: absolute;
      top: 16px;
      left: 164px;
      right: 18px;
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
      align-items: start;
      pointer-events: auto;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .health-loop-stat-block {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 8px;
      min-width: 0;
      position: relative;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .health-loop-stat-block.is-health {
      padding-top: 10px;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .health-loop-stat-block.is-armor {
      padding-block: 8px;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .health-loop-stat-block.is-evasion {
      padding-block: 8px;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .health-loop-stat-title {
      color: var(--ink);
      font-family: "Rajdhani", sans-serif;
      font-size: 22px;
      font-weight: 700;
      letter-spacing: 0.04em;
      line-height: 1;
      text-transform: uppercase;
      white-space: nowrap;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .health-loop-stat-title-row {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      min-width: 0;
      max-width: 100%;
      width: fit-content;
      justify-content: flex-start;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-label-row > .structured-preview-label {
      width: auto;
      max-width: fit-content;
      flex: 0 1 auto;
      min-width: 0;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .health-loop-title-glyph {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 16px;
      height: 16px;
      color: rgba(var(--theme-accent-rgb), 0.96);
      flex: 0 0 auto;
      pointer-events: none;
      user-select: none;
      -webkit-user-select: none;
      filter: drop-shadow(0 0 4px rgba(var(--theme-accent-rgb), 0.22));
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .health-loop-title-glyph svg {
      display: block;
      width: 100%;
      height: 100%;
      overflow: visible;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .health-loop-title-glyph-mark {
      fill: none;
      stroke: currentColor;
      stroke-width: 1.75;
      stroke-linecap: round;
      stroke-linejoin: round;
      vector-effect: non-scaling-stroke;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .health-loop-title-glyph-fill {
      fill: currentColor;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .health-loop-stat-block .structured-preview-metric-chip {
      min-height: 24px;
      padding: 0 10px;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .health-loop-stat-current-shell {
      --structured-preview-current-size: 76px;
      --structured-preview-current-box-size: 62px;
      align-items: flex-start;
      gap: 6px;
      --health-loop-current-contrast: var(--ink);
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .health-loop-bar-card .health-loop-stat-current-shell .structured-preview-current-box {
      border-radius: 999px;
      position: relative;
      border: 1.25px solid rgba(var(--theme-accent-rgb), 0.42) !important;
      background: rgba(0, 0, 0, 0.38) !important;
      box-shadow:
        inset 0 0 0 1px rgba(255,255,255,0.04),
        0 0 8px rgba(255,255,255,0.12);
      transition: box-shadow 140ms ease, border-color 140ms ease, background 140ms ease;
    }
    body[data-theme="cyber_punk"] .structured-layout[data-structured-layout-variant="structured_preview_v2"] .health-loop-current-glyph svg {
      filter: drop-shadow(0 0 4px #05070c);
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .health-loop-bar-card .health-loop-stat-current-shell .structured-preview-current-box:hover,
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .health-loop-bar-card .health-loop-stat-current-shell .structured-preview-current-box:focus-within {
      box-shadow:
        inset 0 0 0 1px rgba(255,255,255,0.08),
        0 0 12px rgba(255,255,255,0.18);
      border-color: rgba(255,255,255,0.88) !important;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .health-loop-stat-block.is-armor .structured-preview-current-box::before,
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .health-loop-stat-block.is-evasion .structured-preview-current-box::before,
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .health-loop-stat-block.is-armor .structured-preview-current-box::after,
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .health-loop-stat-block.is-evasion .structured-preview-current-box::after {
      content: none !important;
      display: none !important;
      width: 0 !important;
      height: 0 !important;
      border-width: 0 !important;
      inset: auto !important;
      filter: none !important;
      opacity: 0 !important;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .health-loop-stat-copy {
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      text-align: left;
      gap: 12px;
      min-width: 0;
      overflow: visible;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .health-loop-stat-copy::after {
      content: none;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .health-loop-current-glyph {
      display: block;
      position: absolute;
      top: 9px;
      right: 6px;
      width: 14px;
      height: 11px;
      color: rgb(var(--theme-secondary-rgb));
      pointer-events: none;
      opacity: 0.96;
      overflow: visible;
      user-select: none;
      -webkit-user-select: none;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .health-loop-current-glyph svg {
      display: block;
      width: 100%;
      height: 100%;
      overflow: visible;
      filter: drop-shadow(0 0 4px var(--health-loop-current-contrast, rgba(0, 0, 0, 0.72)));
      transition: filter 140ms ease, opacity 140ms ease;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .health-loop-current-glyph-mark {
      fill: none;
      stroke: currentColor;
      stroke-width: 1.9;
      stroke-linecap: round;
      stroke-linejoin: round;
      vector-effect: non-scaling-stroke;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .health-loop-current-glyph-head {
      fill: currentColor;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .health-loop-stat-current-shell .structured-preview-current-caption {
      padding-left: 4px;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .health-loop-svg-title {
      color: rgba(255, 255, 255, 0.74);
      fill: rgba(255, 255, 255, 0.74);
      font-family: "Rajdhani", sans-serif;
      font-size: 24px;
      font-weight: 700;
      letter-spacing: 0.10em;
      line-height: 1;
      text-transform: uppercase;
      white-space: nowrap;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .health-loop-svg-chip {
      border: 1px solid rgba(var(--theme-accent-rgb), 0.22);
      background: rgba(0, 0, 0, 0.44);
      fill: rgba(0, 0, 0, 0.44);
      stroke: rgba(var(--theme-accent-rgb), 0.22);
      stroke-width: 1;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .health-loop-svg-chip-text {
      font-family: "Consolas", "Share Tech Mono", monospace;
      font-size: 12px;
      font-weight: 600;
      letter-spacing: 0.08em;
      line-height: 1;
      text-transform: uppercase;
      white-space: nowrap;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .health-loop-svg-chip-label {
      fill: var(--muted);
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .health-loop-svg-chip-value {
      fill: #ffe07a;
      font-weight: 700;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .health-loop-svg-current-disc {
      background: rgba(0, 0, 0, 0.38);
      fill: rgba(0, 0, 0, 0.38);
      stroke: rgba(var(--theme-accent-rgb), 0.42);
      stroke-width: 1.25;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .health-loop-svg-current-value {
      color: var(--ink);
      fill: var(--ink);
      font-family: "Consolas", "Share Tech Mono", monospace;
      font-size: 38px;
      font-weight: 700;
      letter-spacing: 0;
      line-height: 1;
      text-align: center;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .health-loop-svg-current-glyph {
      pointer-events: none;
      user-select: none;
      -webkit-user-select: none;
      transition: filter 140ms ease, opacity 140ms ease;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .health-loop-svg-current-glyph path {
      fill: rgb(var(--theme-accent-rgb));
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .health-loop-stat-current-shell .structured-preview-current-box:hover .health-loop-current-glyph svg {
      filter:
        drop-shadow(0 0 6px rgba(var(--theme-accent-rgb), 0.42))
        drop-shadow(0 0 12px rgba(var(--theme-accent-rgb), 0.26));
      opacity: 1;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .health-loop-svg-copy:hover .health-loop-svg-current-glyph {
      filter:
        drop-shadow(0 0 6px rgba(var(--theme-accent-rgb), 0.42))
        drop-shadow(0 0 12px rgba(var(--theme-accent-rgb), 0.26));
      opacity: 1;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .combat-resource-label-row {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
      align-items: end;
      margin-bottom: 8px;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .combat-resource-label {
      display: inline-flex;
      align-items: center;
      min-height: 24px;
      padding: 0 8px;
      border-left: 2px solid rgba(var(--theme-accent-rgb), 0.46);
      background: linear-gradient(90deg, rgba(var(--theme-accent-rgb), 0.12), transparent 82%);
      color: rgba(255, 245, 214, 0.9);
      font-size: 13px;
      font-weight: 700;
      letter-spacing: 0.14em;
      line-height: 1;
      text-transform: uppercase;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .health-loop-track-segment-outline {
      fill: none;
      stroke: rgba(var(--theme-accent-rgb), 0.42);
      stroke-width: 28;
      stroke-linecap: butt;
      stroke-linejoin: round;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .health-loop-track-segment-outline.is-disabled {
      stroke: rgba(var(--theme-accent-rgb), 0.16);
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .health-loop-track-segment-shell {
      fill: none;
      stroke: var(--theme-panel-soft);
      stroke-width: 24;
      stroke-linecap: butt;
      stroke-linejoin: round;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .health-loop-track-segment-shell.is-disabled {
      stroke: var(--theme-panel-muted);
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .health-loop-track-segment-disabled-stripe {
      fill: none;
      stroke: url(#structured-health-loop-disabled-stripe);
      stroke-width: 24;
      stroke-linecap: butt;
      stroke-linejoin: round;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .health-loop-outer-taper-shell {
      fill: var(--theme-panel-soft);
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .health-loop-outer-taper-fill {
      fill: color-mix(in srgb, rgb(var(--theme-accent-rgb)) calc(var(--clock-segment-blend, 78) * 1%), rgb(8, 12, 18));
      filter: drop-shadow(0 0 6px rgba(var(--theme-accent-rgb), 0.34));
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .health-loop-outer-taper-outline {
      fill: none;
      stroke: rgba(var(--theme-accent-rgb), 0.42);
      stroke-width: 2.4;
      stroke-linecap: butt;
      stroke-linejoin: round;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .health-loop-track-segment-fill {
      fill: none;
      stroke: color-mix(in srgb, rgb(var(--theme-accent-rgb)) calc(var(--clock-segment-blend, 78) * 1%), rgb(8, 12, 18));
      stroke-width: 24;
      stroke-linecap: butt;
      stroke-linejoin: round;
      filter: drop-shadow(0 0 6px rgba(var(--theme-accent-rgb), 0.34));
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .health-loop-evasion-fill {
      fill: none;
      stroke: url(#structured-health-loop-evasion-gradient);
      stroke-width: 16;
      stroke-linecap: butt;
      stroke-linejoin: round;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .health-loop-evasion-etch {
      fill: none;
      stroke: rgba(255, 255, 255, 0.38);
      stroke-width: 2.2;
      stroke-linecap: square;
      stroke-linejoin: round;
      stroke-dasharray: 12 7 3 7;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .health-loop-end-cap-border {
      fill: none;
      stroke: rgba(var(--theme-accent-rgb), 0.22);
      stroke-width: 2.4;
      stroke-linecap: square;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .focus-loop-bar-card {
      grid-column: 1 / -1;
      position: relative;
      min-height: var(--structured-preview-card-height, 102px);
      height: var(--structured-preview-card-height, 102px);
      padding: 12px 14px;
      border: 1px solid var(--border-2);
      background:
        radial-gradient(circle at 79% 52%, rgba(var(--theme-accent-rgb), 0.14), transparent 34%),
        linear-gradient(180deg, rgba(var(--theme-accent-rgb), 0.08), rgba(6, 9, 14, 0.9));
      box-shadow: var(--container-rest-shadow, 0 0 24px var(--theme-glow));
      overflow: hidden;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .focus-loop-bar-visual {
      position: absolute;
      inset: 8px 14px;
      width: calc(100% - 28px);
      height: calc(100% - 16px);
      pointer-events: none;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .focus-loop-track-segment {
      fill: none;
      stroke: rgba(var(--theme-accent-rgb), 0.22);
      stroke-width: 23;
      stroke-linecap: round;
      stroke-linejoin: round;
      filter:
        drop-shadow(0 0 8px rgba(var(--theme-accent-rgb), 0.18))
        drop-shadow(0 0 2px rgba(255, 255, 255, 0.1));
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .focus-loop-track-segment-shell {
      fill: none;
      stroke: rgba(255, 255, 255, 0.84);
      stroke-width: 28;
      stroke-linecap: round;
      stroke-linejoin: round;
      opacity: 0.9;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .focus-loop-track-segment.is-filled {
      stroke: color-mix(in srgb, rgb(var(--theme-accent-rgb)) calc(var(--clock-segment-blend, 78) * 1%), rgb(8, 12, 18));
      filter:
        drop-shadow(0 0 10px rgba(var(--theme-accent-rgb), 0.36))
        drop-shadow(0 0 2px rgba(255, 255, 255, 0.24));
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .focus-loop-copy {
      position: absolute;
      inset: 0 14px 0 14px;
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      justify-content: stretch;
      align-items: center;
      gap: 10px;
      z-index: 1;
      text-align: left;
      pointer-events: auto;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .focus-loop-copy-main {
      min-width: 0;
      display: grid;
      align-content: center;
      gap: 8px;
      max-width: none;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .focus-loop-title {
      color: var(--ink);
      font-family: "Rajdhani", sans-serif;
      font-size: 22px;
      font-weight: 700;
      letter-spacing: 0.04em;
      line-height: 1;
      text-transform: uppercase;
      white-space: nowrap;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .focus-loop-metric-strip {
      min-height: 24px;
      gap: 8px;
      overflow: hidden;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .focus-loop-metric-strip .structured-preview-metric-chip {
      border-color: rgba(var(--theme-accent-rgb), 0.22);
      background: rgba(0, 0, 0, 0.44);
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .focus-loop-current-shell {
      justify-self: end;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row .focus-loop-current-shell {
      --structured-preview-current-size: 70px;
      --structured-preview-current-box-size: 62px;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .focus-bullseye-shell {
      position: relative;
      width: 112px;
      min-width: 112px;
      height: 112px;
      justify-self: end;
      pointer-events: none;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .focus-bullseye-visual,
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .focus-bullseye-svg {
      width: 112px;
      height: 112px;
      display: block;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .focus-bullseye-ring-shell {
      fill: rgba(8, 12, 18, 0.84);
      stroke: rgba(255, 255, 255, 0.2);
      stroke-width: 1.6;
      vector-effect: non-scaling-stroke;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .focus-bullseye-ring-outline {
      fill: none;
      stroke: rgba(255, 255, 255, 0.88);
      stroke-width: 1.45;
      vector-effect: non-scaling-stroke;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .focus-bullseye-ring-outline-inner {
      stroke-width: 1.7;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .focus-bullseye-segment {
      fill: rgba(8, 12, 18, 0.98);
      stroke: rgba(255,255,255,0.92);
      stroke-width: 1.7;
      stroke-linejoin: round;
      paint-order: fill stroke;
      vector-effect: non-scaling-stroke;
      transition: fill 140ms ease, stroke 140ms ease, opacity 140ms ease;
      opacity: 1;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .focus-bullseye-segment.is-active,
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .focus-bullseye-segment.is-filled {
      fill: color-mix(in srgb, rgb(var(--theme-accent-rgb)) calc(var(--clock-segment-blend, 78) * 1%), rgb(8, 12, 18));
      stroke: rgba(255,255,255,0.92);
      filter: drop-shadow(0 0 6px rgba(var(--theme-accent-rgb), 0.34));
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .focus-bullseye-segment-outer {
      stroke-width: 1;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .focus-bullseye-crosshair {
      fill: none;
      stroke: rgba(var(--theme-accent-rgb), 0.92);
      stroke-width: 3.6;
      stroke-linecap: square;
      vector-effect: non-scaling-stroke;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .focus-bullseye-core {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 48px;
      height: 48px;
      border-radius: 999px;
      border: 1.25px solid rgba(var(--theme-accent-rgb), 0.42);
      background: rgba(0, 0, 0, 0.38);
      box-shadow:
        0 0 0 4px rgba(0, 0, 0, 0.9),
        inset 0 0 0 1px rgba(255, 255, 255, 0.04),
        0 0 8px rgba(255, 255, 255, 0.12);
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
      pointer-events: auto;
      z-index: 1;
      transition: box-shadow 140ms ease, border-color 140ms ease, background 140ms ease;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .focus-bullseye-core:hover,
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .focus-bullseye-core:focus-within {
      box-shadow:
        0 0 0 4px rgba(0, 0, 0, 0.9),
        inset 0 0 0 1px rgba(255, 255, 255, 0.08),
        0 0 12px rgba(255, 255, 255, 0.18);
      border-color: rgba(255,255,255,0.88);
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .focus-bullseye-core::before {
      content: "";
      position: absolute;
      border-radius: 999px;
      pointer-events: none;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .focus-bullseye-core::before {
      content: none;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .focus-bullseye-core .structured-preview-current-value,
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .focus-bullseye-core .structured-preview-current-input {
      position: relative;
      z-index: 1;
      font-size: 34px;
    }
    @media (max-width: 980px) {
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row {
        grid-template-columns: minmax(0, 0.84fr) minmax(0, 1.16fr);
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-support {
        grid-template-columns: minmax(0, 0.94fr) minmax(0, 1.06fr);
        column-gap: 10px;
        padding: 0 6px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row .structured-preview-standard-card,
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row .focus-loop-bar-card {
        min-height: 112px;
        height: 112px;
        padding: 10px 12px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row .structured-preview-standard-card[data-structured-stat="action points"] .structured-preview-card-copy,
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row .structured-preview-standard-card[data-structured-stat="speed"] .structured-preview-card-copy {
        grid-template-columns: minmax(0, 1fr) 62px;
        column-gap: 8px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row .structured-preview-standard-card[data-structured-stat="speed"] .structured-preview-card-copy {
        justify-content: stretch;
        justify-items: stretch;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row .structured-speed-head {
        gap: 8px !important;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row .structured-speed-dial {
        width: 126px !important;
        flex: 0 0 126px !important;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row .structured-speed-lane {
        width: 126px !important;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row .structured-preview-standard-card[data-structured-stat="speed"] .structured-preview-label,
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row .structured-preview-standard-card[data-structured-stat="action points"] .structured-preview-label {
        font-size: 16px;
      }
    }
    @media (max-width: 720px) {
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .focus-resource-row {
        grid-template-columns: minmax(0, 1fr);
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .focus-resource-row .focus-segment-bar-track {
        padding: 0;
        height: 46px;
        min-height: 46px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .focus-resource-row .focus-segment-bar-segments {
        height: 42px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .focus-resource-row .focus-segment {
        height: calc(var(--focus-chevron-height, 42px) * 0.84);
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .health-loop-bar-card {
        min-height: 138px;
        padding: 8px 0;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .health-loop-title {
        font-size: 17px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .health-loop-current-box {
        width: 72px;
        height: 72px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .health-loop-current-value {
        font-size: 30px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .combat-resource-label-row {
        grid-template-columns: minmax(0, 1fr);
        gap: 8px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-technique-cluster {
        padding: 0;
        margin-bottom: 0;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row {
        grid-template-columns: minmax(0, 1fr);
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row > * + * {
        border-left: 0;
        border-top: 1px solid rgba(var(--theme-accent-rgb), 0.14);
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .focus-loop-bar-card {
        min-height: 96px;
        height: 96px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .focus-loop-copy {
        inset: 0 16px 0 16px;
        gap: 7px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .focus-loop-copy-main {
        max-width: none;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .focus-loop-title {
        font-size: 18px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .focus-loop-metric-strip {
        min-height: 20px;
        gap: 6px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .focus-bullseye-shell,
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .focus-bullseye-visual,
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .focus-bullseye-svg {
        width: 96px;
        min-width: 96px;
        height: 96px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .focus-bullseye-core {
        width: 50px;
        height: 50px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .focus-bullseye-core .structured-preview-current-value,
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .focus-bullseye-core .structured-preview-current-input {
        font-size: 30px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row .focus-loop-current-shell {
        --structured-preview-current-size: 60px;
        --structured-preview-current-box-size: 54px;
      }
    }
    .structured-dynamic-grid {
      display: contents;
    }
    .structured-clock-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      grid-auto-flow: row dense;
      gap: 12px;
      margin-top: 12px;
    }
    .structured-dynamic-card {
      align-items: start;
      gap: 14px;
    }
    .structured-dynamic-card-copy {
      display: grid;
      gap: 4px;
      min-width: 0;
    }
    .structured-dynamic-card-meta {
      color: rgba(255,255,255,0.74);
      font-family: "Share Tech Mono", monospace;
      font-size: 10px;
      letter-spacing: 0.08em;
      line-height: 1.3;
      text-transform: uppercase;
      min-width: 0;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .structured-dynamic-summary-pills {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      min-width: 0;
    }
    .structured-dynamic-summary-pill {
      display: inline-flex;
      align-items: center;
      min-height: 24px;
      padding: 0 8px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.22);
      background: rgba(0, 0, 0, 0.44);
      color: var(--ink);
      font-family: "Share Tech Mono", monospace;
      font-size: 10px;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      white-space: nowrap;
    }
    .structured-dynamic-summary-pill.is-empty {
      color: rgba(255,255,255,0.52);
      border-style: dashed;
    }
    .structured-dynamic-card.structured-dynamic-full {
      grid-column: 1 / -1;
    }
    .structured-dynamic-list,
    .structured-dynamic-option-grid {
      display: grid;
      gap: 10px;
      width: 100%;
    }
    .structured-dynamic-option-grid.cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .structured-dynamic-option-grid.cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .structured-dynamic-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: center;
      gap: 10px;
      min-width: 0;
    }
    .structured-dynamic-row-label {
      min-width: 0;
      color: var(--ink);
      font-family: "Rajdhani", sans-serif;
      font-size: 15px;
      font-weight: 600;
      letter-spacing: 0.03em;
      line-height: 1.15;
    }
    .structured-dynamic-count-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 8px 12px;
      width: 100%;
    }
    .structured-dynamic-card.compact-count-card {
      gap: 10px;
    }
    .structured-dynamic-card.compact-count-card .structured-dynamic-card-copy {
      gap: 6px;
    }
    .structured-dynamic-card.compact-count-card .structured-dynamic-row {
      gap: 8px;
    }
    .structured-dynamic-slot-list {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 8px;
      width: 100%;
    }
    .structured-dynamic-slot-field {
      min-width: 0;
    }
    .structured-dynamic-input,
    .structured-dynamic-static {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 48px;
      min-height: 32px;
      padding: 0 8px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.28);
      background: rgba(0, 0, 0, 0.48);
      color: rgb(var(--theme-accent-rgb));
      font: inherit;
      font-family: inherit;
      font-size: inherit;
      font-weight: inherit;
      letter-spacing: inherit;
      line-height: 1;
      text-align: center;
      box-sizing: border-box;
    }
    .structured-dynamic-input.compact,
    .structured-dynamic-static.compact {
      min-width: 42px;
      width: 42px;
      padding: 0 4px;
    }
    .structured-current-value .structured-dynamic-input.structured-dynamic-current-value,
    .structured-current-value .structured-dynamic-static.structured-dynamic-current-value {
      min-width: 22px;
      min-height: 100%;
      height: 100%;
      padding: 0;
      border: 0;
      background: transparent;
      box-shadow: none;
      color: rgb(var(--theme-accent-rgb));
    }
    .structured-current-value .structured-dynamic-input.structured-dynamic-current-value {
      width: 48px;
      flex: 0 0 48px;
    }
    .structured-dynamic-static.wide {
      justify-content: flex-start;
      width: 100%;
      min-width: 0;
      padding: 0 10px;
    }
    .structured-dynamic-select-inline {
      width: 100%;
      min-width: 160px;
    }
    .structured-dynamic-slot-field .structured-dynamic-select-inline {
      min-width: 0;
      height: 32px;
      padding: 0 28px 0 8px;
      font-size: 12px;
      letter-spacing: 0.05em;
      text-transform: uppercase;
    }
    .structured-dynamic-slot-static {
      justify-content: flex-start;
      width: 100%;
      min-width: 0;
      padding: 0 8px;
      font-size: 10px;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }
    .advancement-static-choice.is-hidden {
      display: none;
    }
    .structured-dynamic-card.active-stance-card {
      grid-template-columns: max-content minmax(180px, 1fr);
      gap: 12px;
      align-items: center;
    }
    .structured-dynamic-card.active-stance-card.is-stacked {
      grid-template-columns: minmax(0, 1fr);
      align-items: start;
    }
    .structured-dynamic-card.active-stance-card .label {
      max-width: none;
      min-width: 0;
      white-space: nowrap;
      line-height: 1;
    }
    .structured-dynamic-card.active-stance-card .label.structured-label-stackable {
      max-width: none;
      white-space: nowrap;
      line-height: 0.96;
    }
    .structured-active-stance-shell {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      min-width: 0;
      max-width: min(100%, var(--active-stance-shell-width, 420px));
      min-height: 38px;
      padding: 0 28px 0 12px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.28);
      background: rgba(0, 0, 0, 0.44);
      box-sizing: border-box;
      overflow: hidden;
      justify-self: stretch;
    }
    .structured-active-stance-shell.has-dropdown::after {
      content: '▾';
      position: absolute;
      right: 10px;
      top: 50%;
      transform: translateY(-50%);
      color: rgba(var(--theme-accent-rgb), 0.92);
      font-family: "Rajdhani", sans-serif;
      font-size: 13px;
      font-weight: 700;
      line-height: 1;
      pointer-events: none;
    }
    .structured-active-stance-shell.has-dropdown {
      min-height: 0;
      padding: 0 24px 0 0;
      border: 0;
      background: transparent;
      box-shadow: none;
      overflow: visible;
    }
    .structured-stat-card .label.structured-label-two-line {
      max-width: 110px;
      white-space: normal;
      line-height: 0.88;
    }
    .structured-stat-card .label.structured-label-stackable .structured-label-line {
      display: block;
    }
    .structured-stat-card.is-single-line-label .label.structured-label-stackable {
      max-width: none;
      white-space: nowrap;
      line-height: 1;
    }
    .structured-stat-card.is-single-line-label .label.structured-label-stackable .structured-label-line {
      display: inline;
    }
    .structured-stat-card.is-single-line-label .label.structured-label-stackable .structured-label-line + .structured-label-line {
      margin-left: 0.26em;
    }
    .structured-dynamic-select-inline.stance-select {
      appearance: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      display: block;
      position: relative;
      z-index: 1;
      min-width: 0;
      width: 100%;
      height: 100%;
      min-height: 36px;
      padding: 0 18px 0 0;
      border: 0 !important;
      background: transparent !important;
      background-image: none !important;
      box-shadow: none !important;
      color: rgb(var(--theme-accent-rgb));
      font: inherit;
      font-family: "Rajdhani", sans-serif;
      font-size: 17px;
      font-weight: 600;
      letter-spacing: 0.02em;
      line-height: 1.05;
      text-transform: none;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: clip;
      text-align: left;
    }
    .structured-dynamic-select-inline.stance-select::-ms-expand {
      display: none;
    }
    .structured-dynamic-select-inline.stance-select:hover,
    .structured-dynamic-select-inline.stance-select:focus,
    .structured-dynamic-select-inline.stance-select:focus-visible {
      border: 0;
      background: transparent;
      box-shadow: none;
      outline: none;
      transform: none;
    }
    .structured-active-stance-field {
      display: inline-flex;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      min-width: 0;
      min-height: 32px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: clip;
    }
    .structured-active-stance-static {
      justify-content: flex-start;
      width: 100%;
      min-width: 0;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      font-family: "Rajdhani", sans-serif;
      font-size: 17px;
      font-weight: 600;
      letter-spacing: 0.02em;
      line-height: 1.05;
    }
    [data-character-editor-shell][data-character-editable="false"] .structured-active-stance-shell {
      min-height: 0;
      padding: 0;
      border: 0;
      background: transparent;
      box-shadow: none;
      overflow: visible;
    }
    .structured-dynamic-card.active-stance-card.is-stacked .structured-active-stance-shell {
      max-width: 100%;
    }
    .structured-dynamic-card.arsenal-card {
      position: relative;
      grid-template-columns: max-content minmax(0, 1fr);
      padding-top: 12px;
      padding-bottom: 12px;
      gap: 10px;
      align-items: center;
      overflow: visible;
    }
    .structured-dynamic-card.arsenal-card .structured-dynamic-card-copy {
      gap: 0;
      align-self: stretch;
      padding-top: 0;
    }
    .structured-dynamic-card.arsenal-card .structured-arsenal-badge {
      --arsenal-badge-size: 40px;
      --technique-source-glyph-size: var(--arsenal-badge-size);
      position: absolute;
      top: 0;
      right: 8px;
      left: auto;
      transform: none;
      z-index: 4;
      margin-left: 0;
      min-width: var(--arsenal-badge-size);
      width: var(--arsenal-badge-size);
      height: var(--arsenal-badge-size);
      min-height: var(--arsenal-badge-size);
      padding: 0;
      box-sizing: border-box;
      border: 1px solid transparent;
      border-radius: 0;
      background: transparent;
      color: rgb(var(--theme-secondary-rgb));
      box-shadow: none;
    }
    .structured-dynamic-card.arsenal-card .structured-arsenal-badge .tech-granted-indicator-glyph {
      color: rgb(var(--theme-secondary-rgb));
      line-height: 1;
    }
    .structured-dynamic-card.arsenal-card .structured-dynamic-card-meta {
      display: none;
    }
    .structured-dynamic-card.arsenal-card .structured-dynamic-list {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      grid-template-rows: minmax(0, 1fr);
      grid-auto-flow: column;
      grid-auto-columns: minmax(0, 1fr);
      gap: 10px;
      align-items: center;
    }
    .structured-dynamic-card.arsenal-card .structured-dynamic-row {
      grid-template-columns: minmax(0, 1fr) 34px;
      gap: 6px;
      align-items: center;
      min-width: 0;
      align-content: center;
    }
    .structured-dynamic-card.arsenal-card .structured-dynamic-row-label {
      display: -webkit-box;
      text-align: left;
      justify-self: start;
      line-height: 0.96;
      min-width: 0;
      white-space: normal;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .stat-grid-wide {
      --structured-preview-card-height: 102px;
      --structured-preview-current-size: 70px;
      --structured-preview-current-box-size: 62px;
      --structured-preview-title-height: 42px;
      --structured-preview-metric-height: 24px;
      --structured-preview-clock-size: calc(var(--structured-preview-card-height) * 1.1);
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-combat-cluster {
      display: grid;
      gap: 12px;
      padding: 14px;
      margin-bottom: 12px;
      overflow: hidden;
      grid-column: 1 / -1;
      border: 1px solid var(--border-2);
      background:
        linear-gradient(180deg, rgba(var(--theme-accent-rgb), 0.08), rgba(8, 12, 18, 0.92)),
        var(--container-rest-bg, rgba(8, 12, 18, 0.82));
      box-shadow: var(--container-rest-shadow, 0 0 24px var(--theme-glow));
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .combat-resource-row {
      display: grid;
      grid-template-columns: minmax(0, 1.8fr) repeat(2, minmax(0, 1fr));
      gap: 12px;
      align-items: stretch;
      padding: 14px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.18);
      background:
        linear-gradient(180deg, rgba(var(--theme-accent-rgb), 0.08), rgba(8, 12, 18, 0.92)),
        rgba(8, 12, 18, 0.82);
      box-shadow: 0 0 24px rgba(var(--theme-accent-rgb), 0.12);
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .combat-resource-row > * {
      min-width: 0;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .combat-resource-health {
      min-width: 0;
      display: flex;
      align-items: stretch;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .combat-resource-health .structured-health-row {
      width: 100%;
      margin-bottom: 0;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-technique-cluster {
      display: block;
      padding: 0;
      margin-bottom: 0;
      overflow: hidden;
      grid-column: 1 / -1;
      background:
        linear-gradient(180deg, rgba(var(--theme-secondary-rgb), 0.10), rgba(8, 12, 18, 0.92)),
        var(--container-rest-bg, rgba(8, 12, 18, 0.82));
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row {
      --structured-preview-card-height: 138px;
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
      gap: 12px;
      align-items: stretch;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row > * {
      min-width: 0;
      min-height: var(--structured-preview-card-height, 102px);
      grid-column: auto !important;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row > * + * {
      border-left: 0;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-main {
      min-width: 0;
      display: flex;
      align-items: stretch;
      overflow: hidden;
      border: 1px solid var(--border-2);
      background: var(--container-rest-bg, rgba(8, 12, 18, 0.82));
      box-shadow: var(--container-rest-shadow, 0 0 24px var(--theme-glow));
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-support {
      min-width: 0;
      min-height: var(--structured-preview-card-height, 102px);
      display: grid;
      grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
      column-gap: 16px;
      align-items: stretch;
      overflow: hidden;
      padding: 0 10px;
      border: 1px solid var(--border-2);
      background: var(--container-rest-bg, rgba(8, 12, 18, 0.82));
      box-shadow: var(--container-rest-shadow, 0 0 24px var(--theme-glow));
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-support > * {
      min-width: 0;
      min-height: var(--structured-preview-card-height, 102px);
      grid-column: span 1 !important;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-support > * + * {
      border-left: 0;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-main .focus-loop-bar-card {
      width: 100%;
      height: 100%;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row .structured-preview-standard-card,
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row .focus-loop-bar-card {
      border: 0;
      background: transparent;
      box-shadow: none;
      border-radius: 0;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row .structured-preview-standard-card {
      padding: 14px 16px;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row .structured-preview-standard-card[data-structured-stat="action points"] .structured-preview-card-copy {
      grid-template-columns: minmax(0, 1fr) 72px;
      grid-template-rows: minmax(0, 1fr);
      column-gap: 12px;
      row-gap: 0;
      align-items: center;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row .structured-preview-standard-card[data-structured-stat="action points"] .structured-preview-label {
      min-height: 0;
      color: var(--ink);
      font-size: 22px;
      letter-spacing: 0.04em;
      line-height: 1;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row .structured-preview-standard-card[data-structured-stat="action points"] .structured-preview-current-shell {
      justify-self: end;
      align-self: center;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row .structured-preview-standard-card[data-structured-stat="speed"] .structured-preview-card-copy {
      padding-bottom: 0;
      grid-template-columns: max-content 72px;
      justify-content: center;
      justify-items: start;
      column-gap: 14px;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row .structured-preview-standard-card[data-structured-stat="speed"] .structured-preview-current-shell {
      justify-self: end;
      align-self: center;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row .structured-preview-standard-card[data-structured-stat="speed"] .structured-speed-lane {
      position: relative;
      left: auto;
      right: auto;
      bottom: auto;
      width: 100%;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .combat-resource-row .structured-preview-standard-card,
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .combat-resource-secondary .structured-preview-standard-card {
      grid-column: auto;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .combat-resource-secondary {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 12px;
      min-width: 0;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-structured-card {
      display: block;
      border-radius: 0;
      background: var(--container-rest-bg, rgba(8, 12, 18, 0.82));
      border: 1px solid var(--border-2);
      box-shadow: var(--container-rest-shadow, 0 0 24px var(--theme-glow));
      position: relative;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-standard-card.is-technique-granted-resource {
      border-color: rgba(var(--theme-secondary-rgb), 0.48);
      background:
        linear-gradient(180deg, rgba(var(--theme-secondary-rgb), 0.18), rgba(8, 12, 18, 0.88)),
        var(--container-rest-bg, rgba(8, 12, 18, 0.82));
      box-shadow:
        0 0 20px rgba(var(--theme-secondary-rgb), 0.16),
        var(--container-rest-shadow, 0 0 24px var(--theme-glow));
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-standard-card.is-technique-granted-resource .structured-preview-label,
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-standard-card.is-technique-granted-resource [data-technique-resource-label] {
      color: var(--ink);
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-standard-card.is-technique-granted-resource .structured-preview-metric-chip {
      border-color: rgba(var(--theme-secondary-rgb), 0.34);
      background: rgba(0, 0, 0, 0.44);
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-standard-card.is-technique-granted-resource .structured-preview-current-box {
      border-color: rgba(var(--theme-secondary-rgb), 0.42);
      background: rgba(0, 0, 0, 0.38);
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-card-copy {
      display: grid;
      grid-template-columns: minmax(0, 1fr) var(--structured-preview-current-size);
      align-items: center;
      gap: 10px;
      width: 100%;
      height: 100%;
      min-width: 0;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-title-stack {
      min-width: 0;
      display: grid;
      grid-template-rows: var(--structured-preview-title-height) var(--structured-preview-metric-height);
      align-content: center;
      justify-content: stretch;
      row-gap: 4px;
      overflow: hidden;
      height: 100%;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-label {
      width: 100%;
      max-width: none;
      padding-left: 0;
      min-height: var(--structured-preview-title-height);
      display: flex;
      align-items: center;
      color: var(--ink);
      font-family: "Rajdhani", sans-serif;
      font-size: clamp(20px, 2.1vw, 26px);
      font-weight: 700;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      line-height: 0.95;
      white-space: normal;
      overflow-wrap: normal;
      word-break: keep-all;
      hyphens: auto;
      text-align: left;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .focus-loop-bar-card .focus-loop-title {
      color: var(--ink);
      font-family: "Rajdhani", sans-serif;
      font-size: 22px;
      font-weight: 700;
      letter-spacing: 0.04em;
      line-height: 1;
      text-transform: uppercase;
      white-space: nowrap;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-standard-card[data-structured-stat="action points"] .structured-preview-label {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      font-size: 22px;
      letter-spacing: 0.04em;
      line-height: 1;
      white-space: normal;
      max-width: 6.4ch;
      color: var(--ink);
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-standard-card[data-structured-stat="speed"] .structured-preview-label {
      color: var(--ink);
      font-size: 22px;
      letter-spacing: 0.04em;
      line-height: 1;
      width: auto;
      min-width: 0;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-standard-card[data-structured-stat="action points"] .structured-preview-label .structured-label-line {
      display: block;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-standard-card[data-structured-stat="action points"] .structured-preview-label .structured-label-line + .structured-label-line {
      margin-left: 0.24em;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-card-copy.is-action-points-card-copy .structured-preview-title-stack.is-action-points-title-stack {
      grid-column: 1;
      grid-row: 1;
      grid-template-rows: minmax(0, 1fr);
      row-gap: 0;
      align-self: center;
      align-content: center;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-card-copy.is-action-points-card-copy .structured-preview-current-shell {
      grid-column: 2;
      grid-row: 1;
      align-self: center;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-metric-strip {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 8px;
      min-height: var(--structured-preview-metric-height);
      min-width: 0;
      overflow: hidden;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-card-copy.is-speed-card-copy {
      display: flex !important;
      align-items: center;
      justify-content: center;
      min-height: 100%;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-speed-head {
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) 164px;
      align-items: center;
      column-gap: 24px;
      min-width: 0;
      width: 100%;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-title-stack.is-speed-title-stack {
      grid-template-rows: var(--structured-preview-title-height) auto;
      row-gap: 8px;
      align-self: center;
      align-content: center;
      height: auto;
      overflow: visible;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-speed-head .structured-preview-title-stack.is-speed-title-stack {
      min-width: 0;
      overflow: visible;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-title-stack.is-speed-title-stack.is-speed-title-only {
      grid-template-rows: minmax(0, 1fr);
      row-gap: 0;
      align-content: center;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-speed-dial {
      position: relative;
      width: 164px;
      height: 112px;
      display: flex;
      align-items: center;
      justify-content: center;
      justify-self: end;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-card-copy.is-speed-card-copy .structured-speed-lane {
      display: flex;
      align-items: center;
      justify-content: center;
      min-height: 102px;
      width: 152px;
      position: relative !important;
      padding: 0;
      overflow: visible;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-speed-gauge-shell {
      display: inline-flex;
      align-items: center;
      justify-content: flex-start;
      min-width: 0;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-speed-gauge-svg {
      width: 152px;
      height: 94px;
      display: block;
      overflow: visible;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-standard-card[data-structured-stat="speed"] .structured-preview-current-shell.is-speed-current-shell {
      position: absolute;
      inset: 0;
      margin: auto;
      width: 72px;
      min-width: 72px;
      max-width: 72px;
      height: 72px;
      min-height: 72px;
      pointer-events: none;
      z-index: 2;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-standard-card[data-structured-stat="speed"] .structured-preview-current-shell.is-speed-current-shell .structured-preview-current-box {
      width: 58px;
      min-width: 58px;
      height: 58px;
      min-height: 58px;
      border-radius: 999px;
      border-color: rgba(var(--theme-accent-rgb), 0.42);
      box-shadow:
        inset 0 0 0 1px rgba(255,255,255,0.04),
        0 0 8px rgba(255,255,255,0.12);
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-speed-gauge-track {
      fill: none;
      stroke: rgba(var(--theme-accent-rgb), 0.16);
      stroke-width: 6;
      stroke-linecap: round;
      vector-effect: non-scaling-stroke;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-speed-gauge-fill {
      fill: none;
      stroke: rgba(var(--theme-accent-rgb), 0.94);
      stroke-width: 4.4;
      stroke-linecap: round;
      vector-effect: non-scaling-stroke;
      opacity: 0.16;
      transition:
        opacity 160ms ease,
        stroke 160ms ease,
        filter 160ms ease;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-speed-gauge-fill.is-lit {
      opacity: 1;
      filter: drop-shadow(0 0 6px rgba(var(--theme-accent-rgb), 0.26));
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-speed-gauge-tick {
      fill: none;
      stroke: rgba(255, 255, 255, 0.46);
      stroke-width: 1.2;
      vector-effect: non-scaling-stroke;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-speed-gauge-needle {
      stroke: rgba(255, 255, 255, 0.88);
      stroke-width: 2;
      stroke-linecap: round;
      vector-effect: non-scaling-stroke;
      filter: drop-shadow(0 0 4px rgba(var(--theme-accent-rgb), 0.18));
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-speed-gauge-hub {
      fill: rgba(0, 0, 0, 0.92);
      stroke: rgba(var(--theme-accent-rgb), 0.62);
      stroke-width: 1.2;
      vector-effect: non-scaling-stroke;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row .structured-preview-standard-card[data-structured-stat="action points"] .structured-preview-card-copy,
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row .structured-preview-standard-card[data-structured-stat="speed"] .structured-preview-card-copy {
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) 72px;
      grid-template-rows: minmax(0, 1fr);
      column-gap: 12px;
      row-gap: 0;
      align-items: center;
      align-content: center;
      justify-items: stretch;
      height: 100%;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row .structured-preview-standard-card[data-structured-stat="speed"] .structured-preview-card-copy {
      grid-template-columns: max-content 72px;
      justify-content: center;
      justify-items: start;
      column-gap: 14px;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row .structured-preview-standard-card[data-structured-stat="action points"],
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row .structured-preview-standard-card[data-structured-stat="speed"] {
      overflow: hidden;
      isolation: isolate;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row .structured-preview-standard-card[data-structured-stat="action points"]::before,
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row .structured-preview-standard-card[data-structured-stat="speed"]::before {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      opacity: 0.92;
      background:
        linear-gradient(90deg, rgba(var(--theme-accent-rgb), 0.28), rgba(var(--theme-accent-rgb), 0.28)) left 12px top 12px / 18px 1px no-repeat,
        linear-gradient(180deg, rgba(var(--theme-accent-rgb), 0.28), rgba(var(--theme-accent-rgb), 0.28)) left 12px top 12px / 1px 14px no-repeat,
        linear-gradient(90deg, rgba(var(--theme-accent-rgb), 0.22), rgba(var(--theme-accent-rgb), 0.22)) right 12px bottom 12px / 18px 1px no-repeat,
        linear-gradient(180deg, rgba(var(--theme-accent-rgb), 0.22), rgba(var(--theme-accent-rgb), 0.22)) right 12px bottom 12px / 1px 14px no-repeat;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row .structured-preview-standard-card[data-structured-stat="action points"]::after,
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row .structured-preview-standard-card[data-structured-stat="speed"]::after {
      content: "";
      position: absolute;
      left: 16px;
      right: 96px;
      top: 50%;
      height: 1px;
      transform: translateY(-50%);
      pointer-events: none;
      background: linear-gradient(90deg, rgba(var(--theme-accent-rgb), 0.14), rgba(var(--theme-accent-rgb), 0.03) 72%, transparent);
      opacity: 0.9;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row .structured-preview-standard-card[data-structured-stat="action points"]::after {
      background:
        linear-gradient(90deg, rgba(var(--theme-accent-rgb), 0.16), rgba(var(--theme-accent-rgb), 0.04) 70%, transparent),
        repeating-linear-gradient(90deg, rgba(var(--theme-accent-rgb), 0.12) 0 8px, transparent 8px 16px);
      background-size: 100% 1px, 72px 1px;
      background-repeat: no-repeat;
      background-position: left center, left center;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row .structured-preview-standard-card[data-structured-stat="speed"]::after {
      content: none;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row .structured-preview-standard-card[data-structured-stat="action points"] .structured-preview-title-stack.is-action-points-title-stack,
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row .structured-preview-standard-card[data-structured-stat="speed"] .structured-preview-title-stack.is-speed-title-stack {
      min-height: 0;
      height: auto;
      align-self: center;
      align-content: center;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row .structured-preview-standard-card[data-structured-stat="action points"] .structured-preview-current-shell,
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row .structured-preview-standard-card[data-structured-stat="speed"] .structured-preview-current-shell {
      grid-row: 1;
      grid-column: 2;
      justify-self: end;
      align-self: center;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row .structured-preview-standard-card[data-structured-stat="action points"] .structured-preview-title-stack.is-action-points-title-stack,
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row .structured-preview-standard-card[data-structured-stat="speed"] .structured-preview-title-stack.is-speed-title-stack {
      grid-column: 1;
      grid-row: 1;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-metric-chip {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      min-height: 24px;
      padding: 0 8px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.22);
      background: rgba(0, 0, 0, 0.44);
      color: var(--muted);
      font: 600 12.333px/1 "Consolas", "Share Tech Mono", monospace;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      white-space: nowrap;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-metric-chip-value {
      color: #ffe07a;
      font-size: 12.333px;
      font-weight: 700;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-current-shell {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 5px;
      width: var(--structured-preview-current-size);
      min-width: var(--structured-preview-current-size);
      max-width: var(--structured-preview-current-size);
      align-self: center;
      overflow: visible;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-current-box {
      display: flex;
      align-items: center;
      justify-content: center;
      width: var(--structured-preview-current-box-size);
      min-width: var(--structured-preview-current-box-size);
      height: var(--structured-preview-current-box-size);
      min-height: var(--structured-preview-current-box-size);
      border: 1px solid rgba(var(--theme-accent-rgb), 0.28);
      background: rgba(0, 0, 0, 0.38);
      overflow: hidden;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-current-value,
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-current-input {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%;
      min-width: 0;
      padding: 0;
      border: 0;
      background: transparent;
      color: var(--ink);
      text-align: center;
      font-family: "Consolas", "Share Tech Mono", monospace;
      font-size: 38px;
      font-weight: 700;
      line-height: 1;
      letter-spacing: 0;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-current-input {
      color: rgb(var(--theme-accent-rgb));
      caret-color: rgb(var(--theme-accent-rgb));
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-current-caption {
      color: var(--muted);
      font: 600 9px/1 "Consolas", "Share Tech Mono", monospace;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      white-space: nowrap;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-current-shell.is-captionless {
      gap: 0;
      justify-content: center;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-current-shell.is-captionless .structured-preview-current-caption {
      display: none;
    }
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-current-input:focus,
    .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-current-input:focus-visible {
      outline: none;
      box-shadow: none;
    }
    @media (min-width: 821px) {
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .stat-grid-wide {
        --structured-preview-track: 118px;
        --structured-preview-gap: 12px;
        --structured-preview-card-height: 102px;
        --structured-preview-current-size: 70px;
        --structured-preview-current-box-size: 62px;
        --structured-preview-title-height: 42px;
        --structured-preview-metric-height: 24px;
        --structured-preview-clock-size: calc(var(--structured-preview-card-height) * 1.1);
        display: grid;
        grid-template-columns: repeat(10, minmax(0, 1fr));
        gap: var(--structured-preview-gap);
        align-items: start;
        justify-content: stretch;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .combat-resource-row {
        gap: var(--structured-preview-gap);
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-combat-cluster,
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .combat-resource-secondary {
        gap: var(--structured-preview-gap);
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-stat-card,
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-dynamic-card,
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-clock-card {
        min-height: var(--structured-preview-card-height);
        height: var(--structured-preview-card-height);
        padding: 12px;
        overflow: hidden;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-standard-card,
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-clock-card {
        grid-column: span 2;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-active-stance-card {
        grid-column: span 3;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-arsenal-card {
        grid-column: span 2;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-arsenal-card.is-content-wide {
        grid-column: span 4;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-structured-card {
        display: block;
        border-radius: 0;
        background: var(--container-rest-bg, rgba(8, 12, 18, 0.82));
        border: 1px solid var(--border-2);
        box-shadow: var(--container-rest-shadow, 0 0 24px var(--theme-glow));
        position: relative;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-standard-card.is-technique-granted-resource {
        border-color: rgba(var(--theme-secondary-rgb), 0.48);
        background:
          linear-gradient(180deg, rgba(var(--theme-secondary-rgb), 0.18), rgba(8, 12, 18, 0.88)),
          var(--container-rest-bg, rgba(8, 12, 18, 0.82));
        box-shadow:
          0 0 20px rgba(var(--theme-secondary-rgb), 0.16),
          var(--container-rest-shadow, 0 0 24px var(--theme-glow));
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-standard-card.is-technique-granted-resource .structured-preview-label,
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-standard-card.is-technique-granted-resource [data-technique-resource-label] {
        color: var(--ink);
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-standard-card.is-technique-granted-resource .structured-preview-metric-chip {
        border-color: rgba(var(--theme-secondary-rgb), 0.34);
        background: rgba(0, 0, 0, 0.44);
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-standard-card.is-technique-granted-resource .structured-preview-current-box {
        border-color: rgba(var(--theme-secondary-rgb), 0.42);
        background: rgba(0, 0, 0, 0.38);
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-card-copy {
        display: grid;
        grid-template-columns: minmax(0, 1fr) var(--structured-preview-current-size);
        align-items: center;
        gap: 10px;
        width: 100%;
        height: 100%;
        min-width: 0;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-title-stack {
        min-width: 0;
        display: grid;
        grid-template-rows: var(--structured-preview-title-height) var(--structured-preview-metric-height);
        align-content: center;
        justify-content: stretch;
        row-gap: 4px;
        overflow: hidden;
        height: 100%;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-label {
        width: 100%;
        max-width: none;
        padding-left: 0;
        min-height: var(--structured-preview-title-height);
        display: flex;
        align-items: center;
        color: var(--ink);
        font-family: "Rajdhani", sans-serif;
        font-size: clamp(20px, 2.1vw, 26px);
        font-weight: 700;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        line-height: 0.95;
        white-space: normal;
        overflow-wrap: normal;
        word-break: keep-all;
        hyphens: auto;
        text-align: left;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-standard-card[data-structured-stat="action points"] .structured-preview-label {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        font-size: 22px;
        letter-spacing: 0.04em;
        white-space: normal;
        max-width: 6.4ch;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-standard-card[data-structured-stat="action points"] .structured-preview-label .structured-label-line {
        display: block;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-standard-card[data-structured-stat="action points"] .structured-preview-label .structured-label-line + .structured-label-line {
        margin-left: 0.24em;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-metric-strip {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px;
        min-height: var(--structured-preview-metric-height);
        min-width: 0;
        overflow: hidden;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-metric-chip {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        min-height: 24px;
        padding: 0 8px;
        border: 1px solid rgba(var(--theme-accent-rgb), 0.22);
        background: rgba(0, 0, 0, 0.44);
        color: var(--muted);
        font: 600 12.333px/1 "Consolas", "Share Tech Mono", monospace;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        white-space: nowrap;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-metric-chip-value {
        color: #ffe07a;
        font-size: 12.333px;
        font-weight: 700;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-current-shell {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 5px;
        width: var(--structured-preview-current-size);
        min-width: var(--structured-preview-current-size);
        max-width: var(--structured-preview-current-size);
        align-self: center;
        overflow: visible;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-current-box {
        display: flex;
        align-items: center;
        justify-content: center;
        width: var(--structured-preview-current-box-size);
        min-width: var(--structured-preview-current-box-size);
        height: var(--structured-preview-current-box-size);
        min-height: var(--structured-preview-current-box-size);
        border: 1px solid rgba(var(--theme-accent-rgb), 0.28);
        background: rgba(0, 0, 0, 0.38);
        overflow: hidden;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-current-value,
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-current-input {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        min-width: 0;
        padding: 0;
        border: 0;
        background: transparent;
        color: var(--ink);
        text-align: center;
        font-family: "Consolas", "Share Tech Mono", monospace;
        font-size: 38px;
        font-weight: 700;
        line-height: 1;
        letter-spacing: 0;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-current-input {
        color: rgb(var(--theme-accent-rgb));
        caret-color: rgb(var(--theme-accent-rgb));
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-current-caption {
        color: var(--muted);
        font: 600 9px/1 "Consolas", "Share Tech Mono", monospace;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        white-space: nowrap;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-current-input:focus,
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-current-input:focus-visible {
        outline: none;
        box-shadow: none;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-active-stance-card {
        display: grid;
        grid-template-columns: minmax(0, 126px) minmax(0, 1fr);
        gap: 12px;
        align-items: center;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-active-stance-card .label {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 0;
        min-width: 0;
        min-height: 100%;
        max-width: none;
        white-space: normal;
        color: var(--ink);
        font-family: "Rajdhani", sans-serif;
        font-size: 20px;
        font-weight: 700;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        line-height: 0.95;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-active-stance-card .label.structured-label-stackable .structured-label-line {
        display: block;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-active-stance-card .label.structured-label-stackable .structured-label-line + .structured-label-line {
        margin-left: 0.24em;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-active-stance-card .structured-active-stance-shell {
        max-width: min(100%, 238px);
        min-height: 42px;
        height: 42px;
        width: 100%;
        padding: 0 28px 0 12px;
        border: 1px solid rgba(var(--theme-accent-rgb), 0.28);
        background: rgba(0, 0, 0, 0.38);
        box-shadow: none;
        overflow: hidden;
        align-self: center;
        justify-self: start;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-active-stance-card .structured-active-stance-shell.has-dropdown {
        padding: 0 28px 0 12px;
        border: 1px solid rgba(var(--theme-accent-rgb), 0.28);
        background: rgba(0, 0, 0, 0.38);
        box-shadow: none;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-active-stance-card .structured-active-stance-field,
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-active-stance-card .structured-active-stance-static,
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-active-stance-card .structured-dynamic-select-inline.stance-select {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        min-height: 100%;
        font-family: "Rajdhani", sans-serif;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 0.04em;
        line-height: 1;
        color: var(--ink);
        text-transform: uppercase;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .attribute-strain-preview-card {
        display: grid;
        grid-template-columns: 42px minmax(0, 1fr) 86px;
        gap: 0;
        align-items: stretch;
        border-color: rgba(255, 138, 61, 0.62);
        background: linear-gradient(180deg, rgba(255, 138, 61, 0.24), rgba(8, 12, 18, 0.88));
        overflow: hidden;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .attribute-strain-preview-card .attribute-entry-sidebar {
        display: grid;
        place-items: center;
        background: rgba(0, 0, 0, 0.86);
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .attribute-strain-preview-card .attribute-strain-preview-face,
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .attribute-strain-preview-card .attribute-strain-preview-face .strain-clock-face-image,
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .attribute-strain-preview-card .attribute-strain-preview-face .strain-clock-face-svg {
        width: 20px;
        height: 20px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .attribute-strain-preview-card .attribute-entry-main {
        display: grid;
        align-content: center;
        padding: 8px 12px;
        min-width: 0;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .attribute-strain-preview-card .attribute-entry-name-row {
        display: block;
        min-width: 0;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .attribute-strain-preview-card .attribute-entry-name {
        color: var(--ink);
        font-family: "Rajdhani", sans-serif;
        font-size: 21px;
        font-weight: 700;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        line-height: 0.95;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .attribute-strain-preview-card .attribute-entry-value {
        grid-column: 3;
        justify-self: end;
        display: grid;
        justify-items: center;
        align-content: center;
        min-width: 86px;
        width: 86px;
        padding: 4px 10px;
        gap: 0;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .attribute-strain-preview-card .attribute-entry-value-main {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        justify-items: center;
        gap: 0;
        width: 100%;
        margin-left: 0;
        white-space: nowrap;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .attribute-strain-preview-card .attribute-strain-preview-readout {
        display: inline-flex;
        align-items: center;
        align-content: center;
        justify-content: center;
        justify-self: center;
        width: auto;
        max-width: none;
        flex: 0 0 auto;
        min-width: 0;
        margin-left: 0;
        border: 1px solid rgba(var(--attribute-accent-rgb, var(--theme-accent-rgb)), 0.54);
        background: rgba(0, 0, 0, 0.82);
        box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.32), 0 0 10px rgba(var(--attribute-accent-rgb, var(--theme-accent-rgb)), 0.12);
        box-sizing: border-box;
        min-height: 40px;
        height: 40px;
        padding: 1px 11px 0;
        gap: 0;
        align-self: center;
        color: var(--ink);
        font-family: "Rajdhani", sans-serif;
        font-size: 36px;
        font-weight: 700;
        letter-spacing: 0;
        line-height: 1;
        white-space: nowrap;
        flex-wrap: nowrap;
        vertical-align: middle;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .attribute-strain-preview-card .attribute-strain-preview-current,
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .attribute-strain-preview-card .attribute-strain-preview-max,
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .attribute-strain-preview-card .attribute-strain-preview-separator {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 auto;
        font-family: "Rajdhani", sans-serif;
        font-size: 36px;
        font-weight: 700;
        line-height: 1;
        letter-spacing: 0;
        color: var(--ink);
        white-space: nowrap;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .attribute-strain-preview-card .attribute-strain-preview-current {
        width: auto;
        min-width: 1ch;
        max-width: none;
        flex: 0 0 auto;
        text-align: center;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .attribute-strain-preview-card .attribute-strain-preview-separator {
        margin: 0 8px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .attribute-strain-preview-card .attribute-strain-preview-current[data-structured-proxy-edit] {
        display: inline-block !important;
        vertical-align: baseline;
        border: 0;
        background: transparent;
        width: auto !important;
        min-width: 1ch !important;
        max-width: 2.6ch !important;
        height: 1em !important;
        min-height: 0 !important;
        max-height: 1em !important;
        padding: 0 !important;
        margin: 0 !important;
        box-sizing: content-box !important;
        color: var(--ink);
        text-align: center;
        caret-color: rgb(var(--theme-accent-rgb));
        font-family: "Rajdhani", sans-serif;
        font-size: 36px;
        font-weight: 700;
        line-height: 1 !important;
        overflow: hidden;
        outline: none;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .attribute-strain-preview-card .attribute-strain-preview-readout.is-editing {
        box-shadow: none;
      }
      .attribute-extra-card.attribute-strain-preview-card {
        grid-template-columns: 42px minmax(0, 1fr) max-content;
        min-width: 0;
      }
      .attribute-extra-card.attribute-strain-preview-card .attribute-entry-main {
        min-width: 0;
        overflow: hidden;
      }
      .attribute-extra-card.attribute-strain-preview-card .attribute-entry-name {
        min-width: 0;
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      .attribute-extra-card.attribute-strain-preview-card .attribute-entry-value {
        min-width: max-content;
        width: max-content;
        max-width: 100%;
      }
      .attribute-extra-card.attribute-strain-preview-card .attribute-entry-value-main {
        display: inline-flex;
        align-items: center;
        justify-content: flex-end;
        gap: 0;
        width: 100%;
        white-space: nowrap;
      }
      .attribute-extra-card.attribute-strain-preview-card .attribute-strain-preview-readout {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        width: auto;
        flex: 0 0 auto;
        margin-left: 0;
        border: 1px solid rgba(255, 138, 61, 0.58) !important;
        background: rgba(0, 0, 0, 0.82) !important;
        box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.32), 0 0 10px rgba(255, 138, 61, 0.14) !important;
        box-sizing: border-box;
        min-height: 40px;
        height: 40px;
        padding: 1px 14px 0;
        gap: 0;
        color: var(--ink);
        font-family: "Rajdhani", sans-serif;
        font-size: 36px;
        font-weight: 700;
        letter-spacing: 0;
        line-height: 1;
        white-space: nowrap;
        flex-wrap: nowrap;
      }
      .attribute-extra-card.attribute-strain-preview-card .attribute-strain-preview-current,
      .attribute-extra-card.attribute-strain-preview-card .attribute-strain-preview-max,
      .attribute-extra-card.attribute-strain-preview-card .attribute-strain-preview-separator {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 auto;
        font-family: "Rajdhani", sans-serif;
        font-size: 36px;
        font-weight: 700;
        line-height: 1;
        letter-spacing: 0;
        color: var(--ink);
        white-space: nowrap;
      }
      .attribute-extra-card.attribute-strain-preview-card .attribute-strain-preview-current {
        width: auto;
        min-width: 1ch;
        max-width: none;
        flex: 0 0 auto;
        color: rgb(var(--theme-accent-rgb));
        text-align: center;
      }
      .attribute-extra-card.attribute-strain-preview-card .attribute-strain-preview-separator {
        margin: 0 8px;
      }
      .attribute-extra-card.attribute-strain-preview-card .attribute-strain-preview-current[data-structured-proxy-edit] {
        display: inline-block !important;
        vertical-align: baseline;
        border: 0;
        background: transparent;
        width: auto !important;
        min-width: 1ch !important;
        max-width: 2.6ch !important;
        height: 1em !important;
        min-height: 0 !important;
        max-height: 1em !important;
        padding: 0 !important;
        margin: 0 !important;
        box-sizing: content-box !important;
        color: rgb(var(--theme-accent-rgb));
        text-align: center;
        caret-color: rgb(var(--theme-accent-rgb));
        font-family: "Rajdhani", sans-serif;
        font-size: 36px;
        font-weight: 700;
        line-height: 1 !important;
        overflow: hidden;
        outline: none;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-arsenal-card {
        position: relative;
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 8px;
        align-content: start;
        overflow: visible;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-arsenal-card .structured-dynamic-card-copy {
        display: block;
        padding-top: 0;
        padding-left: 0;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-arsenal-card .structured-arsenal-badge {
        --arsenal-badge-size: 40px;
        --technique-source-glyph-size: var(--arsenal-badge-size);
        position: absolute;
        top: 2px;
        right: 8px;
        left: auto;
        transform: none;
        pointer-events: auto;
        z-index: 5;
        margin-left: 0;
        min-width: var(--arsenal-badge-size);
        width: var(--arsenal-badge-size);
        height: var(--arsenal-badge-size);
        min-height: var(--arsenal-badge-size);
        padding: 0;
        box-sizing: border-box;
        border: 1px solid transparent;
        border-radius: 0;
        background: transparent;
        color: rgb(var(--theme-secondary-rgb));
        box-shadow: none;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-arsenal-card .structured-arsenal-badge .tech-granted-indicator-glyph {
        color: rgb(var(--theme-secondary-rgb));
        line-height: 1;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-arsenal-card .label {
        color: var(--ink);
        font-family: "Rajdhani", sans-serif;
        font-size: 22px;
        font-weight: 700;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        line-height: 0.92;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-arsenal-card .structured-dynamic-list {
        display: flex;
        flex-wrap: nowrap;
        gap: 8px;
        align-items: center;
        min-width: 0;
        margin-top: 8px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-arsenal-card .structured-dynamic-row {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 34px;
        gap: 0;
        min-width: 0;
        align-items: stretch;
        border: 1px solid rgba(var(--theme-accent-rgb), 0.22);
        background: rgba(0, 0, 0, 0.44);
        box-sizing: border-box;
        overflow: hidden;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-arsenal-card .structured-dynamic-row-label {
        display: inline-flex;
        align-items: center;
        min-height: 28px;
        padding: 0 10px;
        border: 0;
        border-right: 0;
        background: transparent;
        color: var(--muted);
        font: 600 11px/1 "Consolas", "Share Tech Mono", monospace;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-arsenal-card .structured-dynamic-input.compact,
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-arsenal-card .structured-dynamic-static.compact {
        min-width: 34px;
        width: 34px;
        min-height: 28px;
        height: 28px;
        border: 0;
        border-left: 0;
        background: transparent;
        justify-content: flex-end;
        text-align: right;
        padding: 0 6px 0 4px;
        box-shadow: none;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-clock-card {
        display: block;
        position: relative;
        padding-right: 0;
        overflow: visible;
        --structured-preview-clock-right-inset: calc((var(--structured-preview-current-size) - var(--structured-preview-current-box-size)) / 2);
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-clock-card .structured-clock-copy {
        min-height: 0;
        padding: 0;
        display: block;
        height: 100%;
        max-width: calc(100% - (var(--structured-preview-clock-size) + (var(--structured-preview-clock-right-inset) * 2)));
        box-sizing: border-box;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-clock-card .structured-clock-header {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        min-width: 0;
        height: 100%;
        width: 100%;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-clock-card .label {
        display: block;
        width: 100%;
        padding-left: 0;
        text-align: left;
        font-size: clamp(20px, 2.4vw, 30px);
        line-height: 0.98;
        min-height: var(--structured-preview-title-height);
        max-width: 7.15ch;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-clock-card .structured-clock-readout {
        display: none !important;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-clock-card .structured-clock-demo-visual {
        position: absolute;
        top: 50%;
        right: var(--structured-preview-clock-right-inset);
        transform: translateY(-50%);
        display: grid !important;
        width: var(--structured-preview-clock-size);
        min-width: var(--structured-preview-clock-size);
        height: var(--structured-preview-clock-size);
        justify-self: auto;
        align-self: auto;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-clock-card .structured-clock-demo-svg,
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-clock-card .structured-clock-demo-svg-shell {
        width: var(--structured-preview-clock-size);
        height: var(--structured-preview-clock-size);
      }
      body.tooltip-system-ready .tech-accordion {
        overflow: visible;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .tech-option-pill-row {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        width: 100%;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .tech-option-pill {
        display: inline-flex;
        align-items: center;
        width: auto;
        max-width: 100%;
        min-width: 0;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .tech-option-pill.is-wide {
        display: inline-grid;
        grid-template-columns: max-content minmax(0, 1fr);
        align-items: center;
        column-gap: 10px;
        width: fit-content;
        max-width: min(100%, 520px);
        flex: 0 1 auto;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .tech-option-pill.is-wide .tech-option-pill-value {
        white-space: normal;
        word-break: normal;
        overflow-wrap: anywhere;
      }
    }
    @media (min-width: 1141px) and (max-width: 1580px) {
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .stat-grid-wide {
        grid-template-columns: repeat(8, minmax(0, 1fr));
      }
    }
    @media (min-width: 821px) and (max-width: 1140px) {
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .stat-grid-wide {
        grid-template-columns: repeat(6, minmax(0, 1fr));
      }
    }
    @media (max-width: 1180px) {
      .structured-clock-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      .structured-dynamic-grid {
        display: contents;
      }
      .structured-clock-card {
        min-height: 80px;
        padding-right: 100px;
      }
      .structured-clock-header {
        grid-template-columns: minmax(0, 1fr);
        align-items: start;
      }
      .structured-clock-card .label {
        padding-left: 12px;
        font-size: 21px;
        line-height: 1;
      }
      .structured-clock-readout {
        justify-self: start;
        min-width: 60px;
        min-height: 22px;
        padding-left: 6px;
        padding-right: 6px;
      }
      .structured-clock-readout-value {
        font-size: 21px;
      }
      .structured-clock-card .structured-clock-demo-svg,
      .structured-clock-card .structured-clock-demo-svg-shell {
        width: 90px;
        height: 90px;
      }
      .structured-dynamic-count-grid,
      .structured-dynamic-slot-list {
        grid-template-columns: minmax(0, 1fr);
      }
    }
    @media (max-width: 820px) {
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .stat-grid-wide {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-stat-card,
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-dynamic-card,
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-clock-card {
        min-height: 88px;
        height: 88px;
        padding: 10px;
        overflow: hidden;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-structured-card {
        display: block;
        border-radius: 0;
        background: var(--container-rest-bg, rgba(8, 12, 18, 0.82));
        border: 1px solid var(--border-2);
        box-shadow: var(--container-rest-shadow, 0 0 24px var(--theme-glow));
        position: relative;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-standard-card,
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-clock-card {
        grid-column: span 1;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-active-stance-card,
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .attribute-strain-preview-card {
        grid-column: span 2;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-arsenal-card {
        grid-column: span 1;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-arsenal-card.is-content-wide {
        grid-column: span 2;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-card-copy {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 58px;
        align-items: center;
        gap: 8px;
        width: 100%;
        height: 100%;
        min-width: 0;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-title-stack {
        min-width: 0;
        display: grid;
        grid-template-rows: 34px 22px;
        align-content: center;
        row-gap: 4px;
        overflow: hidden;
        height: 100%;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-label {
        min-height: 34px;
        font-size: clamp(16px, 4.4vw, 21px);
        line-height: 0.96;
        letter-spacing: 0.05em;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-metric-strip {
        min-height: 22px;
        gap: 6px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-metric-chip {
        min-height: 22px;
        padding: 0 7px;
        gap: 6px;
        font-size: 11px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-metric-chip-value {
        font-size: 11px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-current-shell {
        width: 58px;
        min-width: 58px;
        max-width: 58px;
        gap: 4px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-current-box {
        width: 50px;
        min-width: 50px;
        height: 50px;
        min-height: 50px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-current-value,
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-current-input {
        font-size: 30px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-active-stance-card {
        display: grid;
        grid-template-columns: minmax(0, 112px) minmax(0, 1fr);
        gap: 10px;
        align-items: center;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-active-stance-card .label {
        font-size: 18px;
        line-height: 0.95;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-active-stance-card .structured-active-stance-shell {
        max-width: none;
        min-height: 38px;
        height: 38px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-active-stance-card .structured-active-stance-field,
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-active-stance-card .structured-active-stance-static,
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-active-stance-card .structured-dynamic-select-inline.stance-select {
        font-size: 15px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-arsenal-card .label {
        font-size: 20px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-arsenal-card .structured-dynamic-list {
        gap: 6px;
        margin-top: 6px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-clock-card {
        position: relative;
        padding-right: 0;
        overflow: visible;
        --structured-preview-clock-size: 76px;
        --structured-preview-clock-right-inset: 0px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-clock-card .structured-clock-copy {
        max-width: calc(100% - (var(--structured-preview-clock-size) + 8px));
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-clock-card .label {
        padding-left: 0;
        font-size: clamp(16px, 4.4vw, 24px);
        line-height: 0.96;
        max-width: 6.9ch;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-clock-card .structured-clock-demo-visual {
        right: var(--structured-preview-clock-right-inset);
        width: var(--structured-preview-clock-size);
        min-width: var(--structured-preview-clock-size);
        height: var(--structured-preview-clock-size);
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-clock-card .structured-clock-demo-svg,
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-clock-card .structured-clock-demo-svg-shell {
        width: var(--structured-preview-clock-size);
        height: var(--structured-preview-clock-size);
      }
      .attribute-stack,
      .attribute-extra-grid {
        --attribute-shell-height: 54px;
      }
      .structured-clock-grid {
        grid-template-columns: minmax(0, 1fr);
      }
      .structured-dynamic-grid {
        display: contents;
      }
      .structured-clock-card {
        min-height: 74px;
        padding-right: 90px;
      }
      .structured-clock-header {
        grid-template-columns: minmax(0, 1fr);
        row-gap: 3px;
      }
      .structured-clock-card .label {
        padding-left: 12px;
        font-size: 21px;
        line-height: 1;
      }
      .structured-clock-card .structured-clock-demo-visual {
        min-width: 74px;
      }
      .structured-clock-card .structured-clock-demo-svg,
      .structured-clock-card .structured-clock-demo-svg-shell {
        width: 76px;
        height: 76px;
      }
      .attribute-strain-clock-card,
      .attribute-influence-clock-card {
        min-height: var(--attribute-shell-height, 54px);
      }
      .attribute-influence-clock-card {
        grid-template-columns: 42px minmax(0, 1fr) auto;
        align-items: stretch;
        overflow: hidden;
      }
      .attribute-influence-clock-card .attribute-entry-sidebar {
        grid-column: 1;
        border-left: none;
        border-right: 1px solid rgba(var(--theme-accent-rgb), 0.16);
      }
      .attribute-influence-clock-card .attribute-entry-main {
        grid-column: 2;
        padding: 8px 10px;
      }
      .attribute-influence-clock-card .attribute-entry-name-row {
        justify-content: flex-start;
      }
      .attribute-influence-clock-card .attribute-entry-name {
        margin-left: 0;
        text-align: left;
      }
      .attribute-influence-clock-card .attribute-entry-value {
        grid-column: 3;
        min-width: 72px;
        padding: 8px 10px;
        gap: 0;
      }
      .attribute-strain-clock-shell {
        width: 80px;
        min-width: 80px;
      }
      .attribute-strain-clock-visual .structured-clock-demo-svg-shell,
      .attribute-strain-clock-visual .structured-clock-demo-svg {
        width: 80px;
        height: 80px;
      }
      .attribute-strain-clock-visual,
      .attribute-influence-clock-visual {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        transform: none !important;
      }
      .attribute-strain-clock-readout,
      .attribute-influence-readout {
        min-height: 30px;
        padding: 0 8px;
        font-size: 16px;
      }
      .structured-clock-readout,
      .attribute-strain-clock-readout {
        gap: 4px;
        padding-left: 6px;
        padding-right: 6px;
      }
      .structured-clock-readout-value {
        font-size: 17px;
      }
    }
    @container structured-preview-main (max-width: 1360px) {
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .stat-grid-wide {
        grid-template-columns: repeat(8, minmax(0, 1fr));
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-clock-card {
        --structured-preview-clock-size: 90px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-clock-card .structured-clock-copy {
        max-width: calc(100% - (var(--structured-preview-clock-size) + 2px));
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-clock-card .label {
        font-size: clamp(19px, 2.05vw, 24px);
        max-width: 6.3ch;
      }
    }
    @container structured-preview-main (max-width: 1200px) {
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-clock-card {
        --structured-preview-clock-size: 86px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-clock-card .structured-clock-copy {
        max-width: calc(100% - var(--structured-preview-clock-size));
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-clock-card .label {
        font-size: clamp(18px, 1.85vw, 22px);
        max-width: 5.9ch;
      }
    }
    @container structured-preview-main (max-width: 1080px) {
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .stat-grid-wide {
        grid-template-columns: repeat(6, minmax(0, 1fr));
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row {
        grid-template-columns: minmax(0, 0.84fr) minmax(0, 1.16fr);
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row > * + * {
        border-left: 0;
        border-top: 0;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-support {
        grid-template-columns: minmax(0, 0.94fr) minmax(0, 1.06fr);
        column-gap: 10px;
        padding: 0 6px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row .structured-preview-standard-card,
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row .focus-loop-bar-card {
        min-height: 112px;
        height: 112px;
        padding: 10px 12px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row .structured-preview-standard-card[data-structured-stat="action points"] .structured-preview-card-copy,
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row .structured-preview-standard-card[data-structured-stat="speed"] .structured-preview-card-copy {
        grid-template-columns: minmax(0, 1fr) 62px;
        column-gap: 8px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row .structured-preview-standard-card[data-structured-stat="speed"] .structured-preview-card-copy {
        justify-content: stretch;
        justify-items: stretch;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row .structured-speed-head {
        gap: 8px !important;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row .structured-speed-dial {
        width: 126px !important;
        flex: 0 0 126px !important;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row .structured-speed-lane {
        width: 126px !important;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row .structured-preview-standard-card[data-structured-stat="speed"] .structured-preview-label,
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row .structured-preview-standard-card[data-structured-stat="action points"] .structured-preview-label {
        font-size: 16px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-label {
        font-size: clamp(18px, 2.35vw, 24px);
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-current-value,
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-current-input {
        font-size: 34px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-active-stance-card .label {
        font-size: 18px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-arsenal-card .structured-dynamic-list {
        flex-wrap: wrap;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-clock-card {
        --structured-preview-clock-size: 88px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-clock-card .structured-clock-copy {
        display: grid;
        align-content: center;
        max-width: calc(100% - (var(--structured-preview-clock-size) + 8px));
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-clock-card .structured-clock-header {
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        gap: 0;
        height: auto;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-clock-card .label {
        flex: 0 0 clamp(112px, 46%, 154px);
        width: clamp(112px, 46%, 154px);
        max-width: clamp(112px, 46%, 154px);
        padding-left: 12px;
        font-size: clamp(22px, 2.15vw, 26px);
        line-height: 1;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .attribute-strain-preview-card .attribute-entry-value {
        min-width: 86px;
        width: 86px;
      }
    }
    @container structured-preview-main (max-width: 760px) {
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-combat-cluster,
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .combat-resource-secondary {
        gap: 10px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .combat-resource-row {
        grid-template-columns: minmax(0, 1.55fr) repeat(2, minmax(132px, 0.72fr));
        gap: 10px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-technique-cluster {
        margin-bottom: 0;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row {
        --structured-preview-card-height: 128px;
        grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-support {
        grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
        column-gap: 12px;
        padding: 0 8px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .combat-resource-row .structured-preview-standard-card {
        min-height: 80px;
        height: 80px;
        padding: 10px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row .structured-preview-standard-card,
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row .focus-loop-bar-card {
        min-height: 112px;
        height: 112px;
        padding: 10px 12px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row .structured-preview-standard-card {
        padding: 10px 12px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .combat-resource-row .structured-preview-card-copy {
        grid-template-columns: minmax(0, 1fr) 60px;
        gap: 8px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row .focus-loop-copy {
        inset: 0 12px 0 12px;
        gap: 10px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row .focus-loop-copy-main {
        gap: 7px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .combat-resource-row .structured-preview-title-stack {
        grid-template-rows: 30px 20px;
        row-gap: 3px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .combat-resource-row .structured-preview-label {
        min-height: 30px;
        font-size: clamp(17px, 2vw, 22px);
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row .focus-loop-title {
        color: var(--ink);
        font-size: 22px;
        letter-spacing: 0.04em;
        line-height: 1;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row .focus-loop-title,
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row .structured-preview-standard-card[data-structured-stat="action points"] .structured-preview-label {
        color: var(--ink) !important;
        font-family: "Rajdhani", sans-serif !important;
        font-size: 22px !important;
        font-weight: 700 !important;
        letter-spacing: 0.04em !important;
        line-height: 1 !important;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .combat-resource-row .structured-preview-metric-chip {
        min-height: 20px;
        padding: 0 6px;
        font-size: 11px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row .focus-loop-metric-strip .structured-preview-metric-chip {
        min-height: 20px;
        padding: 0 6px;
        font-size: 11px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .combat-resource-row .structured-preview-metric-chip-value {
        font-size: 11px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row .focus-loop-metric-strip .structured-preview-metric-chip-value {
        font-size: 11px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row .structured-preview-title-stack.is-speed-title-stack {
        grid-template-rows: var(--structured-preview-title-height) auto;
        row-gap: 6px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row .structured-speed-lane {
        min-height: 56px;
        padding: 0;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row .structured-speed-gauge-svg {
        width: 118px;
        height: 70px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row .focus-bullseye-shell,
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row .focus-bullseye-visual,
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row .focus-bullseye-svg {
        width: 108px;
        min-width: 108px;
        height: 108px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row .focus-bullseye-core {
        width: 48px;
        height: 48px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row .focus-bullseye-core .structured-preview-current-value,
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row .focus-bullseye-core .structured-preview-current-input {
        font-size: 34px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .combat-resource-row .structured-preview-current-shell {
        width: 60px;
        min-width: 60px;
        max-width: 60px;
        gap: 4px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .combat-resource-row .structured-preview-current-box {
        width: 54px;
        min-width: 54px;
        height: 54px;
        min-height: 54px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .combat-resource-row .structured-preview-current-value,
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .combat-resource-row .structured-preview-current-input {
        font-size: 30px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row .focus-loop-current-shell {
        --structured-preview-current-size: 60px;
        --structured-preview-current-box-size: 54px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row .structured-preview-current-value,
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row .structured-preview-current-input {
        font-size: 30px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .stat-grid-wide {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-stat-card,
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-dynamic-card,
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-clock-card {
        min-height: 88px;
        height: 88px;
        padding: 10px;
        overflow: hidden;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-standard-card,
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-clock-card {
        grid-column: span 1;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-active-stance-card,
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .attribute-strain-preview-card {
        grid-column: span 2;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row .technique-attribute-main,
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .technique-attribute-row .focus-loop-bar-card {
        grid-column: span 2;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-arsenal-card {
        grid-column: span 1;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-arsenal-card.is-content-wide {
        grid-column: span 2;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-card-copy {
        grid-template-columns: minmax(0, 1fr) 58px;
        gap: 8px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-title-stack {
        grid-template-rows: 34px 22px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-label {
        min-height: 34px;
        font-size: clamp(16px, 4.4vw, 21px);
        line-height: 0.96;
        letter-spacing: 0.05em;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-metric-strip {
        min-height: 22px;
        gap: 6px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-metric-chip {
        min-height: 22px;
        padding: 0 7px;
        gap: 6px;
        font-size: 11px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-metric-chip-value {
        font-size: 11px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-current-shell {
        width: 58px;
        min-width: 58px;
        max-width: 58px;
        gap: 4px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-current-box {
        width: 50px;
        min-width: 50px;
        height: 50px;
        min-height: 50px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-current-value,
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-current-input {
        font-size: 30px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-active-stance-card {
        display: grid;
        grid-template-columns: minmax(0, 112px) minmax(0, 1fr);
        gap: 10px;
        align-items: center;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-active-stance-card .label {
        font-size: 18px;
        line-height: 0.95;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-active-stance-card .structured-active-stance-shell {
        max-width: none;
        min-height: 38px;
        height: 38px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-active-stance-card .structured-active-stance-field,
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-active-stance-card .structured-active-stance-static,
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-active-stance-card .structured-dynamic-select-inline.stance-select {
        font-size: 15px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-arsenal-card .label {
        font-size: 20px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-arsenal-card .structured-dynamic-list {
        gap: 6px;
        margin-top: 6px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-clock-card {
        position: relative;
        padding-right: 0;
        overflow: visible;
        --structured-preview-clock-size: 76px;
        --structured-preview-clock-right-inset: 0px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-clock-card .structured-clock-copy {
        display: grid;
        align-content: center;
        max-width: calc(100% - (var(--structured-preview-clock-size) + 8px));
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-clock-card .structured-clock-header {
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        gap: 0;
        height: auto;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-clock-card .label {
        flex: 0 0 clamp(90px, 50%, 116px);
        width: clamp(90px, 50%, 116px);
        max-width: clamp(90px, 50%, 116px);
        padding-left: 12px;
        font-size: clamp(18px, 4vw, 22px);
        line-height: 0.96;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .attribute-strain-preview-card .attribute-entry-value {
        min-width: 82px;
        width: 82px;
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-clock-card .structured-clock-demo-visual {
        right: var(--structured-preview-clock-right-inset);
        width: var(--structured-preview-clock-size);
        min-width: var(--structured-preview-clock-size);
        height: var(--structured-preview-clock-size);
      }
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-clock-card .structured-clock-demo-svg,
      .structured-layout[data-structured-layout-variant="structured_preview_v2"] .structured-preview-clock-card .structured-clock-demo-svg-shell {
        width: var(--structured-preview-clock-size);
        height: var(--structured-preview-clock-size);
      }
    }
    .structured-clock-stack {
      display: grid;
      gap: 6px;
      margin: -2px 0 4px;
    }
    .structured-clock-row {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      gap: 10px;
      align-items: center;
      min-width: 0;
    }
    .structured-clock-pill {
      display: grid;
      justify-items: start;
      gap: 6px;
      min-height: 0;
      padding: 8px 12px 8px 14px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.42);
      background: rgba(0, 0, 0, 0.48);
      box-sizing: border-box;
      min-width: 176px;
      max-width: 240px;
      position: relative;
    }
    .structured-clock-pill-label {
      color: var(--ink);
      font-family: "Rajdhani", sans-serif;
      font-size: 17px;
      font-weight: 700;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      line-height: 1;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      width: 100%;
      padding-left: 0;
    }
    .structured-clock-pill-value {
      display: block;
      width: 100%;
      margin-left: 0;
      color: var(--ink);
    }
    .structured-clock-current-field {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 6px;
      min-width: 92px;
      min-height: 32px;
      padding: 0 10px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.42);
      background: rgba(0, 0, 0, 0.68);
      box-sizing: border-box;
      width: fit-content;
      max-width: 100%;
      font-family: "Share Tech Mono", monospace;
      font-size: 12px;
      letter-spacing: 0.06em;
    }
    .structured-clock-pill-current,
    .structured-clock-pill-max,
    .structured-clock-pill-separator {
      color: var(--ink);
    }
    .structured-clock-pill-edit {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 2.4ch;
      min-width: 2.4ch;
      max-width: 2.4ch;
      min-width: 0;
      min-height: 100%;
      padding: 0;
      border: 0;
      background: transparent;
      color: rgb(var(--theme-accent-rgb));
      font: inherit;
      font-family: inherit;
      font-size: inherit;
      font-weight: inherit;
      letter-spacing: inherit;
      line-height: 1;
      text-align: center;
      box-sizing: border-box;
    }
    .structured-clock-pill-edit {
      appearance: textfield;
      -moz-appearance: textfield;
    }
    .structured-clock-pill-edit::-webkit-outer-spin-button,
    .structured-clock-pill-edit::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0;
    }
    .structured-clock-track {
      display: grid;
      grid-template-columns: repeat(var(--clock-segments, 1), minmax(0, 1fr));
      gap: 4px;
      align-items: center;
      min-width: 0;
      width: min(100%, calc((var(--clock-segments, 1) / 8) * 100%));
      justify-self: start;
    }
    .structured-clock-segment {
      position: relative;
      height: 24px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.34);
      background: rgba(0, 0, 0, 0.28);
      overflow: hidden;
    }
    .structured-clock-segment::after {
      content: "";
      position: absolute;
      inset: 0;
      opacity: 0;
      pointer-events: none;
      background:
        linear-gradient(135deg, transparent 45%, rgba(var(--theme-accent-rgb), 0.54) 47%, rgba(var(--theme-accent-rgb), 0.54) 53%, transparent 55%);
      transition: opacity 180ms ease;
    }
    .structured-clock-segment.is-empty::after {
      opacity: 1;
    }
    .structured-clock-segment-fill {
      position: absolute;
      inset: 0 auto 0 0;
      background: linear-gradient(90deg, rgba(var(--theme-accent-rgb), 0.68), rgba(var(--theme-accent-rgb), 0.98));
      box-shadow: inset 0 0 8px rgba(255,255,255,0.08);
      opacity: var(--clock-fill-opacity, 0.82);
      transition: width 110ms ease-out;
      will-change: width;
    }
    @media (max-width: 900px) {
      .structured-clock-row {
        grid-template-columns: minmax(0, 1fr);
      }
      .structured-clock-pill {
        width: 100%;
        max-width: none;
      }
      .structured-clock-track {
        width: min(100%, calc((var(--clock-segments, 1) / 8) * 100%));
      }
    }
    .structured-clock-card {
      --structured-metric-gap: clamp(4px, 0.55vw, 8px);
      --structured-metric-padding-x: clamp(4px, 0.5vw, 8px);
      --structured-metric-key-size: clamp(8px, 0.62vw, 10px);
      --structured-metric-key-spacing: 0.08em;
      container-type: inline-size;
      position: relative;
      grid-template-columns: minmax(0, 1fr);
      align-items: center;
      gap: 0;
      min-height: 92px;
      padding-top: 4px;
      padding-bottom: 4px;
      padding-right: var(--structured-clock-visual-reserve, clamp(102px, 13.4vw, 132px));
      border-color: rgba(var(--theme-accent-rgb), 0.46);
      background: rgba(var(--theme-accent-rgb), 0.10);
      box-shadow: 0 0 18px rgba(var(--theme-accent-rgb), 0.10);
      overflow: visible;
    }
    .structured-clock-copy {
      display: grid;
      align-content: center;
      gap: 4px;
      min-width: 0;
      min-height: 100%;
    }
    .structured-clock-header {
      display: flex;
      align-items: center;
      gap: 10px;
      min-width: 0;
      width: 100%;
    }
    .structured-clock-card .label {
      flex: 0 0 clamp(78px, 24%, 112px);
      width: clamp(78px, 24%, 112px);
      max-width: clamp(78px, 24%, 112px);
      min-width: 0;
      padding-left: 12px;
      font-size: 21px;
      line-height: 1;
      white-space: normal;
      overflow: visible;
      text-overflow: unset;
      overflow-wrap: normal;
      word-break: normal;
      hyphens: none;
      text-wrap: balance;
    }
    .structured-clock-readout {
      display: none;
      align-items: center;
      justify-self: start;
      flex: 0 0 auto;
      min-width: 0;
      min-height: 30px;
      padding: 0 8px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.24);
      background: rgba(0, 0, 0, 0.72);
      box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
    }
    .structured-clock-card.uses-readout-fallback .structured-clock-readout {
      display: inline-flex;
    }
    .structured-clock-readout.is-adjustable {
      gap: 8px;
    }
    .clock-readout-adjust {
      display: none;
      align-items: center;
      justify-content: center;
      width: 22px;
      height: 22px;
      padding: 0;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.42);
      border-radius: 999px;
      background: rgba(0, 0, 0, 0.78);
      color: var(--ink);
      font-family: "Rajdhani", sans-serif;
      font-size: 16px;
      font-weight: 700;
      line-height: 1;
      box-shadow: 0 0 10px rgba(var(--theme-accent-rgb), 0.14);
      cursor: pointer;
      transition: border-color 120ms ease, box-shadow 120ms ease, color 120ms ease;
    }
    .clock-readout-adjust:hover,
    .clock-readout-adjust:focus-visible {
      border-color: rgba(var(--theme-accent-rgb), 0.72);
      color: rgb(var(--theme-secondary-rgb));
      box-shadow: 0 0 14px rgba(var(--theme-accent-rgb), 0.22);
      outline: none;
    }
    .structured-clock-card.uses-readout-fallback .clock-readout-adjust {
      display: inline-flex;
    }
    .structured-clock-readout-value {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 0;
      white-space: nowrap;
      font-family: "Rajdhani", sans-serif;
      font-size: clamp(17px, 1.04vw, 20px);
      font-weight: 700;
      letter-spacing: 0.02em;
      line-height: 1;
    }
    .structured-clock-card.is-stacked {
      align-items: start;
      padding-top: 8px;
      padding-bottom: 8px;
    }
    .structured-clock-card.is-stacked .structured-clock-header {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      align-items: start;
      row-gap: 4px;
    }
    .structured-clock-card.is-stacked .structured-clock-readout {
      justify-self: start;
      flex: 0 0 auto;
      width: 100%;
    }
    .structured-clock-card.is-stacked .label {
      flex: 0 0 auto;
      width: 100%;
      max-width: none;
    }
    .structured-clock-card.is-compact-readout:not(.is-roomy-grid) {
      min-height: 0;
      padding-right: 12px;
    }
    .structured-clock-card.is-compact-readout:not(.is-roomy-grid) .structured-clock-demo-visual {
      display: none !important;
    }
    .structured-clock-card.uses-readout-fallback {
      padding-right: 14px;
    }
    .structured-clock-card.uses-readout-fallback .structured-clock-demo-visual {
      display: none !important;
    }
    .structured-clock-card .structured-clock-demo-visual {
      position: absolute;
      top: 50%;
      right: var(--structured-clock-visual-right, 10px);
      min-width: var(--structured-clock-visual-size, clamp(83px, 10.35vw, 110px));
      transform: translateY(-50%);
      z-index: 1;
    }
    .structured-clock-card .structured-clock-demo-svg,
    .structured-clock-card .structured-clock-demo-svg-shell {
      width: var(--structured-clock-visual-size, clamp(92px, 11.34vw, 122px));
      height: var(--structured-clock-visual-size, clamp(92px, 11.34vw, 122px));
    }
    .structured-clock-card .structured-clock-demo-segment {
      stroke: none;
      stroke-width: 0;
      paint-order: normal;
    }
    .structured-clock-card .structured-clock-divider-segment,
    .structured-clock-card .structured-clock-segment-outline {
      fill: none;
      pointer-events: none;
      vector-effect: non-scaling-stroke;
    }
    .structured-clock-card .structured-clock-segment-outline {
      stroke: rgba(255,255,255,0.88);
      stroke-width: 1.35;
    }
    .structured-clock-card .structured-clock-divider-segment {
      stroke: rgba(255,255,255,0.9);
      stroke-width: 0.9;
      stroke-linecap: round;
      transition: stroke 140ms ease, opacity 140ms ease;
      opacity: 1;
    }
    .structured-clock-card .structured-clock-divider-segment.is-active,
    .structured-clock-card .structured-clock-divider-segment.is-preview-fill {
      stroke: rgba(0,0,0,0.92);
    }
    .structured-clock-card .structured-clock-divider-segment.is-preview-clear {
      stroke: rgba(255,255,255,0.9);
    }
    .structured-clock-card .structured-clock-divider-segment.is-pressing {
      stroke: rgba(0,0,0,0.98);
    }
    .structured-clock-demo-card {
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: center;
      padding-top: 10px;
      padding-bottom: 10px;
    }
    .structured-clock-demo-copy {
      display: grid;
      gap: 6px;
      min-width: 0;
    }
    .structured-clock-demo-metric {
      justify-self: start;
      width: min(100%, 208px);
    }
    .structured-clock-demo-value {
      width: 100%;
      min-width: 0;
      font-family: "Share Tech Mono", monospace;
      font-size: 10px;
      letter-spacing: 0.035em;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: clip;
    }
    .structured-clock-demo-visual {
      display: inline-grid;
      justify-items: center;
      gap: 0;
      min-width: 94px;
      position: relative;
    }
    .structured-clock-demo-svg {
      width: 97px;
      height: 97px;
      display: block;
      overflow: visible;
    }
    .structured-clock-demo-svg-shell {
      position: relative;
      width: 97px;
      height: 97px;
      display: grid;
      place-items: center;
    }
    .structured-clock-demo-center {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 24px;
      color: rgb(var(--theme-accent-rgb));
      font-family: "Share Tech Mono", monospace;
      font-size: 13px;
      font-weight: 700;
      letter-spacing: 0.04em;
      line-height: 1;
      pointer-events: none;
      z-index: 3;
    }
    .structured-clock-demo-center.is-negative {
      color: rgba(255,255,255,0.94);
    }
    @container (max-width: 260px) {
      .structured-clock-card {
        min-height: 88px;
        padding-right: 12px;
      }
      .structured-clock-card:not(.is-roomy-grid) .structured-clock-demo-visual {
        display: none !important;
      }
      .structured-clock-card:not(.is-roomy-grid) .structured-clock-header {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        align-items: start;
        row-gap: 8px;
      }
      .structured-clock-card:not(.is-roomy-grid) .label {
        flex: 0 0 auto;
        width: 100%;
        max-width: none;
      }
      .structured-clock-card:not(.is-roomy-grid) .structured-clock-readout {
        width: 100% !important;
        max-width: 100%;
        flex: 0 0 auto;
      }
    }
    .structured-clock-card.is-roomy-grid .structured-clock-demo-visual {
      display: inline-grid !important;
    }
    @media (min-width: 1051px) {
      .structured-clock-card .structured-clock-demo-visual {
        display: inline-grid !important;
      }
    }
    .structured-clock-demo-segment {
      fill: rgba(8, 12, 18, 0.96);
      stroke: rgba(255,255,255,0.92);
      stroke-width: 2.2;
      stroke-linejoin: round;
      paint-order: fill stroke;
      vector-effect: non-scaling-stroke;
      transition: fill 140ms ease, stroke 140ms ease, opacity 140ms ease;
      opacity: 1;
    }
    .structured-clock-demo-segment.is-active {
      fill: color-mix(in srgb, rgb(var(--theme-accent-rgb)) calc(var(--clock-segment-blend, 78) * 1%), rgb(8, 12, 18));
      stroke: rgba(255,255,255,0.92);
      filter: drop-shadow(0 0 6px rgba(var(--theme-accent-rgb), 0.34));
    }
    .structured-clock-demo-segment.is-preview-fill {
      fill: color-mix(in srgb, rgb(var(--theme-accent-rgb)) calc(var(--clock-segment-blend, 78) * 1%), rgb(8, 12, 18));
      stroke: rgba(255,255,255,0.92);
      filter: drop-shadow(0 0 8px rgba(var(--theme-accent-rgb), 0.28));
      opacity: 1;
    }
    .structured-clock-demo-segment.is-preview-clear {
      fill: rgba(var(--theme-accent-rgb), var(--clock-clear-strength, 0.34));
      stroke: rgba(255,255,255,0.88);
      filter: drop-shadow(0 0 8px rgba(255,255,255,0.16));
      opacity: 1;
    }
    .structured-clock-demo-segment.is-pressing {
      fill: rgb(var(--theme-accent-rgb));
      stroke: rgba(255,255,255,0.98);
      filter: drop-shadow(0 0 14px rgba(var(--theme-accent-rgb), 0.52));
      opacity: 1;
    }
    .structured-clock-demo-segment.is-clickable {
      cursor: pointer;
    }
    .structured-clock-demo-segment.is-clickable:hover,
    .structured-clock-demo-segment.is-clickable:focus-visible {
      stroke: rgba(255,255,255,0.98);
      opacity: 1;
      outline: none;
    }
    .structured-clock-demo-segment:focus,
    .structured-clock-demo-segment:focus-visible,
    .structured-clock-demo-svg:focus,
    .structured-clock-demo-svg-shell:focus {
      outline: none;
    }
    .structured-clock-demo-svg-shell::after {
      content: "";
      position: absolute;
      width: 32px;
      height: 32px;
      border-radius: 50%;
      border: 1px solid rgba(255,255,255,0.92);
      background: rgba(0, 0, 0, 0.58);
      box-shadow: inset 0 0 12px rgba(255,255,255,0.03);
      pointer-events: none;
      z-index: 2;
    }
    .structured-clock-demo-svg-shell::before {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: 50%;
      border: 1px solid rgba(255,255,255,0.92);
      pointer-events: none;
      z-index: 2;
    }
    .structured-clock-card .structured-clock-demo-svg-shell::before {
      content: none;
    }
    .structured-clock-card .structured-clock-demo-svg-shell::after {
      content: none;
    }
    @media (max-width: 1180px) {
      .structured-clock-card .structured-clock-readout {
        min-width: 0;
        min-height: 0;
        padding: 0;
      }
    }
    @media (max-width: 820px) {
      .structured-clock-card .structured-clock-readout {
        min-width: 0;
        min-height: 0;
        padding: 0;
      }
    }
    @media (max-width: 640px) {
      .structured-clock-card .structured-clock-readout {
        min-width: 0;
        min-height: 0;
        padding: 0;
      }
    }
    @media (max-width: 820px) {
      .record-editor-personal-layout {
        grid-template-columns: minmax(0, 1fr);
      }
      .record-editor-personal-art {
        order: 2;
      }
      .record-editor-personal-quote {
        grid-column: auto;
      }
      .attribute-strain-clock-card {
        grid-template-columns: 42px minmax(0, 1fr);
      }
      .attribute-strain-clock-card .attribute-entry-main {
        gap: 6px;
        padding-right: 12px;
      }
      .attribute-strain-clock-card .attribute-entry-name-row {
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        column-gap: 8px;
        row-gap: 0;
      }
      .attribute-strain-clock-readout {
        display: grid;
        grid-template-columns: 26px minmax(0, 1fr) 26px;
        align-items: center;
        align-self: center;
        justify-self: end;
        gap: 4px;
        min-width: 0;
        width: clamp(116px, 40vw, 156px);
        min-height: 34px;
        padding-inline: 0;
        margin-top: 0;
      }
      .attribute-strain-clock-readout .clock-readout-adjust {
        display: inline-flex;
        width: 26px;
        height: 26px;
        font-size: 16px;
      }
      .attribute-strain-clock-readout-value {
        justify-self: center;
        min-width: 0;
        width: 100%;
      }
      .attribute-strain-clock-shell {
        display: none;
      }
      .structured-stat-card {
        grid-template-columns: minmax(0, 1fr);
        align-items: start;
        gap: 10px;
        min-height: 0;
        padding: 12px;
      }
      .structured-stat-card .label,
      .structured-stat-card .label.structured-label-two-line {
        width: 100%;
        max-width: none;
        padding-left: 22px;
        font-size: 18px;
        line-height: 0.94;
        text-align: left;
      }
      .structured-stat-card[data-structured-stat="action points"] .label.structured-label-stackable {
        white-space: nowrap;
        font-size: 16px;
        letter-spacing: 0.02em;
        line-height: 1;
      }
      .structured-stat-card[data-structured-stat="action points"] .label.structured-label-stackable .structured-label-line {
        display: inline;
      }
      .structured-stat-card[data-structured-stat="action points"] .label.structured-label-stackable .structured-label-line + .structured-label-line {
        margin-left: 0.24em;
      }
      .structured-clock-card .label {
        padding-left: 22px;
        font-size: 18px;
        line-height: 0.94;
        text-align: left;
      }
      .structured-stat-metrics {
        justify-content: stretch;
        align-items: start;
        gap: 8px;
        width: 100%;
      }
      .structured-stat-metric,
      .structured-current-metric,
      .structured-stat-metric.is-starting,
      .structured-stat-metric.is-modifier {
        min-width: 0;
      }
      .structured-current-value,
      .structured-stat-metric.is-starting .metric-value,
      .structured-stat-metric.is-modifier .metric-value {
        min-width: 0;
        min-height: 30px;
        padding: 0 6px;
      }
      .structured-stat-metric .metric-value {
        font-size: 20px;
        padding-bottom: 6px;
      }
      .structured-stat-metric .metric-key {
        font-size: 10px;
        letter-spacing: 0.12em;
        padding-top: 5px;
      }
      .structured-dynamic-grid {
        display: contents;
        grid-column: auto;
      }
      .structured-dynamic-card.arsenal-card {
        grid-column: 1 / -1;
        gap: 8px;
      }
      .structured-dynamic-card.arsenal-card .structured-dynamic-card-copy {
        gap: 4px;
      }
      .structured-dynamic-card.arsenal-card .structured-dynamic-list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        grid-template-rows: minmax(0, 1fr);
        grid-auto-flow: column;
        grid-auto-columns: minmax(0, 1fr);
        gap: 6px 8px;
      }
      .structured-dynamic-card.arsenal-card .structured-dynamic-row {
        grid-template-columns: minmax(0, 1fr) 30px;
        align-items: center;
      }
      .structured-dynamic-card.arsenal-card .structured-dynamic-row-label {
        text-align: left;
        justify-self: start;
        display: -webkit-box;
        white-space: normal;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
      }
      .structured-clock-card {
        min-height: 88px;
        padding-right: 12px;
      }
      .structured-clock-card .structured-clock-copy {
        align-content: start;
        gap: 8px;
        padding-top: 1px;
        min-height: 0;
      }
      .structured-clock-card .structured-clock-header {
        grid-template-columns: minmax(0, 1fr);
        align-items: start;
        row-gap: 8px;
      }
      .structured-clock-card .structured-clock-readout {
        display: grid;
        align-items: start;
        align-self: start;
        justify-self: stretch;
        gap: 8px;
        min-width: 0;
        width: 100%;
        max-width: none;
        min-height: 0;
        padding: 0;
        box-sizing: border-box;
      }
      .structured-clock-card .structured-clock-readout.is-adjustable {
        display: grid;
        grid-template-columns: 24px minmax(0, 1fr) 24px;
        justify-self: stretch;
        width: 100%;
        padding: 0;
      }
      .structured-clock-card .structured-clock-demo-visual {
        display: none !important;
      }
      .structured-clock-card .clock-readout-adjust {
        display: inline-flex;
        width: 26px;
        height: 26px;
        font-size: 16px;
      }
      .basic-action-group-sidebar {
        align-content: stretch;
        padding-block: 0;
      }
    }
    @media (max-width: 820px) and (hover: hover) and (pointer: fine) {
      .structured-clock-card {
        min-height: 80px;
        padding-right: 92px;
      }
      .structured-clock-card .structured-clock-demo-visual {
        display: inline-grid !important;
        min-width: 74px;
      }
      .structured-clock-card .structured-clock-demo-svg,
      .structured-clock-card .structured-clock-demo-svg-shell {
        width: 76px;
        height: 76px;
      }
      .structured-dynamic-card.arsenal-card {
        grid-template-columns: max-content minmax(0, 1fr);
        align-items: center;
        gap: 10px;
      }
      .structured-dynamic-card.arsenal-card .structured-dynamic-card-copy {
        gap: 0;
        align-self: stretch;
      }
      .structured-dynamic-card.arsenal-card .structured-dynamic-list {
        grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
        grid-template-rows: none;
        grid-auto-flow: row;
        grid-auto-columns: auto;
        gap: 10px;
      }
      .structured-dynamic-card.arsenal-card .structured-dynamic-row {
        grid-template-columns: minmax(0, 1fr) 34px;
        gap: 6px;
      }
      .structured-dynamic-card.arsenal-card .structured-dynamic-row-label {
        -webkit-line-clamp: 3;
      }
    }
    .selected-options-shell {
      display: grid;
      gap: 12px;
    }
    .selected-options-body {
      padding: 0;
    }
    .selected-options-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 12px;
      align-items: stretch;
    }
    .selected-options-section {
      display: grid;
      grid-template-columns: minmax(132px, max-content) minmax(0, 1fr);
      align-items: center;
      gap: 14px;
      min-height: 86px;
      padding: 12px 14px;
      box-sizing: border-box;
      width: 100%;
    }
    .selected-options-section-title {
      color: var(--ink);
      font-family: "Rajdhani", sans-serif;
      font-size: 21px;
      font-weight: 700;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      line-height: 0.92;
      white-space: normal;
      overflow-wrap: normal;
      word-break: keep-all;
      max-width: none;
    }
    .selected-options-section-title.stack {
      display: inline-flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 8px 12px;
    }
    .selected-options-section .record-editor-form-grid {
      width: 100%;
      margin: 0;
      align-self: stretch;
      grid-auto-rows: minmax(34px, auto);
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px 12px;
    }
    .selected-options-section.single-column-fields .record-editor-form-grid {
      grid-template-columns: minmax(0, 1fr);
    }
    .selected-options-section.compact-stack .record-editor-form-grid {
      grid-template-columns: minmax(0, 1fr);
      gap: 6px;
    }
    .selected-options-section .record-editor-field-stack {
      justify-content: center;
      min-width: 0;
    }
    .selected-options-section.compact-stack .record-editor-field-stack {
      gap: 0;
    }
    .selected-options-section .record-editor-field-label {
      text-align: left;
      font-size: 10px;
      letter-spacing: 0.12em;
      line-height: 1.2;
      white-space: normal;
      overflow-wrap: anywhere;
    }
    .selected-options-section.compact-stack .record-editor-field-label {
      display: none;
    }
    .selected-options-section .record-editor-input,
    .selected-options-section .record-editor-select {
      min-height: 32px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.28);
      background: rgba(0, 0, 0, 0.48);
      color: rgb(var(--theme-accent-rgb));
      font-family: "Share Tech Mono", monospace;
      font-size: 11px;
      letter-spacing: 0.06em;
      box-shadow: none;
      width: 100%;
      min-width: 0;
    }
    .selected-options-section .record-editor-input:hover,
    .selected-options-section .record-editor-input:focus,
    .selected-options-section .record-editor-input:focus-visible,
    .selected-options-section .record-editor-select:hover,
    .selected-options-section .record-editor-select:focus,
    .selected-options-section .record-editor-select:focus-visible {
      border-color: rgba(var(--theme-accent-rgb), 0.42);
      background: rgba(0, 0, 0, 0.58);
      outline: none;
      box-shadow: none;
      transform: none;
    }
    .selected-options-static-value {
      display: flex;
      align-items: center;
      min-height: 32px;
      width: 100%;
      min-width: 0;
      padding: 6px 10px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.28);
      background: rgba(0, 0, 0, 0.48);
      color: rgb(var(--theme-accent-rgb));
      font-family: "Share Tech Mono", monospace;
      font-size: 11px;
      letter-spacing: 0.06em;
      line-height: 1.2;
      box-sizing: border-box;
      cursor: default;
      user-select: text;
      white-space: normal;
      overflow-wrap: anywhere;
    }
    .selected-options-static-value .tooltip-anchor {
      margin-left: auto;
      flex: 0 0 auto;
    }
    @media (max-width: 1180px) {
      .selected-options-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      .selected-options-section {
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
        min-height: 0;
      }
      .selected-options-section .record-editor-form-grid {
        grid-template-columns: minmax(0, 1fr);
      }
    }
    @media (max-width: 960px) {
      .selected-options-grid {
        grid-template-columns: minmax(0, 1fr);
      }
    }
    .structured-stat-metric {
      display: grid;
      justify-items: stretch;
      align-content: start;
      min-width: 0;
    }
    .structured-current-metric,
    .structured-stat-metric.is-starting,
    .structured-stat-metric.is-modifier {
      min-width: 0;
    }
    .structured-current-value {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      position: relative;
      width: 100%;
      min-width: 0;
      min-height: 34px;
      padding: 0 var(--structured-metric-padding-x, 10px);
      border: 1px solid rgba(var(--theme-accent-rgb), 0.28);
      background: rgba(0, 0, 0, 0.48);
      line-height: 1;
      box-sizing: border-box;
      overflow: hidden;
    }
    .structured-current-value .structured-corner-badge,
    .structured-current-value .structured-corner-badge.tooltip-anchor {
      top: 6px;
      right: 6px;
    }
    .structured-current-value [data-structured-current-edit],
    .health-pill-current[data-structured-current-edit] {
      color: rgb(var(--theme-accent-rgb));
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 22px;
      min-height: 100%;
      height: 100%;
      line-height: 1;
      text-align: center;
      vertical-align: middle;
      outline: none;
      cursor: text;
      white-space: nowrap;
    }
    .structured-speed-symbol {
      display: inline-flex;
      position: absolute;
      top: 50%;
      right: 8px;
      transform: translateY(-50%);
      align-items: center;
      justify-content: center;
      min-width: 12px;
      color: rgb(var(--theme-accent-rgb));
      font-family: "Rajdhani", sans-serif;
      font-size: 14px;
      font-weight: 700;
      line-height: 1;
    }
    input[data-structured-current-edit],
    input[data-structured-proxy-edit] {
      appearance: none;
      -webkit-appearance: none;
      border: 0;
      background: transparent;
      width: 100%;
      min-width: 0;
      padding: 0;
      margin: 0;
      box-sizing: border-box;
      background: transparent;
      color: inherit;
      font: inherit;
      font-family: inherit;
      font-size: inherit;
      font-weight: inherit;
      letter-spacing: inherit;
      line-height: inherit;
      text-align: inherit;
    }
    .structured-current-value input[data-structured-current-edit] {
      width: 48px;
      min-width: 48px;
      flex: 0 0 48px;
    }
    .health-current-field input[data-structured-current-edit] {
      width: 2.6ch;
      min-width: 2.6ch;
      flex: 0 0 2.6ch;
    }
    .structured-current-value [data-structured-current-edit]:focus,
    .health-pill-current[data-structured-current-edit]:focus {
      color: rgb(var(--theme-accent-rgb));
    }
    .structured-current-value.is-editing,
    .health-current-field.is-editing {
      border-color: rgba(var(--theme-accent-rgb), 0.54);
      box-shadow: inset 0 0 14px rgba(var(--theme-accent-rgb), 0.12);
    }
    .structured-adjust-buttons {
      display: inline-flex;
      align-items: center;
      gap: 6px;
    }
    .structured-adjust-button {
      width: 12px;
      height: 12px;
      border-radius: 999px;
      border: none;
      background: transparent;
      color: var(--ink);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-family: "Rajdhani", sans-serif;
      font-size: 9px;
      font-weight: 700;
      line-height: 1;
      padding: 0;
      cursor: pointer;
      box-shadow: none;
      transition: color 120ms ease, transform 120ms ease, opacity 120ms ease;
    }
    .structured-adjust-button:hover {
      color: var(--cyan-2);
      transform: translateY(-1px);
      opacity: 0.92;
    }
    .structured-stat-metric .metric-value {
      color: var(--ink);
      font-family: "Rajdhani", sans-serif;
      font-size: var(--structured-metric-value-size, 24px);
      font-weight: 700;
      line-height: 1;
      text-align: center;
      padding-bottom: 8px;
      min-width: 0;
      overflow: hidden;
      text-overflow: clip;
    }
    .structured-current-metric .metric-value {
      padding-bottom: 0;
      align-self: center;
    }
    .structured-stat-metric .metric-key {
      color: var(--muted);
      font-size: var(--structured-metric-key-size, 11px);
      letter-spacing: var(--structured-metric-key-spacing, 0.14em);
      text-transform: uppercase;
      text-align: center;
      border-top: 1px solid rgba(var(--theme-accent-rgb), 0.18);
      padding-top: 7px;
      min-width: 0;
      overflow: hidden;
      text-overflow: clip;
    }
    .structured-stat-metric.is-starting .metric-key {
      color: var(--muted);
      border-top-color: rgba(var(--theme-accent-rgb), 0.38);
    }
    .structured-stat-metric.is-starting .metric-value {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      min-width: 0;
      min-height: 34px;
      padding: 0 var(--structured-metric-padding-x, 10px);
      border: 1px solid rgba(var(--theme-accent-rgb), 0.28);
      background: rgba(0, 0, 0, 0.48);
      align-self: center;
      padding-bottom: 0;
      box-sizing: border-box;
      overflow: hidden;
    }
    .structured-stat-metric.is-modifier .metric-value {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      min-width: 0;
      min-height: 34px;
      padding: 0 var(--structured-metric-padding-x, 10px);
      border: 1px solid rgba(var(--theme-accent-rgb), 0.28);
      background: rgba(0, 0, 0, 0.48);
      align-self: center;
      padding-bottom: 0;
      box-sizing: border-box;
      overflow: hidden;
    }
    .archive-tech-button[data-archive-accent-label],
    .technique-archetype-pill[data-archive-accent-label] {
      border-color: hsl(var(--archive-accent-h, 190) var(--archive-accent-s, 72%) var(--archive-accent-l, 56%) / 0.34);
      background: linear-gradient(180deg, hsl(var(--archive-accent-h, 190) var(--archive-accent-s, 72%) var(--archive-accent-l, 56%) / 0.2), rgba(255,255,255,0.03));
      box-shadow: inset 0 0 18px hsl(var(--archive-accent-h, 190) var(--archive-accent-s, 72%) var(--archive-accent-l, 56%) / 0.08);
    }
    .archive-tech-button.active[data-archive-accent-label],
    .technique-archetype-pill.active[data-archive-accent-label] {
      border-color: hsl(var(--archive-accent-h, 190) var(--archive-accent-s, 72%) calc(var(--archive-accent-l, 56%) + 8%) / 0.7);
      background: linear-gradient(180deg, hsl(var(--archive-accent-h, 190) var(--archive-accent-s, 72%) calc(var(--archive-accent-l, 56%) + 6%) / 0.28), rgba(255,255,255,0.06));
      box-shadow: inset 0 0 26px hsl(var(--archive-accent-h, 190) var(--archive-accent-s, 72%) calc(var(--archive-accent-l, 56%) + 6%) / 0.16);
    }
    [data-character-editor-shell][data-character-editable="false"] .structured-current-value,
    [data-character-editor-shell][data-character-editable="false"] .structured-stat-metric .metric-value,
    [data-character-editor-shell][data-character-editable="false"] .structured-stat-metric.is-starting .metric-value,
    [data-character-editor-shell][data-character-editable="false"] .structured-stat-metric.is-modifier .metric-value,
    [data-character-editor-shell][data-character-editable="false"] .health-current-field {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      min-width: 0;
      min-height: 34px;
      padding: 0;
      padding-bottom: 0;
      border: none;
      background: transparent;
      box-shadow: none;
      align-self: center;
      box-sizing: border-box;
      overflow: visible;
    }
    [data-character-editor-shell][data-character-editable="false"] .structured-stat-metric .metric-key,
    [data-character-editor-shell][data-character-editable="false"] .structured-stat-metric.is-starting .metric-key {
      border-top-color: rgba(255, 255, 255, 0.38);
    }
    .structured-modifier-value [data-structured-modifier-edit] {
      color: rgb(var(--theme-accent-rgb));
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 28px;
      min-height: 100%;
      height: 100%;
      line-height: 1;
      text-align: center;
      vertical-align: middle;
      outline: none;
      cursor: text;
      white-space: nowrap;
    }
    input[data-structured-modifier-edit] {
      appearance: none;
      -webkit-appearance: none;
      border: 0;
      background: transparent;
      width: 54px;
      min-width: 54px;
      flex: 0 0 54px;
      padding: 0;
      margin: 0;
      box-sizing: border-box;
      color: inherit;
      font: inherit;
      font-family: inherit;
      font-size: inherit;
      font-weight: inherit;
      letter-spacing: inherit;
      line-height: inherit;
      text-align: inherit;
    }
    .structured-modifier-value.is-editing {
      border-color: rgba(var(--theme-accent-rgb), 0.54);
      box-shadow: inset 0 0 14px rgba(var(--theme-accent-rgb), 0.12);
    }
    .structured-bonus-indicator {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      margin-left: 6px;
      color: rgb(var(--theme-accent-rgb));
      font-family: "Rajdhani", sans-serif;
      font-size: 16px;
      font-weight: 700;
      line-height: 1;
      cursor: help;
    }
    .structured-focus-indicator-label {
      display: flex;
      align-items: center;
      min-height: 32px;
    }
    .structured-focus-source-indicator {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 36px;
      min-height: 28px;
      padding: 0 10px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.28);
      background: rgba(0, 0, 0, 0.48);
      color: rgb(var(--theme-accent-rgb));
      font-family: "Rajdhani", sans-serif;
      font-size: 18px;
      font-weight: 700;
      letter-spacing: 0;
      line-height: 1;
      cursor: help;
      box-sizing: border-box;
    }
    .attribute-grid {
      display: grid;
      grid-template-columns: var(--attribute-columns);
      gap: 12px;
    }
    .attribute-card {
      padding: 14px;
      border-radius: 0;
      border: 1px solid var(--border-2);
      background: rgba(255,255,255,0.03);
      text-align: center;
    }
    .attribute-card .key {
      color: var(--muted);
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.14em;
      margin-bottom: 6px;
    }
    .attribute-card .score {
      font-family: "Rajdhani", sans-serif;
      font-size: 32px;
      font-weight: 700;
      line-height: 1;
    }
    .tech-grid {
      display: grid;
      grid-template-columns: var(--tech-columns);
      gap: 12px;
    }
    .tech-card {
      padding: 14px;
      border-radius: 16px;
      border: 1px solid var(--border-2);
      background: rgba(255,255,255,0.03);
    }
    .tech-card .name {
      font-family: "Rajdhani", sans-serif;
      font-size: 20px;
      font-weight: 700;
      letter-spacing: 0.03em;
    }
    .tech-card .meta {
      margin-top: 6px;
      color: var(--muted);
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: 0.12em;
    }
    .launch-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 14px;
    }
    .launch-card {
      display: block;
      text-decoration: none;
      color: inherit;
      padding: 18px;
      border-radius: 0;
      border: 1px solid var(--border-2);
      background: rgba(255,255,255,0.03);
      transition: transform 140ms ease, border-color 140ms ease, background 140ms ease;
    }
    .launch-card:hover {
      transform: translateY(-1px);
      border-color: var(--border);
      background: rgba(255,255,255,0.05);
    }
    .launch-card .kicker {
      color: var(--cyan);
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.16em;
      margin-bottom: 8px;
      font-family: "Share Tech Mono", monospace;
    }
    .launch-card .name {
      font-family: "Rajdhani", sans-serif;
      font-size: 28px;
      font-weight: 700;
      line-height: 0.95;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      margin-bottom: 10px;
      font-style: italic;
    }
    .launch-card .desc {
      color: var(--muted);
      font-size: 14px;
      line-height: 1.7;
    }
    .manual-link .desc,
    .record-card .desc {
      color: var(--muted);
      font-size: 13px;
      line-height: 1.5;
    }
    .manual-prose {
      color: var(--muted);
      font-size: 15px;
      line-height: 1.8;
      margin: 0;
    }
    .manual-prose hr {
      border: 0;
      border-top: 1px solid rgba(var(--theme-accent-rgb), 0.24);
      margin: 14px 0;
    }
    .bbcode-center {
      display: block;
      text-align: center;
    }
    .bbcode-right {
      display: block;
      text-align: right;
    }
    .setting-note-detail-actions {
      display: flex;
      justify-content: flex-end;
      gap: 10px;
      margin-top: 16px;
    }
    .setting-note-section-card {
      display: grid;
      gap: 12px;
      padding: 16px 18px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.18);
      background: rgba(255,255,255,0.03);
    }
    .setting-note-section-card.is-dragging {
      opacity: 0.45;
      box-shadow: 0 0 0 1px rgba(var(--theme-secondary-rgb), 0.36);
    }
    .setting-note-section-card.is-drop-target {
      border-color: rgba(var(--theme-secondary-rgb), 0.56);
      box-shadow: 0 0 0 1px rgba(var(--theme-secondary-rgb), 0.22);
    }
    .setting-note-section-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
    }
    .setting-note-section-title {
      color: var(--ink);
      font-family: "Rajdhani", sans-serif;
      font-size: 24px;
      line-height: 1;
      font-weight: 700;
      letter-spacing: 0.06em;
      text-transform: uppercase;
    }
    .setting-note-section-controls {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      flex: 0 0 auto;
    }
    .setting-note-icon-button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 22px;
      height: 22px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.28);
      background: rgba(0, 0, 0, 0.42);
      color: var(--ink);
      font-size: 12px;
      line-height: 1;
      cursor: pointer;
      padding: 0;
    }
    .setting-note-icon-button.drag-handle {
      cursor: grab;
    }
    .setting-note-section-card.is-dragging .setting-note-icon-button.drag-handle {
      cursor: grabbing;
    }
    .setting-note-subsections {
      display: grid;
      gap: 12px;
      margin-left: 18px;
      padding-left: 18px;
      border-left: 1px solid rgba(var(--theme-accent-rgb), 0.16);
    }
    .setting-note-subsection-card {
      display: grid;
      gap: 8px;
      padding: 10px 12px 10px 14px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.14);
      background: rgba(255,255,255,0.02);
    }
    .setting-note-subsection-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
    }
    .setting-note-subsection-title {
      color: var(--ink);
      font-family: "Rajdhani", sans-serif;
      font-size: 18px;
      line-height: 1.1;
      font-weight: 700;
      letter-spacing: 0.05em;
      text-transform: uppercase;
    }
    .setting-note-subsection-toggle {
      margin-top: 6px;
    }
    .npc-journal-browser-shell .npc-manual-detail-grid {
      gap: 8px;
      margin-top: 10px;
    }
    .npc-journal-browser-shell .npc-manual-detail-grid .info-card,
    .setting-notes-browser-shell .story-arc-description-card {
      display: grid;
      gap: 6px;
      padding: 10px 11px;
      border: 1px solid var(--border-2);
      background: rgba(0, 0, 0, 0.34);
    }
    .npc-journal-browser-shell .npc-manual-detail-grid .info-card .label,
    .setting-notes-browser-shell .story-arc-description-card .label {
      margin-bottom: 0;
      font-family: "Share Tech Mono", monospace;
      font-size: 10px;
      line-height: 1;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: var(--muted);
    }
    .npc-journal-browser-shell .npc-manual-detail-grid .info-card .value {
      font-family: "Rajdhani", sans-serif;
      font-size: 16px;
      font-weight: 700;
      line-height: 0.98;
      letter-spacing: 0.03em;
      color: var(--ink);
      overflow-wrap: anywhere;
      word-break: break-word;
    }
    .npc-journal-browser-shell .npc-record-section-card {
      padding: 10px 11px;
      gap: 6px;
      border: 1px solid var(--border-2);
      background: rgba(0, 0, 0, 0.34);
    }
    .npc-journal-browser-shell .npc-record-section-kind {
      top: 8px;
      right: 8px;
    }
    .npc-journal-browser-shell .npc-record-section-title {
      font-size: 14px;
      line-height: 1.02;
      letter-spacing: 0.05em;
      padding-right: 84px;
    }
    .npc-journal-browser-shell .npc-record-section-copy,
    .setting-notes-browser-shell .story-arc-description-card .manual-prose,
    .setting-notes-browser-shell .setting-note-section-card .manual-prose,
    .setting-notes-browser-shell .setting-note-subsection-card .manual-prose {
      font-size: 12px;
      line-height: 1.5;
    }
    .setting-notes-browser-shell .story-arc-description-card {
      margin-top: 10px;
    }
    .setting-notes-browser-shell .story-arc-topic-list {
      gap: 8px;
      margin-top: 10px;
    }
    .setting-notes-browser-shell .setting-note-section-card {
      gap: 8px;
      padding: 12px 13px;
      border: 1px solid var(--border-2);
      background: rgba(0, 0, 0, 0.34);
    }
    .setting-notes-browser-shell .setting-note-section-title {
      font-size: 16px;
      line-height: 0.98;
      letter-spacing: 0.05em;
    }
    .setting-notes-browser-shell .setting-note-subsections {
      gap: 8px;
      margin-left: 12px;
      padding-left: 12px;
    }
    .setting-notes-browser-shell .setting-note-subsection-card {
      gap: 6px;
      padding: 9px 10px 9px 12px;
      border: 1px solid var(--border-2);
      background: rgba(0, 0, 0, 0.34);
    }
    .setting-notes-browser-shell .setting-note-subsection-title {
      font-size: 14px;
      line-height: 1.02;
      letter-spacing: 0.05em;
    }
    .setting-note-toolbar {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-bottom: 10px;
    }
    .setting-note-toolbar .btn {
      min-height: 28px;
      padding: 0 10px;
      font-size: 10px;
    }
    .setting-note-editor-grid {
      display: grid;
      gap: 12px;
    }
    .setting-note-editor-help {
      color: var(--muted);
      font-size: 12px;
      line-height: 1.6;
    }
    .setting-note-textarea {
      min-height: 160px;
      resize: vertical;
    }
    .action-list {
      display: grid;
      gap: 12px;
    }
    .action-card {
      padding: 14px;
      border-radius: 0;
      border: 1px solid var(--border-2);
      background: rgba(255,255,255,0.03);
    }
    .directory-frame {
      display: grid;
      gap: 14px;
    }
    .manage-mode-active .directory-surface-inner,
    .manage-mode-active #selected-dossier-frame {
      position: relative;
      isolation: isolate;
    }
    .manage-mode-active .directory-surface-inner::after,
    .manage-mode-active #selected-dossier-frame::after {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      z-index: 0;
      background:
        linear-gradient(180deg, rgba(var(--theme-secondary-rgb), 0.08), transparent 22%, transparent 78%, rgba(var(--theme-secondary-rgb), 0.06)),
        repeating-linear-gradient(180deg, rgba(var(--theme-secondary-rgb), 0.04) 0 1px, transparent 1px 14px);
      opacity: 0.8;
      mix-blend-mode: screen;
    }
    .manage-mode-active .directory-surface-inner > *,
    .manage-mode-active #selected-dossier-frame > * {
      position: relative;
      z-index: 1;
    }
    .manage-mode-float {
      position: fixed;
      right: 20px;
      bottom: 20px;
      z-index: 90;
      width: min(340px, calc(100vw - 32px));
      display: grid;
      gap: 6px;
      padding: 12px 14px;
      border: 1px solid rgba(var(--theme-secondary-rgb), 0.52);
      background:
        linear-gradient(180deg, rgba(var(--theme-secondary-rgb), 0.18), rgba(0, 0, 0, 0.58)),
        var(--theme-panel);
      box-shadow:
        0 0 0 1px rgba(var(--theme-secondary-rgb), 0.10) inset,
        0 0 18px rgba(var(--theme-secondary-rgb), 0.16);
      backdrop-filter: blur(8px);
    }
    .manage-mode-float-toggle {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 12px;
      width: 100%;
      padding: 0;
      border: 0;
      background: transparent;
      color: inherit;
      text-align: left;
      cursor: pointer;
    }
    .manage-mode-float-toggle-copy {
      display: grid;
      gap: 6px;
      min-width: 0;
      flex: 1 1 auto;
    }
    .manage-mode-float-toggle-icon {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 26px;
      min-height: 26px;
      border: 1px solid rgba(var(--theme-secondary-rgb), 0.32);
      background: rgba(0, 0, 0, 0.34);
      color: rgb(var(--theme-secondary-rgb));
      font-family: "Share Tech Mono", monospace;
      font-size: 12px;
      letter-spacing: 0.08em;
      line-height: 1;
      text-transform: uppercase;
      flex: 0 0 auto;
    }
    .manage-mode-float .eyebrow {
      margin-bottom: 0;
      color: rgb(var(--theme-secondary-rgb));
    }
    .manage-mode-float-copy {
      color: var(--ink);
      font-family: "Rajdhani", sans-serif;
      font-size: 19px;
      font-weight: 700;
      line-height: 1.05;
      letter-spacing: 0.04em;
      text-transform: uppercase;
    }
    .manage-mode-float-subcopy {
      color: var(--muted);
      font-size: 12px;
      line-height: 1.5;
    }
    .manage-mode-float-body {
      display: grid;
      gap: 6px;
    }
    .manage-mode-float[data-collapsed="true"] {
      gap: 0;
    }
    .manage-mode-float[data-collapsed="true"] .manage-mode-float-body {
      display: none;
    }
    .build-mode-float {
      position: fixed;
      right: 20px;
      bottom: 20px;
      z-index: 95;
      width: min(360px, calc(100vw - 32px));
      display: grid;
      gap: 8px;
      padding: 14px 16px;
      border: 1px solid rgba(242, 209, 95, 0.58);
      background:
        linear-gradient(180deg, rgba(242, 209, 95, 0.14), rgba(8, 14, 24, 0.94)),
        var(--theme-panel);
      box-shadow:
        0 0 0 1px rgba(242, 209, 95, 0.12) inset,
        0 18px 44px rgba(0, 0, 0, 0.34),
        0 0 20px rgba(242, 209, 95, 0.12);
      backdrop-filter: blur(10px);
    }
    .build-mode-float .eyebrow {
      margin-bottom: 0;
      color: rgba(255, 229, 138, 0.96);
    }
    .build-mode-float-copy {
      color: rgba(255, 244, 210, 0.98);
      font-family: "Rajdhani", sans-serif;
      font-size: 20px;
      font-weight: 700;
      line-height: 1.02;
      letter-spacing: 0.05em;
      text-transform: uppercase;
    }
    .build-mode-float-subcopy {
      color: rgba(255, 241, 206, 0.86);
      font-size: 12px;
      line-height: 1.55;
    }
    .build-mode-float-actions {
      display: flex;
      justify-content: flex-end;
      margin-top: 2px;
    }
    .build-mode-float-actions .btn {
      min-height: 34px;
      padding: 0 12px;
    }
    .unstructured-grid {
      display: grid;
      grid-template-columns: var(--unstructured-columns);
      gap: 14px;
      align-items: start;
    }
    .unstructured-grid.no-bond-actions {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .unstructured-skills-column {
      grid-column: 1;
      grid-row: 1 / span 2;
    }
    .unstructured-flow-column {
      grid-column: 2;
      grid-row: 1;
    }
    .unstructured-bond-column {
      grid-column: 3;
      grid-row: 1;
    }
    .unstructured-grid.bond-actions-spill .unstructured-bond-column {
      grid-column: 3;
      grid-row: 1;
    }
    .unstructured-column {
      display: grid;
      gap: 14px;
      align-content: start;
    }
    .section-title-row {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      gap: 12px;
      margin-bottom: 14px;
      flex-wrap: nowrap;
    }
    .section-title-row .section-title {
      margin-bottom: 0;
      min-width: 0;
      flex: 0 1 auto;
    }
    .section-title-row .section-title-cluster {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      min-width: 0;
      flex: 0 1 auto;
    }
    .ability-card {
      display: grid;
      gap: 10px;
      padding: 0;
      border: none;
      background: transparent;
      box-shadow: none;
    }
    .skill-attribute-block.attr-ability {
      --skill-accent: #c7d0da;
      --skill-soft: rgba(199, 208, 218, 0.18);
      --ability-metal-rgb: 199, 208, 218;
      --ability-metal-strong-rgb: 236, 239, 243;
      --ability-metal-shadow-rgb: 112, 124, 138;
      --ability-rank-purple-rgb: 165, 112, 255;
      --ability-rank-purple-strong-rgb: 205, 177, 255;
      --ability-rank-purple-shadow-rgb: 108, 54, 196;
    }
    .skill-attribute-block.attr-ability .skill-attribute-sidebar .attribute-icon {
      color: #ffffff;
      width: 24px !important;
      height: 24px !important;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      overflow: visible;
      line-height: 0;
    }
    .skill-attribute-block.attr-ability .skill-attribute-sidebar .attribute-icon svg {
      display: block;
      width: 100%;
      height: 100%;
      overflow: visible;
    }
    .ability-card-header {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 12px;
      flex-wrap: nowrap;
    }
    .ability-title-shell {
      display: flex;
      align-items: flex-start;
      flex: 1 1 auto;
      min-width: 0;
      padding-left: 10px;
    }
    .ability-title {
      display: block;
      width: 100%;
      font-family: "Rajdhani", sans-serif;
      font-size: 22px;
      font-weight: 700;
      letter-spacing: 0.02em;
      text-transform: none;
      font-style: italic;
      line-height: 0.96;
      white-space: nowrap;
      overflow-wrap: anywhere;
      min-width: 0;
      font-size: calc(22px * var(--ability-title-scale, 1));
      transition: font-size 120ms ease;
      transform-origin: left top;
    }
    .ability-title.is-default {
      letter-spacing: 0.04em;
      text-transform: uppercase;
    }
    .ability-title.is-wrapped {
      white-space: normal;
      line-height: 1.04;
    }
    .ability-rank-cluster {
      display: inline-flex;
      align-items: center;
      flex-direction: row-reverse;
      gap: 10px;
      flex: 0 0 auto;
    }
    .skill-attribute-block.attr-ability .ability-rank-cluster .rank-pill {
      color: rgb(var(--ability-rank-purple-strong-rgb));
      border-color: rgba(var(--ability-rank-purple-rgb), 0.56);
      background: linear-gradient(180deg, rgba(34, 16, 58, 0.96), rgba(12, 7, 24, 0.95));
      font-size: calc(11px + 1pt);
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      box-shadow:
        inset 0 0 0 1px rgba(255,255,255,0.03),
        0 0 14px rgba(var(--ability-rank-purple-shadow-rgb), 0.22);
    }
    .ability-stars {
      flex-wrap: nowrap;
    }
    .skill-attribute-block.attr-ability .ability-stars .skill-star-chip {
      color: rgb(var(--ability-rank-purple-rgb));
      text-shadow: 0 0 12px rgba(var(--ability-rank-purple-shadow-rgb), 0.34);
    }
    .skill-attribute-block.attr-ability .ability-title {
      color: rgb(var(--ability-metal-strong-rgb));
      text-shadow: 0 0 18px rgba(var(--ability-metal-rgb), 0.14);
    }
    .ability-summary-card {
      padding: 12px 14px;
      border: 1px solid rgba(var(--ability-metal-rgb), 0.34);
      background:
        linear-gradient(180deg, rgba(var(--ability-metal-rgb), 0.12), rgba(var(--ability-metal-rgb), 0.04)),
        rgba(0, 0, 0, 0.84);
      align-content: start;
      min-height: 0;
      box-shadow:
        inset 0 0 0 1px rgba(255,255,255,0.02),
        0 0 18px rgba(var(--ability-metal-shadow-rgb), 0.12);
    }
    .ability-summary {
      display: block;
      width: 100%;
      min-width: 0;
      height: auto;
      color: var(--ink);
      font-size: 14px;
      line-height: 1.7;
      white-space: pre-wrap;
      overflow-wrap: anywhere;
      word-break: break-word;
    }
    .ability-summary[data-ability-text-edit] {
      display: block;
      min-height: 1.7em;
      outline: none;
      cursor: text;
    }
    .ability-summary-input {
      width: 100%;
      min-height: 1.7em;
      border: none;
      background: transparent;
      color: var(--ink);
      font: inherit;
      line-height: inherit;
      white-space: pre-wrap;
      resize: vertical;
      padding: 0;
      height: auto;
      overflow: hidden;
      overflow-wrap: anywhere;
      word-break: break-word;
    }
    .ability-summary[data-ability-text-edit].is-editing,
    .ability-summary[data-ability-text-edit]:focus,
    .ability-summary-input[data-ability-text-edit]:focus {
      box-shadow: inset 0 0 0 1px rgba(var(--theme-accent-rgb), 0.42);
      background: rgba(var(--theme-accent-rgb), 0.04);
    }
    .ability-keyword-list {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 8px;
    }
    .ability-keyword-list [data-ability-keyword-list] {
      display: contents;
    }
    .ability-keyword-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: center;
      column-gap: 12px;
      row-gap: 6px;
      min-height: 44px;
      padding: 10px 12px;
      border: 1px solid rgba(var(--ability-rank-purple-rgb), 0.38);
      background:
        linear-gradient(180deg, rgba(var(--ability-rank-purple-rgb), 0.20), rgba(var(--ability-rank-purple-rgb), 0.07)),
        color-mix(in srgb, rgba(28, 14, 48, 0.92) 78%, var(--theme-solid-panel));
      align-items: center;
      box-shadow:
        inset 0 0 0 1px rgba(255,255,255,0.02),
        0 0 14px rgba(var(--ability-rank-purple-shadow-rgb), 0.14);
      min-width: 0;
    }
    .ability-keyword-row.is-double-wide {
      grid-column: span 2;
    }
    .ability-keyword-row.is-wrapped {
      align-items: start;
    }
    .ability-keyword-term-wrap {
      position: relative;
      display: block;
      min-width: 0;
      line-height: 1;
      padding-right: 0.98em;
      width: 100%;
    }
    .ability-details-trigger {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      width: 100%;
      min-width: 0;
      align-self: stretch;
      min-height: 44px;
      padding: 0 14px;
      cursor: pointer;
      text-align: center;
      box-sizing: border-box;
      border-color: rgba(var(--ability-metal-rgb), 0.34);
      background: linear-gradient(180deg, rgba(18, 22, 30, 0.98), rgba(6, 8, 14, 0.96));
      color: var(--ink);
      box-shadow:
        inset 0 0 0 1px rgba(255,255,255,0.03),
        0 0 18px rgba(var(--ability-metal-shadow-rgb), 0.16);
    }
    .ability-details-label {
      font-size: 15px;
      font-weight: 700;
      line-height: 1;
    }
    .ability-details-meta {
      display: none;
    }
    .ability-details-overlay {
      position: fixed;
      inset: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 24px;
      background: rgba(5, 9, 16, 0.36);
      z-index: 13050;
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transition: opacity 280ms cubic-bezier(0.22, 1, 0.36, 1), visibility 0s linear 280ms;
    }
    .ability-details-overlay.open,
    .ability-details-overlay.is-opening {
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
      transition-delay: 0s;
    }
    .ability-details-overlay.is-closing {
      opacity: 0;
      visibility: visible;
      pointer-events: none;
    }
    .ability-details-panel {
      width: min(720px, calc(100vw - 36px));
      max-height: min(78vh, 820px);
      overflow: auto;
      border: 1px solid rgba(var(--ability-metal-rgb), 0.26);
      background: linear-gradient(180deg, rgba(18, 22, 30, 0.97), rgba(8, 10, 16, 0.95));
      box-shadow:
        inset 0 0 0 1px rgba(255,255,255, 0.03),
        0 0 28px rgba(var(--ability-metal-shadow-rgb), 0.20);
      padding: 18px;
      display: grid;
      gap: 14px;
      opacity: 0;
      transform: translateY(18px) scale(0.988);
      transition: opacity 320ms cubic-bezier(0.22, 1, 0.36, 1), transform 320ms cubic-bezier(0.22, 1, 0.36, 1);
    }
    .ability-details-overlay.open .ability-details-panel,
    .ability-details-overlay.is-opening .ability-details-panel {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
    .ability-details-overlay.is-closing .ability-details-panel {
      opacity: 0;
      transform: translateY(10px) scale(0.992);
    }
    .ability-details-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
    }
    .ability-details-title {
      color: rgb(var(--ability-metal-strong-rgb));
      font-family: "Rajdhani", sans-serif;
      font-size: 28px;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      font-style: italic;
      text-shadow: 0 0 18px rgba(var(--ability-metal-rgb), 0.14);
    }
    .ability-details-close {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 34px;
      height: 34px;
      border: 1px solid rgba(var(--ability-metal-rgb), 0.28);
      background: rgba(10, 12, 18, 0.72);
      color: rgb(var(--ability-metal-strong-rgb));
      cursor: pointer;
      font-size: 16px;
      line-height: 1;
    }
    .ability-details-body {
      width: 100%;
      min-height: 320px;
      resize: vertical;
      border: 1px solid rgba(var(--ability-metal-rgb), 0.24);
      background: rgba(6, 8, 14, 0.52);
      padding: 14px 16px;
      color: var(--ink);
      font-family: "Rajdhani", sans-serif;
      font-size: 16px;
      font-weight: 600;
      letter-spacing: 0.02em;
      line-height: 1.8;
      white-space: pre-wrap;
      overflow-wrap: anywhere;
    }
    .ability-details-body[readonly] {
      cursor: default;
      opacity: 0.92;
    }
    .ability-details-body:focus {
      outline: none;
      border-color: rgba(var(--ability-metal-rgb), 0.48);
      box-shadow: inset 0 0 0 1px rgba(var(--ability-metal-rgb), 0.16);
    }
    .ability-details-actions {
      padding-top: 4px;
    }
    .record-editor-overlay {
      position: fixed;
      inset: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 24px;
      background: rgba(5, 9, 16, 0.36);
      z-index: 13060;
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transition: opacity 280ms cubic-bezier(0.22, 1, 0.36, 1), visibility 0s linear 280ms;
    }
    .record-editor-overlay.open,
    .record-editor-overlay.is-opening {
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
      transition-delay: 0s;
    }
    .record-editor-overlay.is-closing {
      opacity: 0;
      visibility: visible;
      pointer-events: none;
    }
    .record-editor-panel {
      width: min(920px, calc(100vw - 36px));
      max-height: min(82vh, 920px);
      overflow: auto;
      border: 1px solid var(--os-border);
      background: var(--theme-panel);
      box-shadow:
        inset 0 0 0 1px rgba(var(--theme-accent-rgb), 0.05),
        0 0 28px var(--theme-glow);
      padding: 18px;
      display: grid;
      gap: 14px;
      opacity: 0;
      transform: translateY(18px) scale(0.988);
      transition: opacity 320ms cubic-bezier(0.22, 1, 0.36, 1), transform 320ms cubic-bezier(0.22, 1, 0.36, 1);
    }
    .record-editor-overlay.open .record-editor-panel,
    .record-editor-overlay.is-opening .record-editor-panel {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
    .record-editor-overlay.is-closing .record-editor-panel {
      opacity: 0;
      transform: translateY(10px) scale(0.992);
    }
    .record-editor-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
      border-bottom: 1px solid rgba(var(--theme-accent-rgb), 0.16);
      padding-bottom: 10px;
    }
    .record-editor-title {
      color: var(--ink);
      font-family: "Rajdhani", sans-serif;
      font-size: 28px;
      font-weight: 700;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      line-height: 1;
    }
    .record-editor-close {
      border: 1px solid rgba(var(--theme-accent-rgb), 0.32);
      background: rgba(255,255,255,0.03);
      color: var(--ink);
      width: 34px;
      height: 34px;
      font-size: 20px;
      cursor: pointer;
    }
    .record-editor-panel button,
    .record-editor-panel summary,
    .record-editor-panel select,
    .record-editor-panel input[type="checkbox"],
    .record-editor-panel label:has(> input[type="checkbox"]) {
      cursor: pointer;
    }
    .record-editor-panel button,
    .record-editor-panel summary,
    .record-editor-panel select {
      transition: border-color 120ms ease, background 120ms ease, color 120ms ease, transform 120ms ease;
    }
    .record-editor-panel button:hover,
    .record-editor-panel button:focus-visible,
    .record-editor-panel summary:hover,
    .record-editor-panel summary:focus-visible,
    .record-editor-panel select:hover,
    .record-editor-panel select:focus-visible {
      border-color: rgba(var(--theme-accent-rgb), 0.56);
      background: rgba(var(--theme-accent-rgb), 0.08);
      outline: none;
      transform: translateY(-1px);
    }
    .record-editor-panel select,
    .selected-options-section select,
    .structured-dynamic-select-inline.stance-select {
      color-scheme: dark;
    }
    .record-editor-panel select option,
    .selected-options-section select option,
    .structured-dynamic-select-inline.stance-select option,
    .record-editor-input option,
    .record-editor-select option,
    .advancement-select option,
    .sheet-record-row select.value[data-inline-field-edit] option,
    .structured-mobile-picker select option,
    .journal-format-select option,
    .onboard-select option {
      background: var(--theme-solid-panel);
      color: var(--ink);
    }
    .record-editor-panel select optgroup,
    .selected-options-section select optgroup,
    .structured-dynamic-select-inline.stance-select optgroup,
    .record-editor-input optgroup,
    .record-editor-select optgroup,
    .advancement-select optgroup,
    .sheet-record-row select.value[data-inline-field-edit] optgroup,
    .structured-mobile-picker select optgroup,
    .journal-format-select optgroup,
    .onboard-select optgroup {
      background: var(--theme-solid-panel);
      color: var(--theme-heading);
    }
    .record-editor-body {
      display: grid;
      gap: 14px;
    }
    .record-editor-footnote {
      color: var(--muted);
      font-size: 11px;
      line-height: 1.55;
      letter-spacing: 0.05em;
      border-top: 1px solid rgba(var(--theme-accent-rgb), 0.18);
      padding-top: 10px;
    }
    .record-editor-summary {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
    }
    .record-editor-pill {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      min-height: 30px;
      padding: 0 12px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.42);
      background: var(--theme-panel-soft);
      color: var(--ink);
      font-size: 11px;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      font-family: "Share Tech Mono", monospace;
    }
    .record-editor-grid {
      display: grid;
      gap: 10px;
    }
    .record-editor-skill-groups {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
    }
    .record-editor-skill-group {
      display: grid;
      gap: 10px;
      min-width: 0;
      padding: 10px 12px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.18);
      background: rgba(255,255,255,0.03);
    }
    .record-editor-skill-group-title {
      color: var(--theme-heading);
      font-family: "Rajdhani", sans-serif;
      font-size: 16px;
      line-height: 1;
      font-weight: 700;
      letter-spacing: 0.10em;
      text-transform: uppercase;
    }
    .record-editor-skill-group-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
    }
    .record-editor-rank-row,
    .record-editor-boon-row,
    .record-editor-outlook-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 12px;
      align-items: center;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.18);
      background: rgba(255,255,255,0.03);
      padding: 10px 12px;
    }
    .record-editor-rank-copy,
    .record-editor-boon-copy,
    .record-editor-outlook-copy {
      display: grid;
      gap: 4px;
      min-width: 0;
    }
    .record-editor-rank-name,
    .record-editor-boon-name,
    .record-editor-outlook-name {
      color: var(--ink);
      font-family: "Rajdhani", sans-serif;
      font-size: 20px;
      font-weight: 700;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      line-height: 1.05;
    }
    .record-editor-rank-meta,
    .record-editor-boon-desc,
    .record-editor-outlook-desc {
      color: var(--muted);
      font-size: 12px;
      line-height: 1.55;
    }
    .record-editor-rank-controls {
      display: inline-flex;
      align-items: center;
      gap: 8px;
    }
    .record-editor-stepper {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 28px;
      height: 28px;
      border-radius: 999px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.34);
      background: rgba(0, 0, 0, 0.42);
      color: var(--ink);
      font-family: "Rajdhani", sans-serif;
      font-size: 18px;
      font-weight: 700;
      cursor: pointer;
      box-shadow: inset 0 0 12px rgba(var(--theme-accent-rgb), 0.08);
      transition: border-color 160ms ease, background 160ms ease, box-shadow 160ms ease, transform 160ms ease, color 160ms ease;
    }
    .record-editor-stepper:hover,
    .record-editor-stepper:focus-visible {
      border-color: rgba(var(--theme-accent-rgb), 0.72);
      background: rgba(var(--theme-accent-rgb), 0.10);
      box-shadow:
        inset 0 0 16px rgba(var(--theme-accent-rgb), 0.12),
        0 0 16px rgba(var(--theme-accent-rgb), 0.18);
      color: var(--theme-heading);
      transform: translateY(-1px);
      outline: none;
    }
    .record-editor-stepper:disabled {
      opacity: 0.35;
      cursor: default;
      transform: none;
    }
    .record-editor-rank-value {
      min-width: 44px;
      text-align: center;
      color: var(--ink);
      font-family: "Rajdhani", sans-serif;
      font-size: 22px;
      font-weight: 700;
    }
    .record-editor-outlook-row {
      grid-template-columns: auto minmax(0, 1fr);
    }
    .record-editor-check {
      width: 18px;
      height: 18px;
      accent-color: rgb(var(--theme-accent-rgb));
    }
    .record-editor-columns {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1.18fr);
      gap: 14px;
      align-items: start;
    }
    .record-editor-step-shell {
      display: grid;
      gap: 14px;
    }
    .record-editor-step-card {
      display: grid;
      gap: 12px;
      min-width: 0;
      padding: 12px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.18);
      background: rgba(255,255,255,0.03);
    }
    .record-editor-step-title {
      color: var(--ink);
      font-family: "Rajdhani", sans-serif;
      font-size: 20px;
      line-height: 1.05;
      font-weight: 700;
      letter-spacing: 0.04em;
      text-transform: uppercase;
    }
    .record-editor-boon-columns {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 14px;
      align-items: start;
    }
    .record-editor-boon-column {
      display: grid;
      gap: 10px;
      min-width: 0;
    }
    .record-editor-boon-column-title {
      color: var(--ink);
      font-family: "Rajdhani", sans-serif;
      font-size: 18px;
      font-weight: 700;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      line-height: 1.05;
    }
    .record-editor-boon-card {
      border: 1px solid rgba(var(--theme-accent-rgb), 0.18);
      background: rgba(255,255,255,0.03);
    }
    .record-editor-boon-card summary {
      list-style: none;
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      gap: 12px;
      align-items: start;
      padding: 10px 12px;
      padding-right: 36px;
      position: relative;
      cursor: pointer;
    }
    .record-editor-boon-card summary::after {
      content: "▾";
      position: absolute;
      top: 50%;
      right: 12px;
      transform: translateY(-50%);
      color: var(--muted);
      font-size: 14px;
      line-height: 1;
      pointer-events: none;
    }
    .record-editor-boon-card[open] summary::after {
      content: "▴";
    }
    .record-editor-boon-card summary::-webkit-details-marker {
      display: none;
    }
    .record-editor-boon-card[open] {
      border-color: rgba(var(--theme-accent-rgb), 0.32);
    }
    .record-editor-boon-body {
      padding: 0 12px 12px 42px;
      color: var(--muted);
      font-size: 12px;
      line-height: 1.6;
    }
    .record-editor-boon-desc:empty {
      display: none;
    }
    .record-editor-rank-layout {
      display: grid;
      grid-template-columns: minmax(0, 0.62fr) minmax(0, 1.38fr);
      gap: 14px;
      align-items: start;
    }
    .record-editor-rank-column {
      display: grid;
      gap: 12px;
      min-width: 0;
    }
    .record-editor-section-card {
      display: grid;
      gap: 12px;
      min-width: 0;
      padding: 12px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.18);
      background: rgba(255,255,255,0.03);
    }
    .record-editor-section-card.is-disabled {
      opacity: 0.58;
    }
    .record-editor-disabled-zone.is-disabled {
      pointer-events: none;
      filter: grayscale(0.25);
    }
    .record-editor-rank-helper {
      color: var(--muted);
      font-size: 12px;
      line-height: 1.45;
    }
    .record-editor-rank-helper.is-alert {
      color: #ffd4d4;
    }
    .record-editor-section-heading {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      min-width: 0;
    }
    .record-editor-section-title {
      color: var(--ink);
      font-family: "Rajdhani", sans-serif;
      font-size: 20px;
      line-height: 1.05;
      font-weight: 700;
      letter-spacing: 0.04em;
      text-transform: uppercase;
    }
    .record-editor-section-meta {
      color: var(--muted);
      font-size: 11px;
      line-height: 1.45;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      font-family: "Share Tech Mono", monospace;
    }
    .record-editor-ability-grid {
      display: grid;
      gap: 10px;
    }
    .record-editor-ability-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 88px auto;
      gap: 10px;
      align-items: center;
    }
    .record-editor-word-shell,
    .onboard-word-shell {
      position: relative;
      min-width: 0;
    }
    .record-editor-word-input,
    .record-editor-cost-input {
      width: 100%;
      min-width: 0;
      min-height: 36px;
      padding: 0 12px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.22);
      background: rgba(0, 0, 0, 0.46);
      color: var(--ink);
      font-family: "Rajdhani", sans-serif;
      font-size: 16px;
      font-weight: 700;
      letter-spacing: 0.02em;
    }
    .record-editor-word-input,
    .onboard-word-shell .onboard-input[data-ability-word-input] {
      padding-right: 76px;
    }
    .record-editor-cost-input {
      text-align: center;
      font-family: "Share Tech Mono", monospace;
      font-size: 15px;
      font-weight: 700;
    }
    .ability-word-type-suffix {
      position: absolute;
      top: 4px;
      right: 34px;
      transform: none;
      pointer-events: none;
      color: rgb(var(--theme-accent-rgb));
      line-height: 1;
      z-index: 1;
    }
    .ability-word-type-menu-shell {
      position: absolute;
      top: 6px;
      right: 6px;
      z-index: 40;
    }
    .ability-word-type-menu-shell summary {
      list-style: none;
    }
    .ability-word-type-menu-shell summary::-webkit-details-marker {
      display: none;
    }
    .ability-word-type-trigger {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 22px;
      height: 22px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.28);
      background: rgba(0, 0, 0, 0.62);
      color: var(--ink);
      cursor: pointer;
      font-family: "Rajdhani", sans-serif;
      font-size: 12px;
      font-weight: 700;
      line-height: 1;
      user-select: none;
    }
    .ability-word-type-trigger.is-missing {
      border-color: rgba(242, 209, 95, 0.72);
      color: #f2d15f;
      box-shadow: 0 0 0 1px rgba(242, 209, 95, 0.18);
    }
    .ability-word-type-menu {
      position: absolute;
      top: 28px;
      right: 0;
      width: 214px;
      padding: 10px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.24);
      background: rgba(8, 10, 16, 0.97);
      box-shadow: 0 10px 28px rgba(0, 0, 0, 0.38);
      display: grid;
      gap: 8px;
      z-index: 41;
    }
    .ability-word-type-menu-title {
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--muted);
    }
    .ability-word-type-option {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr) auto;
      align-items: center;
      gap: 8px;
      min-width: 0;
      font-size: 13px;
      color: var(--ink);
    }
    .ability-word-type-option-short {
      font-family: "Share Tech Mono", monospace;
      font-size: 12px;
      color: rgb(var(--theme-accent-rgb));
    }
    .onboard-word-shell .onboard-input[data-ability-word-input] {
      padding-right: 14px;
    }
    .record-editor-rank-row.skill-coded {
      position: relative;
      border-color: color-mix(in srgb, var(--skill-accent, rgba(255,255,255,0.38)) 32%, rgba(255,255,255,0.14));
      background:
        linear-gradient(90deg, color-mix(in srgb, var(--skill-accent, rgba(255,255,255,0.14)) 18%, rgba(0,0,0,0) 82%) 0%, rgba(255,255,255,0.03) 42%),
        rgba(255,255,255,0.03);
    }
    .record-editor-rank-row.skill-coded .record-editor-rank-name {
      color: var(--skill-accent, var(--ink));
    }
    .record-editor-rank-row.skill-coded .record-editor-rank-meta {
      color: color-mix(in srgb, var(--skill-accent, var(--muted)) 42%, var(--muted) 58%);
    }
    .record-editor-rank-row.skill-coded .record-editor-rank-value {
      color: var(--skill-accent, var(--ink));
    }
    .record-editor-skill-group-grid .record-editor-rank-row {
      min-width: 0;
      padding: 9px 10px;
      gap: 10px;
    }
    .record-editor-skill-group-grid .record-editor-rank-copy {
      gap: 2px;
    }
    .record-editor-skill-group-grid .record-editor-rank-name {
      font-size: 16px;
      line-height: 1;
    }
    .record-editor-skill-group-grid .record-editor-rank-meta {
      font-size: 10px;
      line-height: 1.35;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }
    .record-editor-skill-group-grid .record-editor-rank-controls {
      gap: 6px;
    }
    .record-editor-skill-group-grid .record-editor-stepper {
      width: 24px;
      height: 24px;
      font-size: 15px;
    }
    .record-editor-skill-group-grid .record-editor-rank-value {
      min-width: 28px;
      font-size: 18px;
    }
    .record-editor-inline-note {
      color: var(--muted);
      font-size: 12px;
      line-height: 1.55;
    }
    .record-editor-limit-pill.is-over {
      border-color: rgba(255, 86, 86, 0.55);
      color: #ff8f8f;
    }
    .record-editor-remove-word {
      min-width: 32px;
      min-height: 32px;
      padding: 0 10px;
    }
    @media (max-width: 760px) {
      .record-editor-columns,
      .record-editor-rank-layout,
      .record-editor-tech-layout {
        grid-template-columns: 1fr;
      }
      .record-editor-ability-row {
        grid-template-columns: minmax(0, 1fr) 78px auto;
      }
      .record-editor-tech-controls {
        grid-template-columns: 1fr;
      }
      .status-manager-grid {
        grid-template-columns: 1fr;
      }
      .record-editor-body[data-editor-kind="status-effects"] {
        gap: 10px;
      }
      .record-editor-body[data-editor-kind="status-effects"] .status-manager-shell {
        gap: 10px;
      }
      .record-editor-body[data-editor-kind="status-effects"] .status-manager-copy {
        font-size: 12px;
        line-height: 1.5;
      }
      .record-editor-body[data-editor-kind="status-effects"] .status-manager-help {
        font-size: 10px;
        line-height: 1.4;
        letter-spacing: 0.05em;
      }
      .record-editor-body[data-editor-kind="status-effects"] .status-manager-grid {
        gap: 10px;
      }
      .record-editor-body[data-editor-kind="status-effects"] .status-manager-group {
        gap: 6px;
        padding: 8px;
      }
      .record-editor-body[data-editor-kind="status-effects"] .status-manager-group-title {
        font-size: 10px;
        letter-spacing: 0.12em;
      }
      .record-editor-body[data-editor-kind="status-effects"] .status-manager-list {
        gap: 6px;
      }
      .record-editor-body[data-editor-kind="status-effects"] .status-row {
        min-height: 32px;
        gap: 7px;
        padding: 7px 8px;
      }
      .record-editor-body[data-editor-kind="status-effects"] .status-row input[type="checkbox"] {
        width: 12px;
        height: 12px;
      }
      .record-editor-body[data-editor-kind="status-effects"] .status-effect-pill-icon {
        font-size: 11px;
      }
      .record-editor-body[data-editor-kind="status-effects"] .status-label {
        font-size: 11px;
        letter-spacing: 0.05em;
      }
      .record-editor-body[data-editor-kind="status-effects"] .status-duration-marker {
        margin-left: 3px;
        font-size: 10px;
      }
      .record-editor-body[data-editor-kind="status-effects"] .record-editor-inline-actions {
        flex-wrap: wrap;
        gap: 8px;
        margin-top: 8px;
      }
      .record-editor-body[data-editor-kind="status-effects"] .record-editor-inline-actions .btn {
        flex: 1 1 128px;
      }
    }
    .record-editor-form-grid {
      display: grid;
      gap: 12px;
    }
    .record-editor-form-row {
      display: grid;
      grid-template-columns: minmax(0, 1.1fr) repeat(2, minmax(100px, 0.45fr));
      gap: 10px;
      align-items: center;
      padding: 12px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.18);
      background: rgba(255,255,255,0.03);
    }
    .record-editor-form-copy {
      display: grid;
      gap: 4px;
      min-width: 0;
    }
    .record-editor-form-title {
      color: var(--ink);
      font-family: "Rajdhani", sans-serif;
      font-size: 20px;
      line-height: 1;
      font-weight: 700;
    }
    .record-editor-form-meta {
      color: var(--muted);
      font-size: 11px;
      line-height: 1.45;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }
    .record-editor-field-stack {
      display: grid;
      gap: 6px;
    }
    .record-editor-field-label {
      color: var(--muted);
      font-size: 10px;
      line-height: 1;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      text-align: center;
    }
    .record-editor-input,
    .record-editor-select {
      min-height: 34px;
      width: 100%;
      padding: 0 10px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.24);
      background: rgba(9, 16, 24, 0.82);
      color: var(--ink);
      font-family: "Share Tech Mono", monospace;
      font-size: 11px;
      letter-spacing: 0.06em;
    }
    select.record-editor-input[multiple] {
      min-height: 152px;
      height: auto;
      padding: 8px 10px;
      overflow-y: auto;
      white-space: normal;
    }
    select.record-editor-input[multiple] option {
      padding: 4px 6px;
    }
    .admin-character-setting-row select.record-editor-input[multiple] {
      font-family: "Rajdhani", sans-serif;
      font-size: 14px;
      font-weight: 600;
      letter-spacing: 0.03em;
      line-height: 1.25;
    }
    .structured-editor-card {
      gap: 10px;
    }
    .structured-editor-field-grid {
      grid-template-columns: repeat(auto-fit, minmax(118px, 132px));
      gap: 10px 12px;
      justify-content: start;
      align-items: end;
    }
    .structured-editor-field-grid .record-editor-field-stack {
      min-width: 0;
    }
    .structured-editor-field-grid .record-editor-field-label {
      text-align: left;
    }
    .structured-editor-number-input {
      text-align: center;
      padding-inline: 8px;
    }
    .record-editor-tech-controls {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 118px;
      gap: 10px;
      align-items: center;
      min-width: 0;
    }
    .record-editor-tech-controls > * {
      min-width: 0;
    }
    .record-editor-tech-controls [data-technique-editor-name] {
      font-family: "Rajdhani", sans-serif;
      font-size: 17px;
      font-weight: 700;
      letter-spacing: 0.02em;
    }
    .record-editor-tech-controls [data-technique-editor-level] {
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 0.06em;
      padding: 0 6px;
    }
    .record-editor-tech-layout {
      display: grid;
      grid-template-columns: minmax(0, 1.04fr) minmax(320px, 0.96fr);
      gap: 14px;
      align-items: start;
    }
    .record-editor-tech-archetype-bar {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
    }
    .record-editor-tech-archetype-button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 34px;
      padding: 0 14px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.28);
      background: rgba(0, 0, 0, 0.48);
      color: var(--ink);
      font-family: "Rajdhani", sans-serif;
      font-size: 16px;
      font-weight: 700;
      letter-spacing: 0.05em;
      text-transform: uppercase;
      cursor: pointer;
      transition: border-color 0.18s ease, background 0.18s ease, color 0.18s ease;
    }
    .record-editor-tech-archetype-button:hover,
    .record-editor-tech-archetype-button:focus-visible {
      border-color: rgba(var(--theme-accent-rgb), 0.6);
      outline: none;
    }
    .record-editor-tech-archetype-button.is-active {
      border-color: rgba(var(--theme-accent-rgb), 0.82);
      background: rgb(var(--theme-accent-rgb));
      color: rgb(var(--theme-surface-rgb));
      box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.18), 0 0 18px rgba(var(--theme-accent-rgb), 0.16);
    }
    .record-editor-tech-column {
      display: grid;
      gap: 12px;
      min-width: 0;
    }
    .record-editor-tech-row {
      display: grid;
      gap: 10px;
      padding: 12px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.18);
      background: rgba(255,255,255,0.03);
      min-width: 0;
    }
    .record-editor-tech-row.is-active {
      border-color: rgba(var(--theme-accent-rgb), 0.42);
      background: color-mix(in srgb, rgba(var(--theme-accent-rgb), 0.12) 55%, rgba(255,255,255,0.03));
    }
    .record-editor-tech-topline {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      min-width: 0;
    }
    .record-editor-tech-archetype {
      color: var(--muted);
      font-size: 11px;
      line-height: 1.45;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      font-family: "Share Tech Mono", monospace;
      text-align: right;
      flex: 0 0 auto;
    }
    .record-editor-tech-delete {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 24px;
      height: 24px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.24);
      background: rgba(0, 0, 0, 0.4);
      color: var(--ink);
      font-family: "Rajdhani", sans-serif;
      font-size: 15px;
      font-weight: 700;
      line-height: 1;
      cursor: pointer;
    }
    .record-editor-tech-delete:hover,
    .record-editor-tech-delete:focus-visible {
      border-color: rgba(var(--theme-secondary-accent-rgb), 0.62);
      color: rgb(var(--theme-secondary-accent-rgb));
      outline: none;
    }
    .record-editor-tech-tagline {
      color: var(--muted);
      font-size: 12px;
      line-height: 1.55;
      white-space: normal;
      overflow-wrap: anywhere;
      word-break: break-word;
    }
    .record-editor-tech-preview {
      display: grid;
      gap: 12px;
      min-width: 0;
      padding: 12px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.18);
      background: rgba(255,255,255,0.03);
      position: sticky;
      top: 10px;
      align-self: start;
    }
    .record-editor-tech-preview-title {
      color: var(--ink);
      font-family: "Rajdhani", sans-serif;
      font-size: 24px;
      font-weight: 700;
      line-height: 1.02;
      letter-spacing: 0.04em;
      text-transform: uppercase;
    }
    .record-editor-tech-preview-meta {
      color: var(--muted);
      font-size: 11px;
      line-height: 1.45;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      font-family: "Share Tech Mono", monospace;
    }
    .record-editor-tech-preview-copy {
      color: var(--muted);
      font-size: 13px;
      line-height: 1.65;
      white-space: pre-wrap;
      overflow-wrap: anywhere;
      word-break: break-word;
    }
    .record-editor-tech-preview-levels {
      display: grid;
      gap: 12px;
      min-width: 0;
    }
    .record-editor-tech-preview-levels .tech-level-block {
      padding: 16px 16px 14px;
      border-top: none;
      border-left: 1px solid rgba(var(--theme-accent-rgb), 0.22);
      background: rgba(255,255,255,0.03);
      min-width: 0;
    }
    .record-editor-tech-preview-levels .record-editor-tech-preview-copy {
      padding: 16px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.18);
      background: rgba(255,255,255,0.03);
    }
    @media (max-width: 760px) {
      .record-editor-tech-layout {
        grid-template-columns: minmax(0, 1fr);
      }
      .record-editor-tech-layout > .record-editor-tech-column {
        min-width: 0;
      }
      .record-editor-tech-layout > .record-editor-tech-column:first-child {
        width: 100%;
      }
      .record-editor-tech-layout > .record-editor-tech-column:last-child {
        width: 100%;
      }
      .record-editor-tech-row {
        width: 100%;
      }
      .record-editor-tech-controls {
        grid-template-columns: minmax(0, 1fr);
        gap: 8px;
      }
      .record-editor-tech-controls [data-technique-editor-level] {
        width: 100%;
      }
      .record-editor-tech-preview {
        position: static;
        top: auto;
      }
    }
    .record-editor-inline-actions {
      display: flex;
      justify-content: flex-end;
      gap: 10px;
      margin-top: 10px;
    }
    .record-editor-inline-actions [data-editor-submit] {
      order: 1;
    }
    .record-editor-inline-actions [data-editor-cancel] {
      order: 2;
    }
    .ability-keyword-term {
      font-size: calc(13px * var(--ability-word-scale, 1));
      letter-spacing: 0.06em;
      text-transform: uppercase;
      color: rgb(var(--ability-metal-strong-rgb));
      font-weight: 700;
      display: inline-block;
      white-space: nowrap;
      line-height: 1;
      transition: font-size 120ms ease;
    }
    .ability-keyword-row.is-wrapped .ability-keyword-term {
      white-space: normal;
      line-height: 1.08;
      overflow-wrap: anywhere;
    }
    .ability-keyword-row.is-wrapped .ability-cost-pill {
      align-self: start;
    }
    .ability-word-type-sup {
      font-size: 10px;
      font-weight: 700;
      line-height: 1;
      display: inline-block;
      margin-left: 0;
      vertical-align: baseline;
      transform: none;
      color: rgb(var(--ability-metal-strong-rgb));
    }
    .ability-keyword-term-wrap > .ability-word-type-sup {
      position: absolute;
      top: 0.02em;
      right: 0;
      text-align: right;
    }
    .ability-word-type-suffix .ability-word-type-sup {
      position: static;
      display: block;
      text-align: right;
    }
    .ability-cost-pill,
    .attribute-pill,
    .rank-pill,
    .modifier-pill {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      min-height: 26px;
      padding: 0 10px;
      border: 1px solid var(--border-2);
      background: rgba(0, 0, 0, 0.58);
      color: var(--ink);
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.12em;
      white-space: nowrap;
    }
    .ability-cost-pill {
      color: rgb(var(--ability-metal-strong-rgb));
      font-size: 14px;
      border-color: rgba(var(--ability-metal-rgb), 0.32);
      background: rgba(12, 16, 22, 0.84);
    }
    .rank-summary-row {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      align-items: stretch;
      gap: 10px;
      min-width: 0;
      width: min(100%, 232px);
      margin-left: auto;
    }
    .rank-summary-pill {
      display: inline-flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
      min-width: 0;
      padding: 9px 12px;
      border: 1px solid var(--border-2);
      background: rgba(0, 0, 0, 0.78);
      flex: 1 1 auto;
    }
    .rank-summary-pill .key {
      color: var(--muted);
      font-size: clamp(9px, 0.72vw, 11px);
      letter-spacing: 0.14em;
      text-transform: uppercase;
      order: 2;
      display: inline-flex;
      align-items: center;
      gap: 0.32em;
      white-space: nowrap;
      min-width: 0;
      flex: 0 0 auto;
    }
    .rank-summary-pill .score {
      color: var(--ink);
      font-family: "Rajdhani", sans-serif;
      font-size: clamp(20px, 1.8vw, 28px);
      font-weight: 700;
      line-height: 1;
      order: 1;
      white-space: nowrap;
      min-width: 0;
      flex: 1 1 auto;
      text-align: right;
      display: inline-flex;
      align-items: center;
      justify-content: flex-end;
      gap: 0.2em;
    }
    .rank-summary-pill .summary-value-pair,
    .rank-summary-pill .advancement-summary-score {
      display: inline-flex;
      align-items: baseline;
      justify-content: flex-end;
      gap: 0;
    }
    .rank-summary-pill .summary-divider {
      display: inline-block;
      flex: 0 0 auto;
      margin: 0 0.16em;
    }
    .character-rank-summary-pill {
      grid-column: auto;
      width: auto;
    }
    .section-title-row.nowrap {
      flex-wrap: nowrap;
      align-items: center;
    }
    .section-title-meta {
      color: var(--muted);
      font-size: 11px;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      white-space: nowrap;
    }
    .section-title-row.nowrap .mini-tags {
      flex-wrap: nowrap;
      white-space: nowrap;
      overflow-x: auto;
      overflow-y: hidden;
      justify-content: flex-end;
    }
    .skill-clusters {
      display: grid;
      gap: 12px;
    }
    .skill-attribute-block {
      display: grid;
      grid-template-columns: 42px minmax(0, 1fr);
      min-height: 100%;
      border: none;
      background: rgba(255,255,255,0.03);
      overflow: visible;
    }
    .skill-attribute-sidebar {
      display: flex;
      align-items: center;
      justify-content: center;
      background: rgba(0,0,0,0.82);
      color: var(--ink);
      font-size: 18px;
      letter-spacing: 0.08em;
    }
    .skill-attribute-content {
      display: grid;
      gap: 8px;
      padding: 12px 14px;
    }
    .skill-attribute-block.attr-body {
      border-color: rgba(255, 91, 91, 0.28);
      background: linear-gradient(180deg, rgba(255, 91, 91, 0.12), rgba(255,255,255,0.03));
    }
    .skill-attribute-block.attr-talent {
      border-color: rgba(246, 196, 83, 0.28);
      background: linear-gradient(180deg, rgba(246, 196, 83, 0.12), rgba(255,255,255,0.03));
    }
    .skill-attribute-block.attr-spirit {
      border-color: rgba(48, 213, 255, 0.28);
      background: linear-gradient(180deg, rgba(48, 213, 255, 0.12), rgba(255,255,255,0.03));
    }
    .skill-attribute-block.attr-mind {
      border-color: rgba(181, 140, 255, 0.28);
      background: linear-gradient(180deg, rgba(181, 140, 255, 0.12), rgba(255,255,255,0.03));
    }
    .attribute-pill.attr-body {
      border-color: rgba(255, 91, 91, 0.35);
      color: #ff9f9f;
    }
    .attribute-pill.attr-talent {
      border-color: rgba(246, 196, 83, 0.35);
      color: #ffe39b;
    }
    .attribute-pill.attr-spirit {
      border-color: rgba(48, 213, 255, 0.35);
      color: #a8f2ff;
    }
    .attribute-pill.attr-mind {
      border-color: rgba(181, 140, 255, 0.35);
      color: #dfc6ff;
    }
    .skill-lines {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 6px 12px;
      --skill-name-column-width: max-content;
      --skill-metric-offset: clamp(8px, 14%, 24px);
      --skill-metric-right-pad: clamp(10px, 9%, 24px);
      --skill-star-gap: 6px;
    }
    .skill-line {
      display: grid;
      grid-template-columns: minmax(0, var(--skill-name-column-width, max-content)) minmax(0, 1fr);
      align-items: center;
      column-gap: 8px;
      justify-content: start;
      padding: 6px 0;
      border-bottom: 1px solid rgba(255,255,255,0.08);
    }
    .skill-name {
      display: inline-block;
      color: var(--ink);
      font-size: 13px;
      font-weight: 700;
      letter-spacing: 0.05em;
      text-transform: uppercase;
      white-space: nowrap;
      overflow: visible;
      text-overflow: clip;
      overflow-wrap: normal;
      line-height: 1.04;
      flex: 0 0 auto;
      min-width: 0;
      width: var(--skill-name-column-width, auto);
    }
    .skill-metric-lane {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      min-width: 0;
      padding-left: var(--skill-metric-offset, clamp(8px, 14%, 24px));
      padding-right: var(--skill-metric-right-pad, clamp(10px, 9%, 24px));
    }
    .skill-metrics {
      display: inline-grid;
      grid-template-columns: minmax(44px, auto) minmax(72px, auto) auto;
      align-items: center;
      justify-content: start;
      justify-items: start;
      gap: var(--skill-star-gap, 6px);
      color: var(--muted);
      font-size: 11px;
      font-family: "Share Tech Mono", monospace;
      letter-spacing: 0.04em;
      white-space: nowrap;
      flex: 0 0 auto;
      max-width: 100%;
    }
    .skill-stars {
      color: var(--ink);
      font-size: 20px;
      letter-spacing: 0.04em;
      display: inline-flex;
      align-items: center;
      justify-content: flex-start;
      gap: var(--skill-star-gap, 6px);
      min-width: 72px;
    }
    .skill-metrics .rank-pill {
      font-family: "Rajdhani", sans-serif;
      font-weight: 700;
      font-size: 15px;
      color: var(--skill-accent, var(--ink));
      border-color: color-mix(in srgb, var(--skill-accent, #ffffff) 42%, rgba(255,255,255,0.18));
      background: rgba(0, 0, 0, 0.58);
      min-width: 44px;
      justify-self: start;
      text-align: center;
    }
    .skill-star-chip {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: var(--skill-accent, var(--ink));
      min-width: 16px;
      line-height: 1;
      font-size: 22px;
      transform: scale(1.12);
      transform-origin: center;
    }
    .skill-star-empty {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 16px;
      color: var(--ink);
      line-height: 1;
      font-size: 22px;
    }
    .boon-card {
      display: grid;
      gap: 10px;
      padding: 14px;
      border: 1px solid var(--border-2);
      background: rgba(255,255,255,0.03);
    }
    .boon-card summary {
      list-style: none;
      cursor: pointer;
    }
    .boon-card summary:hover {
      cursor: pointer;
    }
    .boon-card summary::-webkit-details-marker {
      display: none;
    }
    .boon-card:not([open]) {
      gap: 0;
    }
    .boon-header {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 12px;
    }
    .boon-header-main {
      display: grid;
      gap: 4px;
      min-width: 0;
      flex: 1 1 auto;
    }
    .boon-name {
      font-family: "Rajdhani", sans-serif;
      font-size: 20px;
      font-weight: 700;
      letter-spacing: 0.04em;
      line-height: 1;
    }
    .boon-toggle-copy {
      color: var(--muted);
      font-family: "Share Tech Mono", monospace;
      font-size: 10px;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      line-height: 1.3;
      white-space: nowrap;
    }
    .boon-card[open] .boon-toggle-copy::after {
      content: "▾ Click To Collapse";
    }
    .boon-card:not([open]) .boon-toggle-copy::after {
      content: "▸ Click To Expand";
    }
    .boon-toggle-copy {
      display: none;
    }
    .boon-card > summary.expand-glow {
      position: relative;
      padding-right: 28px;
    }
    .boon-card > summary.expand-glow::after {
      content: "▾";
      position: absolute;
      top: 50%;
      right: 0;
      transform: translateY(-50%);
      color: var(--muted);
      font-size: 14px;
      line-height: 1;
      pointer-events: none;
    }
    .boon-card[open] > summary.expand-glow::after {
      content: "▴";
    }
    .boon-desc {
      color: var(--muted);
      font-size: 13px;
      line-height: 1.7;
    }
    .boon-rich-copy {
      display: grid;
      gap: 7px;
    }
    .boon-rich-paragraph {
      display: block;
      min-width: 0;
    }
    .boon-rich-list {
      display: grid;
      gap: 6px;
    }
    .boon-rich-item {
      display: grid;
      grid-template-columns: 10px minmax(0, 1fr);
      align-items: start;
      gap: 8px;
    }
    .boon-rich-arrow {
      color: var(--theme-heading);
      font-size: 11px;
      line-height: 1.45;
      flex: 0 0 auto;
    }
    .boon-rich-item-copy {
      display: block;
      min-width: 0;
    }
    .boon-header-main {
      display: inline-flex;
      align-items: center;
      gap: 10px;
    }
    .boon-toggle-copy {
      display: none;
    }
    .boon-card[open] .boon-toggle-copy::after {
      content: "";
    }
    .boon-card:not([open]) .boon-toggle-copy::after {
      content: "";
    }
    .boon-card > summary.expand-glow {
      padding-right: 0;
    }
    .boon-card > summary.expand-glow::after {
      content: "";
      font-size: 0;
    }
    .section-title-cluster {
      display: flex;
      align-items: center;
      gap: 12px;
      flex: 1 1 auto;
      min-width: 0;
      flex-wrap: wrap;
    }
    .section-title-row-status {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: start;
      column-gap: 12px;
      row-gap: 8px;
    }
    .section-title-row-status .section-title-cluster {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      align-content: start;
      gap: 6px;
      min-width: 0;
    }
    .section-title-row-status .section-title-inline-group {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      min-width: 0;
      max-width: 100%;
    }
    .section-title-row-status .status-effect-pill-row {
      width: 100%;
    }
    .section-title-row-status .section-title-actions {
      margin-left: 0;
      margin-right: 0;
      justify-self: end;
      align-self: start;
      flex-wrap: nowrap;
    }
    .status-manager-trigger {
      min-height: 30px;
      padding-inline: 12px;
      font-size: 11px;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      white-space: nowrap;
    }
    .status-manager-button-symbol {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      margin-left: 0;
      font-size: 19px;
      line-height: 1;
    }
    .status-effect-pill-row[hidden] {
      display: none;
    }
    .status-effect-pill-list {
      display: flex;
      align-items: center;
      gap: 8px;
      flex-wrap: wrap;
    }
    .status-effect-pill-icon {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 1ch;
      font-size: 13px;
      line-height: 1;
      font-weight: 700;
      transform: translateY(-0.04em);
      flex: 0 0 auto;
    }
    .status-effect-pill {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      min-height: 28px;
      padding: 0 11px;
      border: 1px solid rgba(125, 194, 255, 0.62);
      background: linear-gradient(180deg, rgba(22, 58, 96, 0.96), rgba(9, 28, 48, 0.96));
      color: #f7fbff;
      font-family: "Share Tech Mono", monospace;
      font-size: 11px;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      line-height: 1;
      white-space: nowrap;
      box-shadow: 0 0 18px rgba(46, 140, 255, 0.18);
    }
    .status-effect-pill.negative {
      border-color: rgba(255, 72, 72, 0.68);
      background: linear-gradient(180deg, rgba(16, 16, 16, 0.98), rgba(0, 0, 0, 0.98));
      color: #ff5d5d;
      box-shadow: 0 0 18px rgba(255, 66, 66, 0.14);
    }
    .status-effect-pill.is-vulnerable {
      border-color: rgba(255, 255, 255, 0.26);
      background: linear-gradient(180deg, rgba(10, 10, 10, 0.98), rgba(0, 0, 0, 1));
      color: #ffffff;
      box-shadow: 0 0 16px rgba(255, 255, 255, 0.08);
    }
    .status-effect-pill.special {
      border-color: rgba(196, 196, 196, 0.32);
      background: rgba(255,255,255,0.05);
      color: #f3f6fa;
      box-shadow: none;
    }
    .status-effect-pill-remove {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 14px;
      height: 14px;
      padding: 0;
      border: none;
      background: transparent;
      color: currentColor;
      font-size: 14px;
      line-height: 1;
      cursor: pointer;
      opacity: 0;
      pointer-events: none;
      transition: opacity 120ms ease;
    }
    .status-effect-pill:hover .status-effect-pill-remove,
    .status-effect-pill:focus-within .status-effect-pill-remove {
      opacity: 1;
      pointer-events: auto;
    }
    @media (hover: none), (pointer: coarse) {
      .tooltip-anchor,
      .tooltip-anchor *,
      [data-helper-text],
      [data-helper-text] * {
        -webkit-user-select: none;
        user-select: none;
        -webkit-touch-callout: none;
      }
      .status-effect-pill-remove {
        width: 16px;
        height: 16px;
        font-size: 16px;
        opacity: 1;
        pointer-events: auto;
      }
    }
    .status-manager-shell {
      display: grid;
      gap: 14px;
    }
    .record-editor-panel.is-compact {
      width: min(460px, calc(100vw - 36px));
    }
    .record-editor-panel.is-manage-character {
      width: min(624px, calc(100vw - 36px));
    }
    .record-editor-panel.is-structured {
      width: min(640px, calc(100vw - 36px));
      max-height: min(78vh, 880px);
    }
    .record-editor-panel.is-wide {
      width: min(1240px, calc(100vw - 36px));
    }
    .record-editor-body[data-editor-kind="structured-attributes"] {
      width: min(100%, 560px);
      margin: 0 auto;
      justify-self: center;
      gap: 10px;
    }
    .record-editor-body[data-editor-kind="structured-attributes"] .record-editor-inline-note {
      text-align: left;
      font-size: 11px;
      line-height: 1.45;
    }
    .record-editor-body[data-editor-kind="structured-attributes"] .record-editor-columns {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
    }
    .record-editor-body[data-editor-kind="structured-attributes"] .record-editor-rank-column {
      gap: 10px;
    }
    .record-editor-body[data-editor-kind="structured-attributes"] .record-editor-section-card {
      gap: 8px;
      padding: 10px;
    }
    .record-editor-body[data-editor-kind="structured-attributes"] .record-editor-section-heading {
      display: grid;
      gap: 3px;
      justify-content: start;
    }
    .record-editor-body[data-editor-kind="structured-attributes"] .record-editor-section-title {
      font-size: 18px;
    }
    .record-editor-body[data-editor-kind="structured-attributes"] .record-editor-section-meta {
      font-size: 10px;
      line-height: 1.35;
      letter-spacing: 0.05em;
      text-transform: none;
    }
    .record-editor-body[data-editor-kind="structured-attributes"] .structured-editor-field-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 8px;
    }
    .record-editor-body[data-editor-kind="structured-attributes"] .record-editor-field-stack {
      gap: 4px;
    }
    @media (max-width: 860px) {
      .record-editor-body[data-editor-kind="structured-attributes"] .record-editor-columns,
      .record-editor-body[data-editor-kind="structured-attributes"] .structured-editor-field-grid {
        grid-template-columns: minmax(0, 1fr);
      }
    }
    .record-editor-body[data-editor-kind="attributes"] {
      width: min(100%, 520px);
      margin: 0 auto;
      justify-self: center;
      gap: 14px;
    }
    .record-editor-body[data-editor-kind="attributes"] .record-editor-summary {
      justify-content: flex-start;
    }
    .record-editor-body[data-editor-kind="attributes"] .record-editor-inline-note {
      text-align: left;
    }
    .record-editor-body[data-editor-kind="attributes"] .record-editor-form-grid {
      gap: 10px;
    }
    .record-editor-body[data-editor-kind="attributes"] .record-editor-form-row {
      grid-template-columns: minmax(0, 1fr) minmax(150px, 172px);
      gap: 14px;
      padding: 14px;
      text-align: left;
      align-items: center;
    }
    .record-editor-body[data-editor-kind="attributes"] .record-editor-form-copy {
      justify-items: start;
      gap: 6px;
      min-width: 0;
    }
    .record-editor-body[data-editor-kind="attributes"] .record-editor-form-title-row {
      display: flex;
      align-items: center;
      gap: 10px;
      flex-wrap: wrap;
    }
    .record-editor-body[data-editor-kind="attributes"] .record-editor-form-title {
      font-size: 18px;
    }
    .record-editor-body[data-editor-kind="attributes"] .record-editor-form-meta {
      text-align: left;
    }
    .record-editor-body[data-editor-kind="attributes"] .record-editor-attribute-total {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      min-height: 30px;
      padding: 0 10px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.24);
      background: rgba(0, 0, 0, 0.52);
      color: var(--ink);
      font-family: "Share Tech Mono", monospace;
      font-size: 14px;
      font-weight: 700;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      line-height: 1;
    }
    .record-editor-body[data-editor-kind="attributes"] .record-editor-attribute-total.is-empty {
      color: var(--muted);
    }
    .record-editor-body[data-editor-kind="attributes"] .record-editor-attribute-bonus {
      color: var(--theme-accent-2);
      font-size: 11px;
      letter-spacing: 0.08em;
    }
    .record-editor-body[data-editor-kind="attributes"] .attribute-editor-fields {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 8px;
      align-items: start;
    }
    .record-editor-body[data-editor-kind="attributes"] .record-editor-field-stack {
      justify-items: stretch;
    }
    .record-editor-body[data-editor-kind="attributes"] .record-editor-field-stack:has([data-attribute-editor-base-value]) {
      display: none;
    }
    .record-editor-body[data-editor-kind="attributes"] .record-editor-static-value {
      justify-self: stretch;
      text-align: center;
      min-width: 0;
    }
    .record-editor-body[data-editor-kind="attributes"] .record-editor-input {
      text-align: center;
    }
    .record-editor-body[data-editor-kind="attributes"] .record-editor-form-row.attr-body {
      border-color: rgba(234, 67, 53, 0.52);
      background: linear-gradient(180deg, rgba(234, 67, 53, 0.20), var(--theme-panel));
    }
    .record-editor-body[data-editor-kind="attributes"] .record-editor-form-row.attr-talent {
      border-color: rgba(251, 188, 4, 0.52);
      background: linear-gradient(180deg, rgba(251, 188, 4, 0.20), var(--theme-panel));
    }
    .record-editor-body[data-editor-kind="attributes"] .record-editor-form-row.attr-spirit {
      border-color: rgba(52, 168, 83, 0.52);
      background: linear-gradient(180deg, rgba(52, 168, 83, 0.20), var(--theme-panel));
    }
    .record-editor-body[data-editor-kind="attributes"] .record-editor-form-row.attr-mind {
      border-color: rgba(66, 133, 244, 0.52);
      background: linear-gradient(180deg, rgba(66, 133, 244, 0.20), var(--theme-panel));
    }
    @media (max-width: 640px) {
      .record-editor-body[data-editor-kind="attributes"] .record-editor-form-row {
        grid-template-columns: minmax(0, 1fr);
      }
    }
    .status-manager-copy {
      color: var(--muted);
      font-size: 13px;
      line-height: 1.6;
    }
    .status-manager-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
      align-items: start;
    }
    .status-manager-group {
      display: grid;
      gap: 8px;
      padding: 12px;
      border: 1px solid var(--border-2);
      background: rgba(255,255,255,0.03);
      align-self: start;
    }
    .status-manager-group.positive {
      border-color: rgba(125, 194, 255, 0.34);
      background: linear-gradient(180deg, rgba(10, 34, 60, 0.9), rgba(7, 20, 36, 0.92));
    }
    .status-manager-group.negative {
      border-color: rgba(255, 72, 72, 0.28);
      background: linear-gradient(180deg, rgba(18, 11, 11, 0.96), rgba(7, 7, 7, 0.96));
    }
    .status-manager-group.special {
      border-color: rgba(255,255,255,0.14);
      background: rgba(255,255,255,0.03);
    }
    .status-manager-group-title {
      color: var(--muted);
      font-size: 11px;
      letter-spacing: 0.14em;
      text-transform: uppercase;
    }
    .status-manager-list {
      display: grid;
      gap: 8px;
    }
    .status-row {
      display: flex;
      align-items: center;
      gap: 10px;
      min-height: 38px;
      padding: 10px 12px;
      border: 1px solid var(--border-2);
      background: rgba(255,255,255,0.03);
      box-sizing: border-box;
      cursor: pointer;
    }
    .status-row.positive {
      border-color: rgba(125, 194, 255, 0.28);
      background: rgba(8, 23, 40, 0.88);
    }
    .status-row.positive.is-active {
      border-color: rgba(125, 194, 255, 0.7);
      background: linear-gradient(180deg, rgba(27, 84, 141, 0.72), rgba(8, 35, 58, 0.94));
      box-shadow: 0 0 20px rgba(45, 137, 255, 0.18);
    }
    .status-row.special {
      border-color: rgba(255,255,255,0.14);
      background: rgba(255,255,255,0.04);
    }
    .status-row.special.is-active {
      border-color: rgba(var(--theme-accent-rgb), 0.42);
      background: linear-gradient(180deg, rgba(var(--theme-accent-rgb), 0.18), rgba(var(--theme-accent-rgb), 0.05));
    }
    .status-row.negative.is-active {
      border-color: rgba(255, 72, 72, 0.72);
      background: linear-gradient(180deg, rgba(70, 10, 10, 0.92), rgba(12, 0, 0, 0.98));
      box-shadow: 0 0 20px rgba(255, 66, 66, 0.14);
    }
    .status-row.negative {
      border-color: rgba(255, 72, 72, 0.26);
      background: rgba(14, 8, 8, 0.94);
    }
    .status-row.is-vulnerable {
      border-color: rgba(255, 255, 255, 0.18);
      background: rgba(8, 8, 8, 0.96);
    }
    .status-row.is-vulnerable.is-active {
      border-color: rgba(255, 255, 255, 0.46);
      background: linear-gradient(180deg, rgba(24, 24, 24, 0.98), rgba(2, 2, 2, 1));
      box-shadow: 0 0 18px rgba(255, 255, 255, 0.08);
    }
    .status-row input[type="checkbox"] {
      width: 14px;
      height: 14px;
      accent-color: var(--cyan);
      pointer-events: auto;
      margin: 0;
      flex: 0 0 auto;
      cursor: pointer;
    }
    .status-label {
      color: var(--ink);
      font-size: 12px;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      flex: 1 1 auto;
      min-width: 0;
      line-height: 1.2;
    }
    .bond-action-icon-box {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 100%;
      min-width: 36px;
      padding: 8px 6px;
      background: rgba(0, 0, 0, 0.86);
      border-right: 1px solid rgba(var(--theme-accent-rgb), 0.22);
      color: #ffffff;
      font-size: 22px;
      font-weight: 700;
      line-height: 1;
    }
    .bond-action-symbol {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 1ch;
      font-family: "Share Tech Mono", monospace;
      color: #ffffff;
      font-size: 24px;
      font-weight: 700;
      line-height: 1;
    }
    .bond-action-symbol svg {
      display: block;
      width: 24px;
      height: 24px;
      flex: 0 0 auto;
      overflow: visible;
    }
    .influence-superscript {
      position: relative;
      display: inline-block;
      margin-left: 0.16em;
      color: #ffffff;
      font-size: 0.66em;
      line-height: 1;
      vertical-align: super;
      transform: translateY(-0.1em);
      pointer-events: none;
    }
    .bond-action-main {
      display: block;
      min-width: min(188px, 100%);
      padding: 10px 12px;
      min-inline-size: 0;
    }
    .bond-action-pill {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      flex-wrap: wrap;
      min-width: 0;
      color: var(--ink);
      font-family: "Rajdhani", sans-serif;
      font-size: 14px;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      text-align: left;
      line-height: 1.15;
      white-space: normal;
      overflow-wrap: anywhere;
      word-break: break-word;
    }
    .bond-action-card {
      display: grid;
      grid-template-columns: 36px minmax(min(188px, 100%), 1fr);
      align-items: center;
      border: 1px solid var(--border-2);
      background: rgba(255,255,255,0.03);
      overflow: visible;
      cursor: pointer;
      min-width: 0;
      width: 100%;
    }
    .bond-action-card:hover .tooltip-popout,
    .bond-action-card:focus-within .tooltip-popout {
      transition-delay: 125ms;
    }
    .bond-action-card-header {
      display: block;
      min-width: 0;
    }
    .bond-sheet-grid {
      display: grid;
      gap: 10px;
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .bond-sheet-card {
      display: grid;
      grid-template-columns: 54px minmax(0, 1fr);
      gap: 10px;
      padding: 10px 12px;
      border: 1px solid var(--border-2);
      background: var(--theme-panel);
      min-width: 0;
      min-height: 54px;
      width: 100%;
      appearance: none;
      text-align: left;
      font: inherit;
      color: inherit;
      transition: border-color 160ms ease, box-shadow 160ms ease, background 160ms ease, transform 160ms ease;
    }
    .bond-sheet-portrait-rail {
      display: flex;
      align-items: center;
      justify-content: center;
      align-self: stretch;
      min-width: 0;
      min-height: 100%;
      padding: 3px;
      border: 1px solid rgba(255, 255, 255, 0.08);
      background: #000;
      overflow: hidden;
    }
    .bond-sheet-portrait-rail.is-empty {
      background: rgba(0, 0, 0, 0.92);
    }
    .bond-sheet-portrait {
      display: block;
      width: 100%;
      height: 100%;
      min-height: 46px;
      object-fit: contain;
      object-position: center;
      background: transparent;
    }
    .bond-sheet-line {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      grid-template-areas:
        "name actions"
        "meta actions";
      align-items: start;
      gap: 8px 10px;
      min-width: 0;
    }
    .bond-sheet-name {
      grid-area: name;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      color: var(--ink);
      font-family: "Rajdhani", sans-serif;
      font-size: 20px;
      font-weight: 700;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      line-height: 0.96;
      min-width: 0;
      overflow: visible;
      text-overflow: unset;
      white-space: normal;
      overflow-wrap: anywhere;
      word-break: break-word;
    }
    .bond-sheet-quick-indicator {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 22px;
      min-width: 22px;
      height: 22px;
      min-height: 22px;
      padding: 0;
      border-radius: 6px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.42);
      background:
        linear-gradient(180deg, rgba(var(--theme-secondary-rgb), 0.24), rgba(var(--theme-secondary-rgb), 0.08)),
        rgba(6, 14, 26, 0.82);
      box-shadow:
        inset 0 0 18px rgba(var(--theme-secondary-rgb), 0.16),
        0 0 0 1px rgba(var(--theme-accent-rgb), 0.08);
      color: var(--ink);
      flex: 0 0 auto;
    }
    .bond-sheet-quick-indicator svg {
      display: block;
      width: 13px;
      height: 13px;
      stroke: currentColor;
      fill: none;
      stroke-width: 1.9;
      stroke-linecap: round;
      stroke-linejoin: round;
    }
    .bond-sheet-meta {
      grid-area: meta;
      display: flex;
      flex-wrap: nowrap;
      align-items: center;
      gap: 8px;
      min-width: 0;
    }
    .bond-sheet-empty-label {
      grid-area: name;
      color: var(--muted);
      font-family: "Share Tech Mono", monospace;
      font-size: 11px;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      white-space: nowrap;
    }
    .bond-sheet-rank {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 7px;
      min-height: 21px;
      min-width: 104px;
      padding: 4px 8px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.56);
      background:
        linear-gradient(180deg, rgba(var(--theme-accent-rgb), 0.22), rgba(var(--theme-accent-rgb), 0.08)),
        rgba(6, 14, 26, 0.74);
      box-shadow:
        inset 0 0 0 1px rgba(var(--theme-accent-rgb), 0.08),
        inset 0 0 18px rgba(var(--theme-accent-rgb), 0.10),
        0 0 18px rgba(var(--theme-accent-rgb), 0.14);
      font-family: "Rajdhani", sans-serif;
      font-size: 15px;
      font-weight: 700;
      letter-spacing: 0.05em;
      text-transform: none;
      white-space: nowrap;
      flex: 0 0 auto;
      color: var(--ink);
    }
    .bond-sheet-rank-stars {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      line-height: 1;
    }
    .bond-sheet-rank-star {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 0.7em;
      color: rgb(var(--theme-accent-rgb));
      transform: scale(1.12);
      transform-origin: center;
    }
    .bond-sheet-rank-star.empty {
      color: rgba(255, 255, 255, 0.92);
      transform: none;
    }
    .bond-sheet-rank-value {
      display: inline-flex;
      align-items: baseline;
      gap: 4px;
      color: rgba(255, 255, 255, 0.96);
      line-height: 1;
    }
    .bond-sheet-rank-separator {
      color: rgba(255, 255, 255, 0.88);
      font-weight: 600;
    }
    .bond-sheet-rank-number {
      color: rgba(255, 255, 255, 0.98);
      font-weight: 800;
    }
    .bond-sheet-type {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 26px;
      min-width: 86px;
      padding: 5px 10px;
      border: 1px solid rgba(var(--theme-secondary-rgb), 0.42);
      background: linear-gradient(180deg, rgba(var(--theme-secondary-rgb), 0.18), rgba(0, 0, 0, 0.46));
      color: rgb(var(--theme-secondary-rgb));
      font-family: "Share Tech Mono", monospace;
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      white-space: nowrap;
      flex: 0 0 auto;
    }
    .bond-sheet-card.is-quick {
      border-color: rgba(var(--theme-secondary-rgb), 0.34);
      background:
        linear-gradient(180deg, rgba(var(--theme-secondary-rgb), 0.08), rgba(0, 0, 0, 0)),
        var(--theme-panel);
    }
    .bond-sheet-manage {
      white-space: nowrap;
    }
    .bond-sheet-notes {
      margin-left: 0;
      white-space: nowrap;
    }
    .bond-sheet-notes svg {
      width: 14px;
      height: 14px;
      display: block;
      stroke: currentColor;
      fill: none;
      stroke-width: 1.9;
      stroke-linecap: round;
      stroke-linejoin: round;
    }
    .bond-sheet-open-entry {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: rgba(255, 255, 255, 0.92);
      overflow: visible;
    }
    .bond-sheet-open-entry svg {
      width: 14px;
      height: 14px;
      display: block;
      flex: 0 0 auto;
      overflow: visible;
      stroke: currentColor;
      fill: none;
      stroke-width: 1.9;
      stroke-linecap: round;
      stroke-linejoin: round;
    }
    .bond-sheet-actions {
      grid-area: actions;
      display: inline-flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-end;
      gap: 6px;
      flex: 0 0 auto;
      justify-self: end;
      align-self: start;
    }
    .bond-sheet-icon-button {
      border-radius: 6px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.42);
      background:
        linear-gradient(180deg, rgba(var(--theme-secondary-rgb), 0.24), rgba(var(--theme-secondary-rgb), 0.08)),
        rgba(6, 14, 26, 0.82);
      color: var(--ink);
      text-decoration: none;
      box-shadow:
        inset 0 0 18px rgba(var(--theme-secondary-rgb), 0.16),
        0 0 0 1px rgba(var(--theme-accent-rgb), 0.08);
      transition:
        border-color 160ms ease,
        background 160ms ease,
        color 160ms ease,
        box-shadow 160ms ease,
        transform 160ms ease;
    }
    .bond-sheet-icon-button:hover,
    .bond-sheet-icon-button:focus-visible {
      border-color: rgba(var(--theme-accent-rgb), 0.76);
      background:
        linear-gradient(180deg, rgba(var(--theme-secondary-rgb), 0.24), rgba(var(--theme-secondary-rgb), 0.08)),
        rgba(6, 14, 26, 0.82);
      box-shadow:
        inset 0 0 18px rgba(var(--theme-secondary-rgb), 0.16),
        0 0 0 1px rgba(var(--theme-accent-rgb), 0.10),
        0 0 20px rgba(var(--theme-secondary-rgb), 0.26);
      color: rgb(var(--theme-accent-rgb));
      transform: translateY(-1px);
      outline: none;
    }
    .bond-sheet-manage,
    .bond-header-actions .btn,
    .record-editor-choice-list [data-bond-manage-action] {
      min-height: 26px;
      min-width: 72px;
      padding: 0 10px;
      font-size: 11px;
      letter-spacing: 0.14em;
    }
    .bond-sheet-actions .bond-sheet-manage,
    .bond-sheet-actions .bond-sheet-notes,
    .bond-sheet-actions .bond-sheet-open-entry {
      min-width: 26px;
      min-height: 26px;
      width: 26px;
      height: 26px;
      padding: 0;
      font-size: 14px;
      letter-spacing: 0;
    }
    .bond-sheet-tags {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      min-width: 0;
      width: auto;
      margin-left: 0;
      flex: 1 1 auto;
      overflow: hidden;
    }
    .bond-sheet-tags-label {
      display: none;
    }
    .bond-sheet-tags-list {
      display: flex;
      align-items: center;
      gap: 6px;
      min-width: 0;
      width: 100%;
      flex: 1 1 auto;
      flex-wrap: nowrap;
      overflow-x: auto;
      overflow-y: hidden;
      white-space: nowrap;
      scrollbar-width: none;
    }
    .bond-sheet-tags-list::-webkit-scrollbar {
      display: none;
    }
    .bond-sheet-tag {
      display: inline-flex;
      align-items: center;
      min-height: 24px;
      padding: 4px 8px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.24);
      background: rgba(0, 0, 0, 0.34);
      color: var(--ink);
      font-family: "Rajdhani", sans-serif;
      font-size: 13px;
      font-weight: 700;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      line-height: 1;
      white-space: nowrap;
    }
    .bond-tab-layout {
      display: grid;
      grid-template-columns: minmax(0, 1.65fr) minmax(220px, 0.45fr);
      gap: 16px;
      align-items: start;
    }
    .bond-tab-sidebar {
      display: grid;
      gap: 16px;
    }
    .bond-rule-card {
      display: grid;
      gap: 12px;
      padding: 14px 16px;
      border: 1px solid var(--border-2);
      background: var(--theme-panel);
      min-width: 0;
    }
    .bond-rule-copy {
      color: var(--muted);
      font-size: 13px;
      line-height: 1.5;
    }
    .bond-sheet-stats {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
    }
    .bond-sheet-stat {
      display: inline-flex;
      align-items: center;
      min-height: 28px;
      padding: 5px 9px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.22);
      background: rgba(0, 0, 0, 0.34);
      color: var(--muted);
      font-family: "Share Tech Mono", monospace;
      font-size: 11px;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      line-height: 1;
    }
    .bond-sheet-tag.basic {
      border-color: rgba(var(--theme-accent-rgb), 0.34);
      color: var(--theme-heading);
    }
    .bond-sheet-tag.common {
      border-color: rgba(255,255,255,0.12);
    }
    .bond-header-actions {
      display: inline-flex;
      align-items: center;
      justify-content: flex-end;
      gap: 8px;
      flex-wrap: wrap;
      width: 100%;
    }
    .bond-header-actions .btn {
      min-height: 34px;
      padding: 0 12px;
      font-size: 12px;
      letter-spacing: 0.12em;
      text-transform: uppercase;
    }
    .bond-section-title-actions {
      margin-left: auto;
      justify-content: flex-end;
      flex: 1 1 auto;
      width: 100%;
    }
    .bond-manage-compact {
      display: grid;
      gap: 12px;
    }
    .bond-manage-quick-note {
      color: rgb(var(--theme-secondary-rgb));
      font-family: "Share Tech Mono", monospace;
      font-size: 11px;
      letter-spacing: 0.12em;
      text-transform: uppercase;
    }
    .bond-manage-inline-stats {
      display: flex;
      align-items: center;
      gap: 8px;
      flex-wrap: wrap;
    }
    .bond-manage-tag-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 8px;
    }
    .bond-manage-tag-option {
      display: flex;
      align-items: center;
      gap: 8px;
      min-height: 34px;
      padding: 6px 10px;
      border: 1px solid var(--border-2);
      background: rgba(255,255,255,0.04);
      color: var(--ink);
      font-size: 13px;
    }
    .bond-manage-tag-option input {
      margin: 0;
    }
    .bond-notes-textarea {
      width: 100%;
      min-height: 180px;
      resize: vertical;
      border: 1px solid var(--border-2);
      background: rgba(0, 0, 0, 0.34);
      color: var(--ink);
      padding: 10px 12px;
      font: inherit;
      line-height: 1.5;
    }
    .bond-notes-status {
      color: var(--muted);
      font-family: "Share Tech Mono", monospace;
      font-size: 11px;
      letter-spacing: 0.12em;
      text-transform: uppercase;
    }
    .bond-sheet-card.is-empty-slot {
      border-style: dashed;
      background: rgba(255,255,255,0.02);
    }
    .bond-sheet-card.is-empty-slot.is-clickable {
      cursor: pointer;
    }
    .bond-sheet-card.is-empty-slot.is-clickable:hover,
    .bond-sheet-card.is-empty-slot.is-clickable:focus-visible {
      border-color: rgba(var(--theme-accent-rgb), 0.56);
      background:
        linear-gradient(180deg, rgba(var(--theme-accent-rgb), 0.14), rgba(var(--theme-accent-rgb), 0.04)),
        rgba(255,255,255,0.03);
      box-shadow: 0 0 16px rgba(var(--theme-accent-rgb), 0.18);
      transform: translateY(-1px);
      outline: none;
    }
    .record-editor-choice-list {
      display: grid;
      gap: 10px;
    }
    .record-editor-choice-button {
      width: 100%;
      justify-content: flex-start;
      text-align: left;
      padding: 12px 14px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.42);
      background:
        linear-gradient(180deg, rgba(var(--theme-accent-rgb), 0.24), rgba(var(--theme-accent-rgb), 0.08)),
        rgba(0, 0, 0, 0.56);
      color: var(--ink);
      font-family: "Rajdhani", sans-serif;
      font-size: 13px;
      font-weight: 700;
      letter-spacing: 0.10em;
      text-transform: uppercase;
      box-shadow:
        inset 0 0 18px rgba(var(--theme-accent-rgb), 0.12),
        0 0 0 1px rgba(var(--theme-accent-rgb), 0.08);
      transition: border-color 160ms ease, box-shadow 160ms ease, background 160ms ease, color 160ms ease, transform 160ms ease;
    }
    .record-editor-choice-button:hover,
    .record-editor-choice-button:focus-visible {
      border-color: rgba(var(--theme-accent-rgb), 0.76);
      background:
        linear-gradient(180deg, rgba(var(--theme-accent-rgb), 0.34), rgba(var(--theme-accent-rgb), 0.12)),
        rgba(0, 0, 0, 0.62);
      box-shadow:
        inset 0 0 20px rgba(var(--theme-accent-rgb), 0.16),
        0 0 0 1px rgba(var(--theme-accent-rgb), 0.12),
        0 0 20px rgba(var(--theme-accent-rgb), 0.26);
      color: rgb(var(--theme-secondary-rgb));
      transform: translateY(-1px);
      outline: none;
    }
    .record-editor-choice-button.is-selected {
      border-color: rgba(var(--theme-accent-rgb), 0.76);
      background:
        linear-gradient(180deg, rgba(var(--theme-accent-rgb), 0.34), rgba(var(--theme-accent-rgb), 0.12)),
        rgba(0, 0, 0, 0.62);
      color: rgb(var(--theme-secondary-rgb));
      box-shadow:
        inset 0 0 22px rgba(var(--theme-accent-rgb), 0.16),
        0 0 0 1px rgba(var(--theme-accent-rgb), 0.12),
        0 0 22px rgba(var(--theme-accent-rgb), 0.28);
    }
    .record-editor-choice-button-copy {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      width: 100%;
    }
    .record-editor-choice-check {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 18px;
      height: 18px;
      border: 1px solid currentColor;
      border-radius: 4px;
      font-size: 12px;
      line-height: 1;
      opacity: 0.78;
      flex: 0 0 auto;
    }
    .record-editor-choice-button[disabled],
    .record-editor-inline-actions .btn[disabled] {
      opacity: 0.46;
      cursor: default;
    }
    .bond-sheet-tag-pool {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
    }
    .bond-sheet-subsection-title {
      color: var(--theme-heading);
      font-family: "Rajdhani", sans-serif;
      font-size: 18px;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      line-height: 1;
    }
    .bond-command-note {
      color: var(--muted);
      font-family: "Share Tech Mono", monospace;
      font-size: 11px;
      letter-spacing: 0.12em;
      text-transform: uppercase;
    }
    @media (max-width: 980px) {
      .attribute-band {
        grid-template-columns: 1fr;
      }
      .attribute-panel .panel-inner {
        width: 100%;
      }
      .attribute-clock-column {
        width: 100%;
      }
      .bond-tab-layout {
        grid-template-columns: 1fr;
      }
      .bond-sheet-grid {
        grid-template-columns: 1fr;
      }
      .inventory-workspace {
        grid-template-columns: minmax(0, 1fr);
      }
      .bond-manage-tag-grid {
        grid-template-columns: 1fr;
      }
      .record-editor-skill-groups,
      .record-editor-skill-group-grid {
        grid-template-columns: 1fr;
      }
    }
    @media (max-width: 720px) {
      .advancement-summary-layout,
      .advancement-summary-layout.is-bonusless {
        width: 100%;
      }
      .advancement-table-layout,
      .advancement-table-layout.is-bonusless {
        grid-template-columns: minmax(0, 1fr);
        width: 100%;
        min-width: 0;
      }
      .advancement-primary-summary .rank-summary-row,
      .section-title-row.advancement-summary-row .rank-summary-row {
        justify-content: flex-start;
        flex-wrap: wrap;
        justify-self: start;
        margin-left: 0;
        width: 100%;
      }
      .section-title-row.advancement-summary-row .advancement-summary-title-line {
        grid-template-columns: minmax(0, 1fr);
      }
      .advancement-summary-control-stack {
        justify-items: start;
      }
      .section-title-row.advancement-summary-row .advancement-summary-button-row {
        justify-content: flex-start;
        justify-self: start;
      }
      .advancement-bonus-dialog {
        width: min(100vw - 20px, 420px);
        padding: 12px;
        gap: 10px;
      }
      .advancement-bonus-grid.is-column {
        grid-template-columns: minmax(0, 1fr);
      }
      .advancement-bonus-card {
        grid-template-columns: minmax(0, 1fr);
      }
      .advancement-bonus-card > .advancement-marker {
        grid-column: auto;
        grid-row: auto;
        justify-self: start;
      }
      .bond-sheet-card {
        padding: 12px;
        min-height: 0;
      }
      .bond-sheet-line {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 84px;
        grid-template-areas:
          "name actions"
          "meta meta";
        align-items: start;
        gap: 8px 10px;
      }
      .bond-sheet-name {
        grid-column: 1;
        grid-row: 1;
        white-space: normal;
        overflow: visible;
        text-overflow: unset;
        overflow-wrap: anywhere;
        line-height: 0.96;
      }
      .bond-sheet-meta {
        grid-column: 1;
        grid-row: 2;
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        align-items: start;
        gap: 6px;
        min-width: 0;
        width: 100%;
      }
      .bond-sheet-empty-label {
        white-space: normal;
        line-height: 1.35;
      }
      .bond-sheet-tags {
        grid-column: 1 / -1;
        gap: 6px;
        width: 100%;
        margin-left: 0;
        overflow: visible;
      }
      .bond-sheet-actions {
        grid-area: actions;
        grid-column: 2;
        grid-row: 1;
        justify-self: end;
        align-self: start;
        justify-content: flex-end;
        align-items: center;
        width: auto;
        min-width: 0;
        max-width: none;
        gap: 5px;
      }
      .bond-sheet-actions .bond-sheet-manage,
      .bond-sheet-actions .bond-sheet-notes,
      .bond-sheet-actions .bond-sheet-open-entry,
      .bond-sheet-icon-button {
        min-width: 24px;
        width: 24px;
        min-height: 24px;
        height: 24px;
        padding: 0;
        font-size: 14px;
        letter-spacing: 0;
      }
      .bond-sheet-tags-label {
        padding-top: 0;
      }
      .bond-sheet-tags-list {
        width: 100%;
        flex-wrap: wrap;
        gap: 6px;
        overflow: visible;
        white-space: normal;
      }
      .bond-sheet-rank,
      .bond-sheet-type {
        align-self: start;
      }
      .bond-action-card {
        grid-template-columns: 36px minmax(0, 1fr);
      }
      .bond-action-main {
        min-width: 0;
      }
      .boon-list[data-outlooks-list],
      .boon-list[data-boons-list],
      .bond-action-list {
        grid-template-columns: minmax(0, 1fr);
      }
      .bond-sheet-tag {
        white-space: nowrap;
        line-height: 1.15;
      }
      .bond-header-actions {
        width: 100%;
      }
      .bond-header-actions .btn {
        flex: 1 1 100%;
        width: 100%;
      }
      .inventory-roster-header,
      .inventory-roster-row {
        grid-template-columns: 52px minmax(0, 1fr);
      }
      .inventory-usable-header {
        grid-template-columns: minmax(0, 1fr);
      }
      .inventory-usable-rank {
        border-left: none;
        border-top: 1px solid rgba(var(--theme-accent-rgb), 0.34);
      }
      .inventory-usable-body {
        grid-template-rows: minmax(96px, auto) minmax(200px, 1fr);
      }
      .bond-manage-inline-stats {
        gap: 6px;
      }
    }
    .status-manager-help {
      color: var(--muted);
      font-size: 11px;
      letter-spacing: 0.1em;
      text-transform: uppercase;
    }
    .status-duration-marker {
      color: var(--ink);
      opacity: 0.86;
      margin-left: 4px;
      font-size: 13px;
      line-height: 1;
    }
    .detail-header-shell {
      padding: 4px 0 0;
    }
    .bond-tooltip-description {
      color: var(--muted);
      margin: 0;
      line-height: 1.7;
    }
    .bond-tooltip-description + .bond-tooltip-description {
      margin-top: 8px;
    }
    .bond-tooltip-description strong {
      color: var(--ink);
      font-weight: 700;
    }
    .bond-tooltip-options {
      margin: 8px 0 0;
      padding-left: 18px;
      color: var(--muted);
      display: block;
      line-height: 1.7;
    }
    .bond-tooltip-options li {
      margin: 0;
    }
    .bond-tooltip-options li + li {
      margin-top: 0;
    }
    .tech-header-row {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 12px;
      margin-bottom: 14px;
    }
    .tech-title-cluster {
      display: grid;
      align-content: start;
      gap: 6px;
      min-width: 0;
      flex: 1 1 auto;
    }
    .tech-title-cluster .section-title-row {
      margin: 0;
    }
    .tech-header-archetypes {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 8px;
      min-width: 0;
      width: 100%;
    }
    .tech-header-archetypes .tech-archetype-pill {
      margin: 0;
      min-height: 30px;
      padding: 0 14px;
      font-size: 12px;
      letter-spacing: 0.14em;
    }
    .tech-summary-row {
      display: inline-grid;
      justify-items: end;
      align-content: start;
      align-self: flex-start;
      gap: 10px;
      margin-left: auto;
      min-width: 0;
      flex: 0 0 auto;
      text-align: right;
    }
    .tech-summary-row .rank-summary-row {
      justify-content: flex-end;
      margin-left: auto;
    }
    .tech-name-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      min-width: 0;
    }
    body[data-route-kind="sheet"] .tech-layout .tech-accordion[open] {
      display: grid;
      grid-template-columns: 300px;
      grid-auto-flow: column;
      grid-auto-columns: minmax(0, 1fr);
      align-items: stretch;
      width: 100%;
      overflow-x: visible;
    }
    body[data-route-kind="sheet"] .tech-layout .tech-accordion[open] summary {
      grid-column: 1;
      grid-row: 1;
      min-width: 0;
      align-self: stretch;
    }
    body[data-route-kind="sheet"] .tech-layout .tech-accordion[open] .tech-level-block {
      min-width: 0;
      width: 100%;
      max-width: none;
      align-self: stretch;
    }
    body[data-route-kind="sheet"] .tech-layout .tech-accordion[open] .tech-level-block:only-of-type {
      grid-column: 2 / -1;
    }
    .tech-level-pill {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 4px;
      min-height: 26px;
      padding: 0 10px;
      border: 1px solid var(--border-2);
      background: rgba(0, 0, 0, 0.58);
      color: var(--ink);
      font-size: 12px;
      letter-spacing: 0.08em;
      white-space: nowrap;
      flex: 0 0 auto;
    }
    .tech-level-pill-npc {
      gap: 6px;
      padding: 0 12px;
      border-color: rgba(var(--theme-accent-rgb), 0.4);
      background: rgba(var(--theme-accent-rgb), 0.12);
      color: var(--ink);
      font-family: "Rajdhani", sans-serif;
      font-size: 15px;
      font-weight: 700;
      letter-spacing: 0.08em;
    }
    .tech-level-pill-npc-symbol {
      font-size: 15px;
      line-height: 1;
    }
    .tech-level-pill-npc-text {
      line-height: 1;
    }
    .tech-level-pill .filled {
      color: rgb(var(--theme-accent-rgb));
    }
    .tech-level-pill .filled,
    .tech-level-pill .empty {
      font-size: 16px;
      line-height: 1;
    }
    .tech-level-pill .filled {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      transform: scale(1.12);
      transform-origin: center;
    }
    .tech-level-pill .tech-granted-indicator.is-level-pill {
      margin-right: 0.72em;
    }
    .tech-level-pill .tech-granted-indicator.is-level-pill .tech-granted-indicator-glyph {
      width: auto;
      min-width: 0;
      height: auto;
      font-size: 16px;
      line-height: 1;
      flex: 0 0 auto;
    }
    .basic-action-group {
      display: grid;
      grid-template-columns: 36px minmax(0, 1fr);
      align-items: stretch;
      border: 1px solid var(--border-2);
      background: rgba(255,255,255,0.03);
      overflow: visible;
      align-self: start;
    }
    .basic-action-group-sidebar {
      display: flex;
      align-items: stretch;
      justify-content: center;
      position: relative;
      align-self: stretch;
      grid-row: 1 / -1;
      height: 100%;
      min-height: 100%;
      padding: 8px 3px;
      background: rgba(0, 0, 0, 0.86);
      border-right: 1px solid rgba(var(--theme-accent-rgb), 0.22);
      color: var(--ink);
      font-family: "Rajdhani", sans-serif;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      text-align: center;
    }
    .basic-action-group-sidebar-copy {
      position: absolute;
      left: 50%;
      top: 50%;
      display: block;
      width: max-content;
      max-width: none;
      height: auto;
      line-height: 1;
      transform: translate(-50%, -50%) rotate(-90deg);
      transform-origin: center;
      white-space: nowrap;
    }
    .basic-action-group-sidebar-char {
      display: flex;
      align-items: center;
      justify-content: center;
      flex: 0 0 auto;
      width: 100%;
    }
    .basic-action-group-sidebar-spacer {
      display: block;
      flex: 0 0 8px;
      width: 100%;
    }
    .basic-action-group-body {
      display: grid;
      gap: 0;
      min-width: 0;
    }
    .basic-action-line {
      display: flex;
      justify-content: space-between;
      align-items: baseline;
      gap: 12px;
      padding: 12px 14px;
      border: 1px solid var(--border-2);
      background: rgba(255,255,255,0.03);
      cursor: pointer;
    }
    .basic-action-line .name {
      font-family: "Rajdhani", sans-serif;
      font-size: 20px;
      font-weight: 700;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      line-height: 1;
      justify-self: end;
      text-align: right;
    }
    .basic-action-line .cost {
      color: var(--muted);
      font-size: 10px;
      font-family: "Share Tech Mono", monospace;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      white-space: nowrap;
      text-align: right;
    }
    .basic-action-tooltip-bonus {
      display: grid;
      gap: 6px;
      margin-bottom: 10px;
      padding-bottom: 10px;
      border-bottom: 1px solid rgba(var(--theme-accent-rgb), 0.18);
    }
    .basic-action-tooltip-bonus-line {
      color: var(--ink);
      font-family: "Rajdhani", sans-serif;
      font-size: 14px;
      font-weight: 600;
      letter-spacing: 0.03em;
      line-height: 1.28;
    }
    .basic-action-tooltip-bonus-value {
      color: var(--theme-accent);
      font-weight: 700;
    }
    .basic-action-tooltip-bonus code {
      display: inline-block;
      margin-top: 2px;
      padding: 1px 5px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.22);
      background: rgba(0, 0, 0, 0.42);
      color: var(--theme-accent);
      font-family: "Share Tech Mono", monospace;
      font-size: 11px;
      letter-spacing: 0.04em;
    }
    .basic-action-tooltip-rules {
      color: var(--ink);
      font-size: 13px;
      line-height: 1.55;
      white-space: normal;
    }
    .directory-meta-strip {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 10px;
      margin-top: 14px;
    }
    .directory-meta-strip .source-row {
      padding: 10px 0;
    }
    .index-kicker {
      color: var(--cyan);
      font-size: 10px;
      text-transform: uppercase;
      letter-spacing: 0.18em;
      margin-bottom: 10px;
      font-family: "Share Tech Mono", monospace;
    }
    .detail-stack {
      display: grid;
      gap: 14px;
    }
    .action-card .name {
      font-family: "Rajdhani", sans-serif;
      font-size: 20px;
      font-weight: 700;
      margin-bottom: 8px;
      letter-spacing: 0.04em;
      font-style: italic;
      text-transform: uppercase;
    }
    .action-card .line {
      margin-top: 6px;
      color: var(--muted);
      font-size: 13px;
      line-height: 1.6;
    }
    .footer {
      margin-top: 18px;
      padding: 16px 20px;
      text-align: center;
      color: var(--muted);
      font-size: 13px;
    }
    .boot-overlay {
      position: fixed;
      inset: 0;
      z-index: 9999;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 24px;
      pointer-events: none;
      background:
        radial-gradient(circle at center, rgba(var(--theme-accent-rgb), 0.08), transparent 30%),
        radial-gradient(circle at center, rgba(26, 42, 58, 0.95) 0%, rgba(0, 0, 0, 0.98) 100%);
      transition: opacity 1350ms ease, visibility 1350ms ease;
    }
    .boot-overlay::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px);
      background-size: 24px 24px;
      opacity: 0.35;
      pointer-events: none;
    }
    .boot-panel {
      position: relative;
      width: min(860px, calc(100vw - 32px));
      padding: 32px 28px;
      border: 1px solid var(--os-border);
      background: rgba(20, 30, 40, 0.88);
      box-shadow: 0 30px 90px rgba(0,0,0,0.5), inset 0 0 40px rgba(var(--theme-accent-rgb), 0.08);
      backdrop-filter: blur(18px);
      overflow: hidden;
    }
    .boot-panel::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(180deg, transparent, rgba(var(--theme-accent-rgb), 0.08), transparent);
      animation: bootScan 3.3s linear infinite;
      pointer-events: none;
    }
    .boot-kicker {
      font-family: "Share Tech Mono", monospace;
      color: rgb(var(--theme-secondary-rgb));
      font-size: 11px;
      letter-spacing: 0.34em;
      text-transform: uppercase;
      opacity: 0.82;
      margin-bottom: 16px;
    }
    .boot-title {
      font-family: "Rajdhani", sans-serif;
      font-size: clamp(34px, 7vw, 68px);
      line-height: 0.92;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      margin: 0 0 18px;
    }
    .boot-sub {
      font-family: "Inter", system-ui, sans-serif;
      color: var(--muted);
      font-size: 14px;
      line-height: 1.7;
      max-width: 70ch;
      margin-bottom: 22px;
    }
    .boot-log {
      display: grid;
      gap: 10px;
      font-family: "Share Tech Mono", monospace;
      font-size: 12px;
      color: rgba(var(--theme-secondary-rgb), 0.92);
    }
    .boot-log-line {
      display: flex;
      align-items: baseline;
      gap: 10px;
      min-height: 1.2em;
      opacity: 0;
      transform: translateY(6px);
      transition: opacity 180ms ease, transform 220ms ease;
    }
    .boot-log-line.is-visible {
      opacity: 1;
      transform: translateY(0);
    }
    .boot-log-status {
      flex: 0 0 auto;
      color: rgb(var(--theme-accent-rgb));
      text-shadow: 0 0 18px rgba(var(--theme-accent-rgb), 0.32);
    }
    .boot-log-line-text {
      min-width: 0;
      color: rgba(var(--theme-secondary-rgb), 0.92);
    }
    .boot-log-cursor {
      display: inline-block;
      flex: 0 0 auto;
      margin-left: -4px;
      color: rgb(var(--theme-accent-rgb));
      opacity: 0;
    }
    .boot-log-cursor.is-visible {
      opacity: 1;
    }
    .boot-log-cursor.is-flashing {
      animation: glossaryCursorFlash 760ms steps(1, end) infinite;
    }
    .shell-content {
      opacity: 1;
      transform: none;
    }
    body:not(.boot-complete) {
      overflow: hidden;
    }
    body:not(.boot-complete) .shell-content {
      opacity: 0;
      transform: translateY(10px);
      transition: opacity 700ms ease, transform 700ms ease;
      transition-delay: 120ms;
    }
    body:not(.boot-complete) .bureau-shell-footer {
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
    }
    body.boot-complete .boot-overlay {
      opacity: 0;
      visibility: hidden;
    }
    body.boot-complete .shell-content {
      opacity: 1;
      transform: none;
      transition: none;
    }
    body.root-hub-route.boot-sequenced .hub-bottom-left,
    body.root-hub-route.boot-sequenced .hub-bottom-right,
    body.root-hub-route.boot-sequenced .hub-footer-left,
    body.root-hub-route.route-enter-desktop .hub-bottom-left,
    body.root-hub-route.route-enter-desktop .hub-bottom-right,
    body.root-hub-route.route-enter-desktop .hub-footer-left {
      opacity: 0;
      transform: translate3d(0, 18px, 0);
    }
    body.root-hub-route.route-enter-desktop.boot-complete .hub-bottom-left,
    body.root-hub-route.route-enter-desktop.boot-complete .hub-bottom-right,
    body.root-hub-route.route-enter-desktop.boot-complete .hub-footer-left,
    body.root-hub-route.boot-sequenced.boot-complete .hub-bottom-left,
    body.root-hub-route.boot-sequenced.boot-complete .hub-bottom-right,
    body.root-hub-route.boot-sequenced.boot-complete .hub-footer-left {
      animation: hubSurfaceReveal 320ms cubic-bezier(0.22, 1, 0.36, 1) both;
      animation-delay: 120ms;
    }
    body.root-hub-route.boot-sequenced.boot-complete .hub-bottom-left,
    body.root-hub-route.boot-sequenced.boot-complete .hub-bottom-right,
    body.root-hub-route.boot-sequenced.boot-complete .hub-footer-left {
      animation-delay: 1400ms;
    }
    body.root-hub-route .hub-card-row > .hub-card,
    body.root-hub-route .hub-card-row > .hub-card.disabled,
    body.root-hub-route .hub-card-row > .hub-card-admin {
      opacity: 0;
      transform: translate3d(-32px, 0, 0);
    }
    body.root-hub-route.boot-complete .hub-card-row > .hub-card,
    body.root-hub-route.boot-complete .hub-card-row > .hub-card.disabled,
    body.root-hub-route.boot-complete .hub-card-row > .hub-card-admin {
      animation: hubCardReveal 520ms cubic-bezier(0.22, 1, 0.36, 1) both;
      animation-delay: calc(430ms + (var(--hub-card-index, 0) * 120ms));
    }
    body.root-hub-route.boot-sequenced.boot-complete .hub-card-row > .hub-card,
    body.root-hub-route.boot-sequenced.boot-complete .hub-card-row > .hub-card.disabled,
    body.root-hub-route.boot-sequenced.boot-complete .hub-card-row > .hub-card-admin {
      animation-delay: calc(1680ms + (var(--hub-card-index, 0) * 120ms));
    }
    body.root-hub-route.route-enter-desktop.boot-complete .hub-card-row > .hub-card,
    body.root-hub-route.route-enter-desktop.boot-complete .hub-card-row > .hub-card.disabled,
    body.root-hub-route.route-enter-desktop.boot-complete .hub-card-row > .hub-card-admin {
      animation-delay: calc(640ms + (var(--hub-card-index, 0) * 120ms));
    }
    body.root-hub-route.boot-sequenced.route-enter-desktop.boot-complete .hub-card-row > .hub-card,
    body.root-hub-route.boot-sequenced.route-enter-desktop.boot-complete .hub-card-row > .hub-card.disabled,
    body.root-hub-route.boot-sequenced.route-enter-desktop.boot-complete .hub-card-row > .hub-card-admin {
      animation-delay: calc(1760ms + (var(--hub-card-index, 0) * 120ms));
    }
    .route-loading-overlay {
      position: fixed;
      inset: 0;
      z-index: 9998;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: clamp(22px, 4vw, 40px);
      background:
        radial-gradient(circle at top, rgba(var(--theme-accent-rgb), 0.18), transparent 46%),
        linear-gradient(180deg, rgba(4, 8, 14, 0.92), rgba(5, 11, 20, 0.97));
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transition: opacity 390ms ease, visibility 0ms linear 390ms;
    }
    .route-loading-overlay::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px);
      background-size: 100% 3px, 3px 100%;
      opacity: 0.35;
      pointer-events: none;
    }
    .route-loading-panel {
      position: relative;
      width: min(520px, calc(100vw - 40px));
      display: grid;
      gap: 14px;
      justify-items: start;
      padding: clamp(24px, 4vw, 34px);
      border: 1px solid rgba(var(--theme-accent-rgb), 0.28);
      background:
        linear-gradient(180deg, rgba(var(--theme-accent-rgb), 0.12), rgba(255,255,255,0.02)),
        rgba(4, 10, 18, 0.96);
      box-shadow:
        0 0 0 1px rgba(255,255,255,0.03) inset,
        0 24px 60px rgba(0,0,0,0.42);
      opacity: 0;
      transform: translate3d(64px, 0, 0) scale(0.99);
      clip-path: inset(0 0 0 14%);
      transition:
        opacity 360ms ease,
        transform 480ms cubic-bezier(0.22, 1, 0.36, 1),
        clip-path 480ms cubic-bezier(0.22, 1, 0.36, 1);
    }
    .route-loading-kicker {
      color: var(--cyan);
      font-family: "Share Tech Mono", monospace;
      font-size: 11px;
      letter-spacing: 0.2em;
      text-transform: uppercase;
    }
    .route-loading-status-row {
      display: flex;
      align-items: baseline;
      gap: 4px;
      flex-wrap: wrap;
    }
    .route-loading-title {
      font-family: "Rajdhani", sans-serif;
      font-size: clamp(34px, 6vw, 56px);
      line-height: 0.92;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--theme-heading);
      font-style: italic;
    }
    .route-loading-dots {
      min-width: 3ch;
      color: var(--theme-heading);
      font-family: "Rajdhani", sans-serif;
      font-size: clamp(34px, 6vw, 56px);
      font-weight: 700;
      line-height: 0.92;
      letter-spacing: 0.08em;
    }
    .route-loading-dots::after {
      content: "...";
      display: inline-block;
      width: 0;
      overflow: hidden;
      vertical-align: baseline;
      animation: routeLoadingDots 1.1s steps(4, end) infinite;
    }
    .route-loading-name {
      font-family: "Rajdhani", sans-serif;
      font-size: clamp(24px, 3vw, 34px);
      font-weight: 700;
      line-height: 1;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--ink);
    }
    .route-loading-codename {
      color: var(--muted);
      font-family: "Share Tech Mono", monospace;
      font-size: 12px;
      letter-spacing: 0.14em;
      text-transform: uppercase;
    }
    .route-loading-portrait-frame {
      width: min(180px, 42vw);
      aspect-ratio: 5 / 6;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.26);
      background:
        linear-gradient(180deg, rgba(var(--theme-accent-rgb), 0.14), rgba(255,255,255,0.02)),
        rgba(0,0,0,0.28);
      overflow: hidden;
    }
    .route-loading-portrait {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }
    .route-loading-glossary-shell {
      display: none;
      width: 100%;
    }
    .route-loading-glossary-panel {
      position: relative;
      width: min(860px, calc(100vw - 32px));
      display: grid;
      gap: 16px;
      padding: 32px 28px;
      border: 1px solid var(--os-border);
      background: rgba(20, 30, 40, 0.88);
      box-shadow:
        0 30px 90px rgba(0,0,0,0.5),
        inset 0 0 40px rgba(var(--theme-accent-rgb), 0.08);
      backdrop-filter: blur(18px);
      overflow: hidden;
    }
    .route-loading-glossary-panel::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(180deg, transparent, rgba(var(--theme-accent-rgb), 0.08), transparent);
      animation: bootScan 3.3s linear infinite;
      pointer-events: none;
    }
    .route-loading-glossary-kicker {
      font-family: "Share Tech Mono", monospace;
      font-size: 11px;
      letter-spacing: 0.34em;
      text-transform: uppercase;
      color: rgb(var(--theme-secondary-rgb));
      opacity: 0.82;
    }
    .route-loading-glossary-title {
      font-family: "Rajdhani", sans-serif;
      font-size: clamp(34px, 7vw, 68px);
      line-height: 0.92;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--theme-heading);
      margin: 0;
    }
    .route-loading-glossary-sub {
      font-family: "Inter", system-ui, sans-serif;
      color: var(--muted);
      font-size: 14px;
      line-height: 1.7;
      max-width: 70ch;
    }
    .route-loading-glossary-screen {
      display: grid;
      align-content: start;
      gap: 10px;
      padding: 0;
      min-height: 0;
      background: transparent;
      color: rgba(var(--theme-secondary-rgb), 0.94);
      font-family: "Share Tech Mono", monospace;
      font-size: 12px;
      line-height: 1.55;
    }
    .route-loading-glossary-line {
      display: flex;
      align-items: baseline;
      gap: 10px;
      min-height: 1.2em;
      opacity: 0;
      transform: translateY(6px);
      transition: opacity 180ms ease, transform 220ms ease;
    }
    .route-loading-glossary-line.is-visible {
      opacity: 1;
      transform: translateY(0);
    }
    .route-loading-glossary-line-status {
      flex: 0 0 auto;
      color: rgb(var(--theme-accent-rgb));
      text-shadow: 0 0 18px rgba(var(--theme-accent-rgb), 0.32);
    }
    .route-loading-glossary-line.is-final {
      margin-top: 4px;
    }
    .route-loading-glossary-line-text {
      min-width: 0;
      color: rgba(var(--theme-secondary-rgb), 0.92);
    }
    .route-loading-glossary-cursor {
      display: inline-block;
      flex: 0 0 auto;
      margin-left: -4px;
      color: rgb(var(--theme-accent-rgb));
      opacity: 0;
    }
    .route-loading-glossary-cursor.is-visible {
      opacity: 1;
    }
    .route-loading-glossary-cursor.is-flashing {
      animation: glossaryCursorFlash 760ms steps(1, end) infinite;
    }
    body.route-loading-active .route-loading-overlay {
      opacity: 1;
      visibility: visible;
      transition-delay: 0ms;
    }
    body.route-transition-reverse.route-loading-active .route-loading-panel {
      transform: translate3d(-64px, 0, 0) scale(0.99);
      clip-path: inset(0 14% 0 0);
    }
    body.route-loading-active .route-loading-panel {
      opacity: 1;
      transform: translate3d(0, 0, 0) scale(1);
      clip-path: inset(0 0 0 0);
    }
    .route-loading-overlay[data-loading-mode="glossary-reference"] .route-loading-default-shell {
      display: none;
    }
    .route-loading-overlay[data-loading-mode="glossary-reference"] .route-loading-glossary-shell {
      display: block;
    }
    .route-loading-overlay[data-loading-mode="glossary-reference"] {
      background:
        radial-gradient(circle at center, rgba(var(--theme-accent-rgb), 0.08), transparent 30%),
        radial-gradient(circle at center, rgba(26, 42, 58, 0.95) 0%, rgba(0, 0, 0, 0.98) 100%);
    }
    .route-loading-overlay[data-loading-mode="glossary-reference"]::before {
      opacity: 0.35;
      background:
        linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px);
      background-size: 24px 24px;
    }
    .route-loading-overlay[data-loading-mode="glossary-reference"] .route-loading-panel {
      width: auto;
      max-width: none;
      gap: 0;
      justify-items: stretch;
      padding: 0;
      border: none;
      background: transparent;
      box-shadow: none;
      opacity: 0;
      transform: translate3d(0, 10px, 0) scale(0.992);
      clip-path: none;
      transition:
        opacity 700ms ease,
        transform 700ms ease;
    }
    body.route-loading-active .route-loading-overlay[data-loading-mode="glossary-reference"] .route-loading-panel {
      opacity: 1;
      transform: translate3d(0, 0, 0) scale(1);
      transition-delay: 120ms;
    }
    body[data-route-loading-mode="glossary-reference"].route-loading-active .shell-content {
      transition:
        opacity 280ms ease,
        transform 420ms cubic-bezier(0.22, 1, 0.36, 1);
    }
    body.route-transition-reverse.route-loading-active .shell-content {
      transform: translate3d(54px, 0, 0) scale(1.01);
    }
    body.route-loading-active .shell-content {
      opacity: 0;
      transform: translate3d(-54px, 0, 0) scale(1.01);
      pointer-events: none;
    }
    body[data-route-loading-mode="glossary-reference"].route-loading-complete .route-loading-overlay {
      transition: opacity 560ms ease, visibility 0ms linear 560ms;
    }
    body[data-route-loading-mode="glossary-reference"].route-loading-complete .route-loading-panel {
      opacity: 0;
      transform: translate3d(0, -14px, 0) scale(0.996);
      transition:
        opacity 520ms ease,
        transform 520ms cubic-bezier(0.22, 1, 0.36, 1);
    }
    body.route-loading-complete .route-loading-overlay {
      opacity: 0;
      visibility: hidden;
    }
    body[data-route-loading-mode="glossary-reference"].route-loading-complete .shell-content {
      opacity: 1;
      transform: none;
      pointer-events: auto;
      transition:
        opacity 520ms ease 90ms,
        transform 620ms cubic-bezier(0.22, 1, 0.36, 1) 90ms;
    }
    body.route-loading-complete .shell-content {
      opacity: 1;
      transform: none;
      pointer-events: auto;
    }
    @keyframes bootScan {
      0% { transform: translateY(-100%); }
      100% { transform: translateY(100%); }
    }
    @keyframes bootLine {
      to {
        opacity: 1;
        transform: none;
      }
    }
    @keyframes hubSurfaceReveal {
      from {
        opacity: 0;
        transform: translate3d(0, 18px, 0);
      }
      to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
      }
    }
    @keyframes hubCardReveal {
      from {
        opacity: 0;
        transform: translate3d(-32px, 0, 0);
      }
      to {
        opacity: 1;
        transform: none;
      }
    }
    @keyframes themePaletteFade {
      0% {
        opacity: 0.72;
        filter: saturate(0.9) brightness(0.96);
      }
      100% {
        opacity: 1;
        filter: none;
      }
    }
    /* Bureau theme application + tooltip escape overrides */
    body[data-theme] {
      background-attachment: fixed;
      transition:
        background-color 320ms ease,
        background-image 320ms ease,
        color 320ms ease;
    }
    body.theme-shift-active .shell-content,
    body.theme-shift-active .bureau-shell-footer,
    body.theme-shift-active .route-loading-overlay {
      animation: themePaletteFade 360ms ease both;
    }
    .topbar,
    .panel,
    .record-card,
    .manual-link,
    .info-card,
    .action-card,
    .list-card,
    .basic-action-line,
    .status-row,
    .boon-card,
    .bond-action-card,
    .structured-stat-card,
    .attribute-extra-card,
    .health-value-pill,
    .skill-attribute-block,
    .tech-accordion {
      background: var(--container-rest-bg, var(--theme-panel));
      border-color: var(--os-border);
      box-shadow: var(--container-rest-shadow, 0 0 24px var(--theme-glow));
      color: var(--ink);
      transition:
        border-color 280ms ease,
        background 280ms ease,
        color 280ms ease,
        box-shadow 280ms ease,
        transform 160ms ease;
    }
    /* Keep selected dossier containers on a stable, dark idle state so shared shell
       experiments do not reintroduce glow spill into character tab panels. */
    body[data-route-kind="sheet"] {
      --container-rest-bg:
        linear-gradient(180deg, rgba(8, 4, 14, 0.38), rgba(8, 4, 14, 0.38)),
        color-mix(in srgb, var(--theme-panel) 78%, rgba(0, 0, 0, 0.84));
      --container-rest-shadow: none;
    }
    body[data-route-kind="sheet"] .panel {
      backdrop-filter: none;
    }
    body[data-route-kind="sheet"] .panel::after {
      display: none;
    }
    .topbar,
    .panel,
    .skill-attribute-block,
    .tech-accordion,
    .record-card,
    .manual-link,
    .launch-card {
      overflow: visible;
    }
    .route-tab.active,
    .tab-button.active,
    .record-card.active,
    .manual-link.active {
      border-color: rgba(var(--theme-accent-rgb), 0.42);
      background: linear-gradient(180deg, rgba(var(--theme-accent-rgb), 0.18), rgba(var(--theme-accent-rgb), 0.05));
      color: var(--ink);
      box-shadow: inset 0 0 24px rgba(var(--theme-accent-rgb), 0.08);
    }
    body[data-theme="water_melon"] .tab-button.active,
    body[data-theme="water_melon"] .agent-modules-shell .tab-button.active,
    body[data-theme="water_melon"] [data-mobile-tab-menu] .tab-button.active,
    body[data-theme="rose_hush"] .tab-button.active,
    body[data-theme="rose_hush"] .agent-modules-shell .tab-button.active,
    body[data-theme="rose_hush"] [data-mobile-tab-menu] .tab-button.active {
      color: #fff8fb;
      text-shadow: 0 0 10px rgba(20, 6, 10, 0.28);
    }
    body[data-theme="water_melon"] .record-card.active,
    body[data-theme="water_melon"] .manual-link.active,
    body[data-theme="rose_hush"] .record-card.active,
    body[data-theme="rose_hush"] .manual-link.active {
      color: #0d2314;
    }
    body[data-theme="water_melon"] .tab-button.active,
    body[data-theme="water_melon"] .record-card.active,
    body[data-theme="water_melon"] .manual-link.active,
    body[data-theme="rose_hush"] .tab-button.active,
    body[data-theme="rose_hush"] .record-card.active,
    body[data-theme="rose_hush"] .manual-link.active {
      border-color: rgba(var(--theme-accent-rgb), 0.82);
      background: linear-gradient(180deg, rgba(var(--theme-accent-rgb), 0.42), rgba(var(--theme-accent-rgb), 0.18));
      box-shadow:
        inset 0 0 24px rgba(var(--theme-accent-rgb), 0.16),
        0 0 18px rgba(var(--theme-accent-rgb), 0.18);
    }
    .eyebrow,
    .brand-mark,
    .launch-card .kicker,
    .index-kicker,
    .rank-badge,
    .mono,
    .manifest code {
      color: var(--cyan);
    }
    .record-card:hover,
    .manual-link:hover,
    .launch-card:hover,
    .source-nav-link:hover {
      border-color: rgba(var(--theme-accent-rgb), 0.42);
    }
    .brand-mark {
      border-color: rgba(var(--theme-accent-rgb), 0.42);
      background: linear-gradient(180deg, rgba(var(--theme-accent-rgb), 0.16), rgba(var(--theme-accent-rgb), 0.03));
    }
    .tooltip-anchor {
      position: relative;
      z-index: 2;
    }
    .tooltip-anchor:hover,
    .tooltip-anchor:focus-within {
      z-index: 12010;
    }
    .expand-glow {
      transition:
        border-color 140ms ease,
        background 140ms ease,
        color 140ms ease;
    }
    .boon-card[open],
    .tech-accordion[open],
    .ability-details-trigger[aria-expanded="true"] {
      border-color: rgba(var(--theme-accent-rgb), 0.42);
    }
    .ability-details-trigger[aria-expanded="true"] {
      border-color: rgba(var(--ability-metal-rgb), 0.52);
      box-shadow:
        inset 0 0 0 1px rgba(255,255,255,0.03),
        0 0 20px rgba(var(--ability-metal-shadow-rgb), 0.18);
    }
    .boon-card:hover,
    .boon-card:has(> summary.expand-glow:focus-visible),
    .tech-accordion:hover,
    .tech-accordion:has(> summary.expand-glow:focus-visible) {
      border-color: rgba(var(--theme-accent-rgb), 0.76);
      background:
        linear-gradient(180deg, rgba(var(--theme-secondary-rgb), 0.24), rgba(var(--theme-secondary-rgb), 0.08)),
        rgba(6, 14, 26, 0.82);
      box-shadow:
        inset 0 0 18px rgba(var(--theme-secondary-rgb), 0.16),
        0 0 0 1px rgba(var(--theme-accent-rgb), 0.10),
        0 0 20px rgba(var(--theme-secondary-rgb), 0.26);
      transform: translateY(-1px);
    }
    .ability-details-trigger:hover,
    .ability-details-trigger:focus-visible,
    .ability-details-trigger:focus-within {
      border-color: rgba(var(--ability-metal-rgb), 0.52);
      background:
        linear-gradient(180deg, rgba(28, 34, 44, 0.98), rgba(8, 10, 16, 0.96));
      box-shadow:
        inset 0 0 0 1px rgba(255,255,255,0.03),
        0 0 18px rgba(var(--ability-metal-shadow-rgb), 0.18);
    }
    .tooltip-popout {
      z-index: 9999;
      background: rgba(20, 30, 40, 0.98);
      border-color: var(--os-border);
      color: var(--ink);
      box-shadow: 0 18px 36px rgba(0, 0, 0, 0.48);
      display: block !important;
      transition-delay: 0ms;
    }
    body.tooltip-system-ready .tooltip-popout {
      display: none !important;
      position: fixed !important;
      left: -9999px !important;
      top: -9999px !important;
      max-width: 0 !important;
      max-height: 0 !important;
      overflow: hidden !important;
      opacity: 0 !important;
      visibility: hidden !important;
      pointer-events: none !important;
    }
    .tooltip-anchor:hover .tooltip-popout,
    .tooltip-anchor:focus-within .tooltip-popout {
      transition-delay: 250ms;
    }
    .tooltip-anchor[data-tooltip-active="true"] .tooltip-popout {
      opacity: 0 !important;
      visibility: hidden !important;
      transform: translateY(6px) !important;
      transition-delay: 0ms !important;
    }
    .global-tooltip-popout {
      position: fixed;
      z-index: 2147483647;
      width: fit-content;
      min-width: 0;
      max-width: min(420px, calc(100vw - 24px));
      max-inline-size: min(420px, calc(100vw - 24px));
      padding: 12px 14px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.34);
      border-radius: 6px;
      background:
        linear-gradient(180deg, rgba(var(--theme-secondary-rgb), 0.18), rgba(6, 14, 26, 0.96)),
        rgba(6, 14, 26, 0.96);
      color: var(--ink);
      font-size: 12px;
      line-height: 1.6;
      white-space: normal;
      overflow-wrap: anywhere;
      word-break: break-word;
      hyphens: auto;
      box-shadow:
        0 18px 36px rgba(0, 0, 0, 0.48),
        inset 0 0 16px rgba(var(--theme-secondary-rgb), 0.10);
      pointer-events: none;
      opacity: 0;
      visibility: hidden;
      transform: translateY(4px);
      transition: opacity 120ms ease, transform 120ms ease, visibility 120ms ease;
    }
    .global-tooltip-popout.is-helper {
      padding: 5px 10px 4px;
      font-family: "Share Tech Mono", monospace;
      font-size: 10px;
      line-height: 1.35;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      white-space: normal;
      overflow-wrap: anywhere;
      word-break: normal;
    }
    .global-tooltip-popout.is-rich {
      font-family: "Rajdhani", sans-serif;
      font-size: 12px;
      line-height: 1.65;
      letter-spacing: 0.02em;
      text-transform: none;
      white-space: normal;
    }
    .global-tooltip-popout,
    .global-tooltip-popout * {
      box-sizing: border-box;
      max-width: 100%;
    }
    .global-tooltip-popout > :first-child {
      margin-top: 0;
    }
    .global-tooltip-popout > :last-child {
      margin-bottom: 0;
    }
    .global-tooltip-popout code,
    .global-tooltip-popout pre,
    .global-tooltip-popout .basic-action-tooltip-bonus code {
      white-space: normal;
      overflow-wrap: anywhere;
      word-break: break-word;
    }
    .global-tooltip-popout.visible {
      opacity: 1;
      visibility: visible;
      transform: translateY(0);
    }
    .global-tooltip-popout ul {
      margin: 0;
      padding-left: 18px;
    }
    .global-tooltip-popout li + li {
      margin-top: 4px;
    }
    .clipboard-feedback-popout {
      position: fixed;
      z-index: 2147483647;
      width: max-content;
      max-width: min(320px, calc(100vw - 24px));
      padding: 7px 10px 6px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.34);
      border-radius: 6px;
      background:
        linear-gradient(180deg, rgba(var(--theme-secondary-rgb), 0.18), rgba(6, 14, 26, 0.96)),
        rgba(6, 14, 26, 0.96);
      color: var(--ink);
      font-family: "Share Tech Mono", monospace;
      font-size: 10px;
      line-height: 1.35;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      white-space: nowrap;
      box-shadow:
        0 18px 36px rgba(0, 0, 0, 0.48),
        inset 0 0 16px rgba(var(--theme-secondary-rgb), 0.10);
      pointer-events: none;
      opacity: 0;
      visibility: hidden;
      transform: translateY(4px);
      transition: opacity 180ms ease, transform 180ms ease, visibility 180ms ease;
    }
    .clipboard-feedback-popout.visible {
      opacity: 1;
      visibility: visible;
      transform: translateY(0);
    }
    .rank-breakdown-row {
      display: flex;
      align-items: baseline;
      justify-content: space-between;
      gap: 14px;
      white-space: nowrap;
    }
    .rank-breakdown-row + .rank-breakdown-row {
      margin-top: 6px;
    }
    .rank-breakdown-row strong {
      color: var(--theme-accent);
      font-weight: 700;
    }
    .rank-breakdown-row span {
      color: var(--muted);
      text-align: right;
    }
    .attribute-pill.attr-body { border-color: rgba(234, 67, 53, 0.62); color: #ff6f61; }
    .attribute-pill.attr-talent { border-color: rgba(251, 188, 4, 0.62); color: #ffd447; }
    .attribute-pill.attr-spirit { border-color: rgba(52, 168, 83, 0.62); color: #52d67d; }
    .attribute-pill.attr-mind { border-color: rgba(66, 133, 244, 0.62); color: #6ca8ff; }
    .attribute-pill.attr-ability { border-color: rgba(169, 116, 255, 0.42); color: #a974ff; }
    .skill-attribute-block.attr-body { border-color: rgba(234, 67, 53, 0.52); background: linear-gradient(180deg, rgba(234, 67, 53, 0.22), var(--theme-panel)); }
    .skill-attribute-block.attr-talent { border-color: rgba(251, 188, 4, 0.52); background: linear-gradient(180deg, rgba(251, 188, 4, 0.22), var(--theme-panel)); }
    .skill-attribute-block.attr-spirit { border-color: rgba(52, 168, 83, 0.52); background: linear-gradient(180deg, rgba(52, 168, 83, 0.22), var(--theme-panel)); }
    .skill-attribute-block.attr-mind { border-color: rgba(66, 133, 244, 0.52); background: linear-gradient(180deg, rgba(66, 133, 244, 0.22), var(--theme-panel)); }
    .skill-attribute-block.attr-ability { border-color: rgba(169, 116, 255, 0.62); background: linear-gradient(180deg, rgba(169, 116, 255, 0.34), var(--theme-panel)); }
    .skill-attribute-sidebar {
      background: rgba(0, 0, 0, 0.86);
      color: var(--ink);
    }
    .record-avatar,
    .os-portrait {
      width: 84px !important;
      height: 84px !important;
      object-fit: contain !important;
      background: rgba(0, 0, 0, 0.78);
      padding: 6px;
    }
    .database-entry {
      --directory-name-indent: 14px;
      display: grid;
      grid-template-columns: minmax(0, 1fr) 108px;
      align-items: stretch;
      gap: 10px;
      min-height: var(--directory-card-height);
      height: var(--directory-card-height);
      padding: 13px 15px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.42);
      background: rgba(20, 30, 40, 0.52);
      position: relative;
      text-decoration: none;
      color: inherit;
      overflow: hidden;
      box-shadow:
        inset 0 0 0 1px rgba(var(--theme-accent-rgb), 0.05),
        0 0 0 1px rgba(var(--theme-accent-rgb), 0.10),
        0 0 22px var(--theme-glow),
        0 0 42px rgba(45, 107, 167, 0.10),
        18px 18px 0 rgba(20, 30, 40, 0.22);
      contain: layout paint style;
      content-visibility: auto;
      contain-intrinsic-size: 180px;
      transform: translateY(0);
      transition:
        border-color 160ms ease,
        background 160ms ease,
        box-shadow 180ms ease,
        transform 180ms ease;
    }
    .database-entry::before {
      content: "✦";
      position: absolute;
      top: 7px;
      left: 9px;
      color: rgba(var(--theme-accent-rgb), 0.92);
      font-family: "Rajdhani", sans-serif;
      font-size: 16px;
      font-weight: 700;
      line-height: 1;
      text-shadow: 0 0 12px rgba(var(--theme-accent-rgb), 0.35);
      pointer-events: none;
    }
    .database-entry:hover,
    .database-entry.active {
      border-color: var(--theme-accent-strong);
      box-shadow:
        inset 0 0 0 1px rgba(var(--theme-accent-rgb), 0.08),
        0 0 0 1px rgba(var(--theme-accent-rgb), 0.16),
        0 0 28px var(--theme-glow-strong),
        0 0 54px rgba(45, 107, 167, 0.16),
        18px 18px 0 rgba(20, 30, 40, 0.20);
    }
    .database-entry.transition-armed {
      pointer-events: none;
    }
    .database-entry.is-revealing {
      animation: directoryCardReveal 240ms cubic-bezier(0.22, 1, 0.36, 1) both;
      animation-delay: var(--dir-card-delay, 0ms);
    }
    .database-entry-left {
      display: grid;
      grid-template-rows: auto auto minmax(0, 1fr);
      gap: 8px;
      min-width: 0;
      align-content: start;
      overflow: hidden;
    }
    .database-entry-top {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 12px;
      align-items: start;
    }
    .database-entry-identity {
      display: grid;
      gap: 10px;
      min-width: 0;
      overflow: hidden;
    }
    .database-entry-meta {
      display: grid;
      justify-items: start;
      align-content: start;
      gap: 8px;
      padding-left: var(--directory-name-indent);
      min-width: 0;
      overflow: hidden;
    }
    .database-entry-meta-top {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      flex-wrap: wrap;
      min-width: 0;
    }
    .database-entry-tier,
    .database-entry-code {
      font-family: "Share Tech Mono", monospace;
      font-size: 11px;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      color: var(--os-muted);
    }
    .database-entry-name {
      font-family: "Rajdhani", sans-serif;
      font-size: 30px;
      font-weight: 700;
      letter-spacing: 0.08em;
      padding-left: var(--directory-name-indent);
      text-transform: uppercase;
      color: var(--ink);
      font-style: italic;
      line-height: 0.96;
      min-width: 0;
      overflow: visible;
      text-overflow: ellipsis;
      white-space: normal;
      word-break: normal;
      overflow-wrap: normal;
      hyphens: none;
      text-wrap: pretty;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      line-clamp: 2;
    }
    .database-entry-name-line {
      display: inline;
      overflow: visible;
      text-overflow: clip;
      white-space: normal;
      word-break: normal;
      overflow-wrap: normal;
      hyphens: none;
      text-wrap: pretty;
    }
    .database-entry-pill-stack {
      display: grid;
      gap: 8px;
      min-width: 0;
      overflow: hidden;
    }
    .database-entry-pill-row {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      min-width: 0;
    }
    .database-entry-pill-row .mini-tag {
      max-width: 100%;
      white-space: normal;
      overflow: visible;
      text-overflow: clip;
      word-break: normal;
      overflow-wrap: normal;
      hyphens: none;
      text-wrap: pretty;
    }
    .database-entry-pill-row.is-archetypes .mini-tag {
      border-color: rgba(var(--theme-accent-rgb), 0.32);
      background: rgba(var(--theme-accent-rgb), 0.08);
      color: var(--cyan-2);
    }
    .database-entry-pill-row.is-archetypes.database-entry-pill-row-spaced {
      margin-bottom: 10px;
    }
    .database-entry-right {
      display: grid;
      grid-template-rows: minmax(0, 1fr);
      place-items: center;
      align-self: stretch;
      min-width: 0;
      min-height: 0;
      padding: 6px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.18);
      background: rgba(0, 0, 0, 0.78);
      overflow: hidden;
    }
    .database-entry-portrait {
      display: block;
      width: auto;
      height: auto;
      min-height: 0;
      max-width: 100%;
      max-height: 100%;
      object-fit: contain;
      object-position: center;
      background: transparent;
      border: 0;
      padding: 0;
    }
    .database-entry-handler {
      color: var(--os-muted);
      font-family: "Share Tech Mono", monospace;
      font-size: 10px;
      letter-spacing: 0.12em;
      line-height: 1.4;
      text-transform: uppercase;
      text-align: left;
      white-space: normal;
      word-break: normal;
      overflow-wrap: normal;
      hyphens: none;
      text-wrap: pretty;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      line-clamp: 2;
      overflow: hidden;
    }
    .database-entry.onboard-entry .database-entry-name {
      font-style: normal;
    }
    .onboard-entry-right {
      display: grid;
      place-items: center;
      align-content: center;
      gap: 10px;
      min-height: 100%;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.18);
      background: rgba(0, 0, 0, 0.52);
      padding: 12px;
      text-align: center;
    }
    .onboard-entry-mark {
      font-family: "Rajdhani", sans-serif;
      font-size: 46px;
      line-height: 1;
      font-weight: 700;
      color: var(--ink);
      text-shadow: 0 0 16px rgba(var(--theme-accent-rgb), 0.28);
    }
    .onboard-entry-submark {
      font-family: "Share Tech Mono", monospace;
      font-size: 10px;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: var(--os-muted);
      line-height: 1.5;
    }
    .directory-record-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr));
      grid-auto-rows: var(--directory-card-height);
      gap: 18px;
      align-items: start;
    }
    .directory-record-grid.is-owned-records {
      grid-template-columns: repeat(auto-fill, minmax(min(100%, 420px), 420px));
      justify-content: start;
    }
    .directory-subsection {
      display: grid;
      gap: 16px;
      margin-top: 28px;
    }
    .directory-subsection:first-of-type {
      margin-top: 0;
    }
    .directory-subsection-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      padding-bottom: 10px;
      border-bottom: 1px solid rgba(var(--theme-accent-rgb), 0.14);
    }
    .directory-subsection-title {
      margin: 0;
      font-family: "Rajdhani", sans-serif;
      font-size: clamp(20px, 2.2vw, 28px);
      font-weight: 700;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      color: var(--ink);
      font-style: italic;
    }
    .directory-subsection-copy {
      color: var(--muted);
      font-size: 11px;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      text-align: right;
    }
    .directory-subsection-empty {
      border: 1px dashed rgba(var(--theme-accent-rgb), 0.2);
      padding: 18px 20px;
      color: var(--muted);
      font-size: 11px;
      letter-spacing: 0.12em;
      text-transform: uppercase;
    }
    .directory-surface {
      width: 100%;
      min-height: 100%;
      position: relative;
      overflow: visible;
    }
    .directory-surface-inner {
      padding: 24px 0 0;
    }
    .directory-surface-inner.is-revealing {
      animation: directorySurfaceReveal 220ms ease-out both;
    }
    .directory-list-header {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: center;
      gap: 16px;
      margin-bottom: 36px;
      padding-bottom: 16px;
      border-bottom: 1px solid rgba(var(--theme-accent-rgb), 0.18);
    }
    .directory-list-title {
      margin: 0;
      font-family: "Rajdhani", sans-serif;
      font-size: clamp(34px, 5vw, 58px);
      font-weight: 700;
      letter-spacing: 0.18em;
      line-height: 0.9;
      text-transform: uppercase;
      color: var(--ink);
      font-style: italic;
    }
    .directory-list-actions {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 10px;
      flex-wrap: nowrap;
      position: relative;
      justify-self: end;
      width: auto;
      min-width: 0;
      max-width: 100%;
    }
    .directory-pagination {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 8px;
      min-width: 0;
      flex-wrap: wrap;
      width: 100%;
      margin: 28px auto 0;
      padding-top: 18px;
      border-top: 1px solid rgba(var(--theme-accent-rgb), 0.18);
    }
    .directory-pagination:empty {
      display: none;
      margin-top: 0;
      padding-top: 0;
      border-top: none;
    }
    .directory-page-button,
    .directory-search-button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 34px;
      padding: 0 12px;
      border: 1px solid var(--border-2);
      background: rgba(0, 0, 0, 0.58);
      color: var(--muted);
      font-family: "Share Tech Mono", monospace;
      font-size: 10px;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      white-space: nowrap;
      cursor: pointer;
    }
    .directory-page-button.active,
    .directory-search-button.active {
      border-color: rgba(var(--theme-accent-rgb), 0.42);
      color: var(--ink);
      background: rgba(var(--theme-accent-rgb), 0.10);
    }
    .directory-page-button[disabled] {
      opacity: 0.34;
      cursor: default;
    }
    .directory-search-shell {
      position: relative;
      display: flex;
      justify-content: flex-end;
      align-items: flex-start;
      flex: 0 0 288px;
      min-width: 0;
      max-width: 100%;
      z-index: 3;
    }
    .directory-list-actions > .btn,
    .directory-list-actions > .hub-nav-button,
    .directory-list-actions > .directory-page-button,
    .directory-list-actions > .directory-search-button {
      flex: 0 0 auto;
    }
    .directory-search-stage {
      position: relative;
      width: min(288px, 100%);
      max-width: 100%;
      height: 36px;
      overflow: hidden;
      border: 1px solid var(--border-2);
      background: rgba(0, 0, 0, 0.58);
      box-shadow: inset 0 0 0 1px rgba(var(--theme-accent-rgb), 0.04);
      transition:
        width 220ms cubic-bezier(0.22, 1, 0.36, 1),
        border-color 180ms ease,
        background 180ms ease,
        box-shadow 180ms ease;
    }
    .directory-search-shell.is-open .directory-search-stage {
      width: min(648px, max(288px, 42vw));
      max-width: 100%;
      border-color: rgba(var(--theme-accent-rgb), 0.42);
      background:
        linear-gradient(180deg, rgba(var(--theme-accent-rgb), 0.12), rgba(var(--theme-accent-rgb), 0.04)),
        rgba(0, 0, 0, 0.76);
      box-shadow:
        inset 0 0 0 1px rgba(var(--theme-accent-rgb), 0.08),
        0 0 22px rgba(var(--theme-accent-rgb), 0.10);
    }
    .directory-search-stage .directory-search-button,
    .directory-search-inline-panel {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
    }
    .directory-search-stage .directory-search-button {
      border: none;
      background: transparent;
      transition: opacity 140ms ease, transform 180ms ease;
    }
    .directory-search-shell.is-open .directory-search-stage .directory-search-button {
      opacity: 0;
      transform: translateX(10px);
      pointer-events: none;
    }
    .directory-search-inline-panel {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 36px;
      align-items: center;
      opacity: 0;
      transform: translateX(14px);
      pointer-events: none;
      transition: opacity 160ms ease, transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
    }
    .directory-search-shell.is-open .directory-search-inline-panel {
      opacity: 1;
      transform: translateX(0);
      pointer-events: auto;
    }
    .directory-search-close {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 36px;
      height: 36px;
      border: none;
      border-left: 1px solid rgba(var(--theme-accent-rgb), 0.18);
      background: transparent;
      color: var(--muted);
      cursor: pointer;
      font-size: 16px;
      line-height: 1;
    }
    .directory-search-field {
      width: 100%;
      height: 36px;
      min-height: 36px;
      padding: 0 14px;
      border: none;
      background: transparent;
      color: var(--ink);
      font-family: "Share Tech Mono", monospace;
      font-size: 14px;
      letter-spacing: 0.10em;
      text-transform: uppercase;
      outline: none;
      line-height: 1;
    }
    .directory-search-field::placeholder {
      color: rgba(240, 249, 255, 0.34);
      text-transform: uppercase;
    }
    .directory-search-meta {
      position: absolute;
      top: calc(100% + 8px);
      right: 0;
      width: min(432px, calc(100vw - 80px));
      color: var(--muted);
      font-family: "Share Tech Mono", monospace;
      font-size: 10px;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      text-align: right;
      opacity: 0;
      transform: translateY(-8px);
      pointer-events: none;
      transition: opacity 160ms ease, transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
    }
    .directory-search-shell.is-open .directory-search-meta {
      opacity: 1;
      transform: translateY(0);
    }
    .directory-search-shell.has-filter .directory-search-stage {
      border-color: rgba(var(--theme-accent-rgb), 0.34);
      background: rgba(var(--theme-accent-rgb), 0.08);
    }
    .onboard-shell {
      display: grid;
      gap: 14px;
    }
    .onboard-build-progress {
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: 10px;
      margin-top: 16px;
    }
    .onboard-build-progress-button {
      width: 100%;
      min-height: 54px;
      padding: 10px 12px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.24);
      background: rgba(9, 16, 24, 0.74);
      color: var(--muted);
      display: grid;
      gap: 4px;
      justify-items: start;
      text-align: left;
      cursor: pointer;
    }
    .onboard-build-progress-button.is-active {
      border-color: rgba(var(--theme-accent-rgb), 0.58);
      background: rgba(var(--theme-accent-rgb), 0.14);
      color: var(--ink);
      box-shadow: 0 0 16px rgba(var(--theme-accent-rgb), 0.12);
    }
    .onboard-build-progress-button.is-complete {
      color: rgba(240, 249, 255, 0.88);
    }
    .onboard-build-progress-button.is-invalid {
      border-color: rgba(226, 130, 130, 0.72);
      background: rgba(88, 18, 18, 0.72);
      color: #ffd4d4;
      box-shadow: inset 0 0 0 1px rgba(255, 162, 162, 0.12), 0 0 16px rgba(148, 36, 36, 0.18);
    }
    .onboard-build-progress-button.is-invalid .onboard-build-progress-step {
      color: rgba(255, 189, 189, 0.92);
    }
    .onboard-build-progress-step {
      color: rgba(var(--theme-accent-rgb), 0.82);
      font-family: "Share Tech Mono", monospace;
      font-size: 9px;
      letter-spacing: 0.16em;
      text-transform: uppercase;
    }
    .onboard-build-progress-label {
      font-family: "Rajdhani", sans-serif;
      font-size: 17px;
      line-height: 1;
      font-weight: 700;
      letter-spacing: 0.05em;
      text-transform: uppercase;
    }
    .onboard-build-page {
      display: none;
      gap: 14px;
    }
    .onboard-build-page.is-active {
      display: grid;
    }
    .onboard-build-footer {
      display: flex;
      justify-content: flex-end;
      margin-top: -1px;
      padding: 0 16px 16px;
      border: 1px solid var(--border-2);
      border-top: 0;
      background: var(--theme-panel);
    }
    .onboard-build-actions {
      display: flex;
      align-items: center;
      gap: 12px;
      justify-content: flex-end;
      width: 100%;
    }
    .onboard-build-actions-left {
      flex: 1 1 auto;
      min-width: 0;
      display: inline-flex;
      align-items: center;
    }
    .onboard-build-actions-right {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      flex-wrap: wrap;
      justify-content: flex-end;
    }
    .onboard-build-footer-meta {
      color: rgba(var(--theme-accent-rgb), 0.82);
      font-family: "Share Tech Mono", monospace;
      font-size: 10px;
      letter-spacing: 0.14em;
      line-height: 1.5;
      text-transform: uppercase;
      white-space: nowrap;
    }
    .onboard-build-nav-button {
      min-width: 0;
      padding-inline: 16px;
    }
    .onboard-flow-header {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 14px;
      flex-wrap: wrap;
    }
    .onboard-flow-header-copy {
      flex: 1 1 360px;
      min-width: 0;
      display: grid;
      gap: 10px;
    }
    .onboard-flow-header-copy .section-title,
    .onboard-flow-header-copy .manual-prose {
      margin: 0;
    }
    .onboard-flow-actions {
      flex: 0 0 auto;
      display: inline-flex;
      justify-content: flex-end;
      align-items: center;
      gap: 10px;
      flex-wrap: wrap;
    }
    .onboard-title-row {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 12px;
      flex-wrap: wrap;
      margin-bottom: 8px;
    }
    .onboard-title-row .section-title {
      margin-bottom: 0;
    }
    .onboard-section-chip {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      min-height: 32px;
      padding: 0 12px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.28);
      background: rgba(9, 16, 24, 0.88);
      color: var(--ink);
      font-family: "Share Tech Mono", monospace;
      font-size: 10px;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      white-space: nowrap;
    }
    .onboard-section-chip strong {
      color: var(--theme-heading);
      font-weight: 700;
    }
    .onboard-section-chip.is-over {
      border-color: rgba(226, 130, 130, 0.62);
      background: rgba(88, 18, 18, 0.72);
      color: #ffd4d4;
    }
    .onboard-intro-grid,
    .onboard-step-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 14px;
    }
    .onboard-alert-stack {
      display: grid;
      gap: 12px;
      margin-top: 16px;
    }
    .onboard-alert {
      padding: 16px 18px;
      border: 1px solid var(--border-2);
      background: var(--theme-panel);
      display: grid;
      gap: 10px;
    }
    .onboard-alert.is-notice {
      border-color: rgba(92, 178, 255, 0.34);
      background: linear-gradient(180deg, rgba(92, 178, 255, 0.12), var(--theme-panel));
    }
    .onboard-alert.is-error {
      border-color: rgba(234, 67, 53, 0.44);
      background: linear-gradient(180deg, rgba(234, 67, 53, 0.16), rgba(20, 8, 10, 0.92));
      box-shadow: inset 0 0 0 1px rgba(234, 67, 53, 0.12);
    }
    .onboard-alert-title {
      color: var(--ink);
      font-family: "Rajdhani", sans-serif;
      font-size: 22px;
      line-height: 1;
      font-weight: 700;
      letter-spacing: 0.05em;
      text-transform: uppercase;
    }
    .onboard-alert-kicker {
      color: rgba(var(--theme-accent-rgb), 0.78);
      font-family: "Share Tech Mono", monospace;
      font-size: 9px;
      letter-spacing: 0.16em;
      text-transform: uppercase;
    }
    .onboard-alert.is-error .onboard-alert-kicker {
      color: rgba(255, 170, 170, 0.92);
    }
    .onboard-alert-copy {
      color: var(--ink);
      font-size: 14px;
      line-height: 1.65;
    }
    .onboard-alert-list {
      margin: 0;
      padding-left: 18px;
      display: grid;
      gap: 8px;
      color: var(--ink);
      font-size: 14px;
      line-height: 1.6;
    }
    .onboard-step-card {
      padding: 16px;
      border: 1px solid var(--border-2);
      background: rgba(255,255,255,0.03);
      display: grid;
      gap: 10px;
    }
    .onboard-step-kicker {
      color: var(--cyan);
      font-family: "Share Tech Mono", monospace;
      font-size: 10px;
      letter-spacing: 0.16em;
      text-transform: uppercase;
    }
    .onboard-step-title {
      font-family: "Rajdhani", sans-serif;
      font-size: 24px;
      line-height: 1;
      font-weight: 700;
      color: var(--ink);
    }
    .onboard-list {
      margin: 0;
      padding-left: 18px;
      color: var(--muted);
      display: grid;
      gap: 6px;
      line-height: 1.65;
    }
    .onboard-inline-pills {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
    }
    .onboard-command {
      border: 1px solid var(--border-2);
      background: rgba(0, 0, 0, 0.58);
      color: var(--ink);
      font-family: "Share Tech Mono", monospace;
      font-size: 12px;
      letter-spacing: 0.06em;
      padding: 12px 14px;
      overflow-x: auto;
      white-space: nowrap;
    }
    .onboard-field-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 14px;
      margin-top: 16px;
    }
    .onboard-build-split {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 14px;
      margin-top: 14px;
      align-items: stretch;
    }
    .onboard-field-card {
      padding: 16px;
      border: 1px solid var(--border-2);
      background: var(--theme-panel);
      display: grid;
      gap: 10px;
      align-content: start;
    }
    .onboard-field-card.is-wide {
      grid-column: span 2;
    }
    .onboard-field-label {
      color: var(--ink);
      font-family: "Rajdhani", sans-serif;
      font-size: 20px;
      line-height: 1;
      font-weight: 700;
      letter-spacing: 0.06em;
      text-transform: uppercase;
    }
    .onboard-field-source {
      color: rgba(var(--theme-accent-rgb), 0.78);
      font-family: "Share Tech Mono", monospace;
      font-size: 9px;
      letter-spacing: 0.16em;
      text-transform: uppercase;
    }
    .onboard-field-help {
      color: var(--muted);
      font-size: 13px;
      line-height: 1.55;
    }
    .onboard-input,
    .onboard-select,
    .onboard-textarea {
      width: 100%;
      box-sizing: border-box;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.22);
      background: rgba(9, 16, 24, 0.86);
      color: var(--ink);
      font-family: "Share Tech Mono", monospace;
      font-size: 12px;
      letter-spacing: 0.03em;
      padding: 12px 14px;
      outline: none;
    }
    .onboard-input.onboard-required-missing,
    .onboard-select.onboard-required-missing,
    .onboard-textarea.onboard-required-missing {
      border-color: rgba(255, 108, 108, 0.82);
      box-shadow: 0 0 0 1px rgba(255, 108, 108, 0.18), 0 0 18px rgba(255, 108, 108, 0.22);
    }
    .onboard-input::placeholder,
    .onboard-textarea::placeholder {
      color: rgba(240, 249, 255, 0.28);
    }
    .onboard-select {
      appearance: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      padding-right: 42px;
      background-image:
        linear-gradient(45deg, transparent 50%, rgba(var(--theme-accent-rgb), 0.92) 50%),
        linear-gradient(135deg, rgba(var(--theme-accent-rgb), 0.92) 50%, transparent 50%);
      background-position:
        calc(100% - 20px) calc(50% - 3px),
        calc(100% - 14px) calc(50% - 3px);
      background-size: 6px 6px, 6px 6px;
      background-repeat: no-repeat;
    }
    .onboard-textarea {
      min-height: 130px;
      resize: vertical;
      line-height: 1.55;
    }
    .onboard-upload-drop {
      border: 1px dashed rgba(var(--theme-accent-rgb), 0.34);
      background: rgba(9, 16, 24, 0.72);
      min-height: 80px;
      padding: 14px;
      display: grid;
      place-items: center;
      gap: 6px;
      text-align: center;
      cursor: pointer;
      position: relative;
      overflow: hidden;
    }
    .onboard-upload-drop strong {
      color: var(--ink);
      font-family: "Rajdhani", sans-serif;
      font-size: 20px;
      font-weight: 700;
      letter-spacing: 0.05em;
      text-transform: uppercase;
    }
    .onboard-upload-drop span {
      color: var(--muted);
      font-size: 12px;
      line-height: 1.45;
    }
    .onboard-upload-drop.is-dragover {
      border-color: rgba(var(--theme-secondary-rgb), 0.6);
      background: rgba(var(--theme-secondary-rgb), 0.12);
    }
    .onboard-file-input {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      border: 0;
      opacity: 0;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      clip-path: inset(50%);
      pointer-events: none;
    }
    .onboard-image-preview-shell {
      margin-top: 12px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.28);
      background: rgba(9, 16, 24, 0.78);
      min-height: 164px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 12px;
    }
    .onboard-image-preview-shell.is-square {
      min-height: 156px;
    }
    .onboard-image-preview {
      display: block;
      width: min(100%, 220px);
      max-height: 280px;
      height: auto;
      object-fit: contain;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.36);
      background: rgba(0, 0, 0, 0.38);
    }
    .onboard-image-preview.is-square {
      width: min(100%, 156px);
      aspect-ratio: 1 / 1;
      max-height: none;
      object-fit: cover;
    }
    .onboard-crop-backdrop {
      position: fixed;
      inset: 0;
      z-index: 1200;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 18px;
      background: rgba(4, 8, 12, 0.42);
      backdrop-filter: blur(4px);
    }
    .onboard-crop-backdrop[hidden] {
      display: none;
    }
    .onboard-crop-dialog {
      width: min(92vw, 760px);
      max-height: min(90vh, 860px);
      display: grid;
      gap: 14px;
      overflow: auto;
      padding: 18px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.28);
      background:
        linear-gradient(180deg, rgba(var(--theme-accent-rgb), 0.09), rgba(var(--theme-accent-rgb), 0.02)),
        rgba(9, 16, 24, 0.98);
      box-shadow: 0 24px 60px rgba(0, 0, 0, 0.42);
    }
    .onboard-crop-header {
      display: grid;
      gap: 6px;
    }
    .onboard-crop-title {
      color: var(--ink);
      font-family: "Rajdhani", sans-serif;
      font-size: 24px;
      font-weight: 700;
      letter-spacing: 0.05em;
      text-transform: uppercase;
      line-height: 1;
    }
    .onboard-crop-copy {
      color: var(--muted);
      font-size: 13px;
      line-height: 1.45;
    }
    .onboard-crop-metrics {
      color: var(--ink);
      font-family: "Share Tech Mono", monospace;
      font-size: 11px;
      letter-spacing: 0.12em;
      text-transform: uppercase;
    }
    .onboard-crop-workspace {
      display: flex;
      justify-content: center;
      min-width: 0;
      padding: 8px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.18);
      background: rgba(0, 0, 0, 0.34);
      overflow: auto;
    }
    .onboard-crop-stage {
      position: relative;
      display: inline-block;
      max-width: min(100%, 520px);
      max-height: 520px;
      cursor: crosshair;
      user-select: none;
      touch-action: none;
    }
    .onboard-crop-image {
      display: block;
      max-width: min(100%, 520px);
      max-height: 520px;
      width: auto;
      height: auto;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.3);
      background: rgba(0, 0, 0, 0.54);
    }
    .onboard-crop-selection {
      position: absolute;
      border: 2px solid rgba(var(--theme-accent-rgb), 0.92);
      box-shadow:
        0 0 0 9999px rgba(0, 0, 0, 0.46),
        inset 0 0 0 1px rgba(255, 255, 255, 0.24);
      cursor: move;
    }
    .onboard-crop-selection::before,
    .onboard-crop-selection::after {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      background:
        linear-gradient(90deg, transparent calc(33.333% - 0.5px), rgba(255,255,255,0.16) calc(33.333% - 0.5px), rgba(255,255,255,0.16) calc(33.333% + 0.5px), transparent calc(33.333% + 0.5px), transparent calc(66.666% - 0.5px), rgba(255,255,255,0.16) calc(66.666% - 0.5px), rgba(255,255,255,0.16) calc(66.666% + 0.5px), transparent calc(66.666% + 0.5px)),
        linear-gradient(0deg, transparent calc(33.333% - 0.5px), rgba(255,255,255,0.16) calc(33.333% - 0.5px), rgba(255,255,255,0.16) calc(33.333% + 0.5px), transparent calc(33.333% + 0.5px), transparent calc(66.666% - 0.5px), rgba(255,255,255,0.16) calc(66.666% - 0.5px), rgba(255,255,255,0.16) calc(66.666% + 0.5px), transparent calc(66.666% + 0.5px));
    }
    .onboard-crop-handle {
      position: absolute;
      right: -8px;
      bottom: -8px;
      width: 16px;
      height: 16px;
      border: 2px solid rgba(255, 255, 255, 0.94);
      background: rgba(var(--theme-accent-rgb), 0.92);
      box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.48);
      cursor: nwse-resize;
    }
    .onboard-crop-footer {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-end;
      gap: 10px;
    }
    .onboard-mini-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 10px;
    }
    .onboard-stat-strip {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 16px;
    }
    .onboard-stat-pill {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      min-height: 34px;
      padding: 0 12px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.28);
      background: var(--theme-panel);
      color: var(--ink);
      font-family: "Rajdhani", sans-serif;
      font-size: 15px;
      font-weight: 700;
      letter-spacing: 0.05em;
      text-transform: uppercase;
    }
    .onboard-stat-pill .meta {
      color: var(--muted);
      font-family: "Share Tech Mono", monospace;
      font-size: 9px;
      letter-spacing: 0.16em;
      text-transform: uppercase;
    }
    .onboard-qa-list {
      display: grid;
      gap: 14px;
      margin-top: 16px;
    }
    .onboard-question-card {
      padding: 16px;
      border: 1px solid var(--border-2);
      background: var(--theme-panel);
      display: grid;
      gap: 10px;
    }
    .onboard-question-title {
      color: var(--ink);
      font-family: "Rajdhani", sans-serif;
      font-size: 20px;
      line-height: 1;
      font-weight: 700;
      letter-spacing: 0.04em;
    }
    .onboard-question-prompt {
      color: var(--muted);
      font-size: 13px;
      line-height: 1.6;
    }
    .onboard-assign-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
      margin-top: 8px;
    }
    .onboard-assign-row {
      display: grid;
      grid-template-columns: 42px minmax(0, 1fr) auto;
      gap: 0;
      align-items: stretch;
      min-height: var(--attribute-shell-height, 72px);
      border: 1px solid var(--border-2);
      background: var(--theme-panel);
      box-sizing: border-box;
      overflow: hidden;
    }
    .onboard-assign-copy {
      display: flex;
      align-items: center;
      gap: 10px;
      flex-wrap: wrap;
      min-width: 0;
    }
    .onboard-assign-row .attribute-entry-sidebar {
      min-width: 42px;
    }
    .onboard-assign-row .attribute-entry-main {
      gap: 0;
      padding: 10px 14px;
    }
    .onboard-assign-row .attribute-entry-name-row {
      gap: 18px;
    }
    .onboard-assign-row .attribute-entry-value {
      min-width: 220px;
      padding: 10px 14px 10px 10px;
    }
    .onboard-assign-value-group {
      display: inline-flex;
      align-items: center;
      justify-content: flex-end;
      gap: 12px;
      width: 100%;
      min-width: 0;
    }
    .onboard-assign-row.attr-body {
      border-color: rgba(234, 67, 53, 0.52);
      background: linear-gradient(180deg, rgba(234, 67, 53, 0.20), var(--theme-panel));
    }
    .onboard-assign-row.attr-talent {
      border-color: rgba(251, 188, 4, 0.52);
      background: linear-gradient(180deg, rgba(251, 188, 4, 0.20), var(--theme-panel));
    }
    .onboard-assign-row.attr-spirit {
      border-color: rgba(52, 168, 83, 0.52);
      background: linear-gradient(180deg, rgba(52, 168, 83, 0.20), var(--theme-panel));
    }
    .onboard-assign-row.attr-mind {
      border-color: rgba(66, 133, 244, 0.52);
      background: linear-gradient(180deg, rgba(66, 133, 244, 0.20), var(--theme-panel));
    }
    .onboard-assign-name {
      color: var(--ink);
      font-family: "Oswald", "Rajdhani", sans-serif;
      font-size: 24px;
      font-weight: 700;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      line-height: 0.95;
      font-style: normal;
      flex: 0 0 auto;
    }
    .onboard-assign-description {
      color: rgba(240, 249, 255, 0.68);
      font-size: 12px;
      line-height: 1.45;
      letter-spacing: 0.02em;
      flex: 1 1 220px;
      min-width: 0;
    }
    .onboard-assign-score {
      display: inline-flex;
      align-items: center;
      justify-content: flex-start;
      min-width: 84px;
      min-height: 36px;
      padding: 0 0;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.22);
      background: transparent;
      color: var(--ink);
      font-family: "Rajdhani", sans-serif;
      font-size: 31px;
      font-weight: 700;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      line-height: 1;
      transition: border-color 0.18s ease, color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
    }
    .onboard-assign-score-bonus {
      color: var(--theme-accent-2);
      font-size: 13px;
      letter-spacing: 0.08em;
    }
    .onboard-assign-score.is-assigned {
      border-color: transparent;
      background: transparent;
      color: var(--ink);
      box-shadow: none;
    }
    .onboard-assign-score.is-empty {
      color: var(--muted);
      border-color: transparent;
      background: transparent;
    }
    .onboard-choice-summary {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 12px;
    }
    .onboard-choice-pill {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      min-height: 30px;
      padding: 0 10px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.24);
      background: rgba(9, 16, 24, 0.82);
      color: var(--ink);
      font-family: "Share Tech Mono", monospace;
      font-size: 10px;
      letter-spacing: 0.12em;
      text-transform: uppercase;
    }
    .onboard-choice-pill.is-over {
      border-color: rgba(226, 130, 130, 0.62);
      background: rgba(88, 18, 18, 0.72);
      color: #ffd4d4;
    }
    .onboard-assign-role-select {
      width: auto;
      min-width: 0;
      min-height: 38px;
      padding: 0 28px 0 12px;
      border: none;
      border-radius: 999px;
      background: transparent;
      color: var(--ink);
      font-family: "Share Tech Mono", monospace;
      font-size: 11px;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      line-height: 1;
      appearance: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      box-shadow: none;
    }
    .onboard-assign-role-shell {
      position: relative;
      display: inline-flex;
      align-items: center;
      min-width: 124px;
      max-width: 148px;
      min-height: 38px;
      padding: 0;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.24);
      border-radius: 999px;
      background:
        linear-gradient(180deg, rgba(7, 11, 18, 0.96), rgba(3, 5, 10, 0.94)),
        rgba(0, 0, 0, 0.84);
      box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
      overflow: hidden;
      flex: 0 0 auto;
    }
    .onboard-assign-role-shell::after {
      content: "▾";
      position: absolute;
      right: 10px;
      top: 50%;
      transform: translateY(-48%);
      color: rgba(240, 249, 255, 0.82);
      font-family: "Rajdhani", sans-serif;
      font-size: 15px;
      font-weight: 700;
      letter-spacing: 0;
      pointer-events: none;
    }
    .onboard-assign-role-shell:focus-within {
      border-color: rgba(var(--theme-accent-rgb), 0.56);
      box-shadow: 0 0 0 1px rgba(var(--theme-accent-rgb), 0.24), 0 0 18px rgba(var(--theme-accent-rgb), 0.12);
    }
    .onboard-field-card.is-disabled {
      opacity: 0.58;
    }
    .onboard-disabled-zone.is-disabled {
      pointer-events: none;
      filter: grayscale(0.25);
    }
    .onboard-rank-helper {
      color: var(--muted);
      font-size: 12px;
      line-height: 1.45;
    }
    .onboard-rank-helper.is-alert {
      color: #ffd4d4;
    }
    .onboard-inline-select {
      min-width: 150px;
      min-height: 30px;
      padding: 4px 8px;
      font-size: 11px;
    }
    .onboard-outlook-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
      margin-top: 14px;
      align-content: start;
    }
    .onboard-outlook-card {
      border: 1px solid var(--border-2);
      background: var(--theme-panel);
      padding: 14px;
      display: grid;
      gap: 0;
      cursor: pointer;
      transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
    }
    .onboard-outlook-card:hover,
    .onboard-outlook-card:focus-within {
      border-color: rgba(var(--theme-accent-rgb), 0.44);
      box-shadow: 0 0 0 1px rgba(var(--theme-accent-rgb), 0.12);
      background: rgba(var(--theme-accent-rgb), 0.10);
    }
    .onboard-outlook-card.is-selected {
      border-color: rgba(var(--theme-accent-rgb), 0.58);
      box-shadow: 0 0 0 1px rgba(var(--theme-accent-rgb), 0.18);
      background: rgba(var(--theme-accent-rgb), 0.14);
    }
    .onboard-outlook-card.is-disabled {
      opacity: 0.46;
      filter: grayscale(0.45);
      cursor: not-allowed;
      pointer-events: none;
    }
    .onboard-outlook-head {
      display: flex;
      align-items: center;
      gap: 10px;
      min-width: 0;
    }
    .onboard-outlook-card input[type="checkbox"] {
      width: 16px;
      height: 16px;
      accent-color: var(--os-cyan);
      flex: 0 0 auto;
      pointer-events: none;
    }
    .onboard-outlook-copy {
      min-width: 0;
      flex: 1 1 auto;
      display: flex;
      align-items: center;
      gap: 8px;
    }
    .onboard-outlook-name {
      color: var(--ink);
      font-family: "Rajdhani", sans-serif;
      font-size: 19px;
      line-height: 1;
      font-weight: 700;
    }
    .onboard-collapse-toggle {
      margin-left: auto;
      min-width: 24px;
      width: 24px;
      height: 24px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.24);
      background: rgba(0, 0, 0, 0.52);
      color: var(--ink);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-family: "Share Tech Mono", monospace;
      font-size: 13px;
      line-height: 1;
      cursor: pointer;
      flex: 0 0 auto;
    }
    .onboard-collapse-toggle:hover,
    .onboard-collapse-toggle:focus-visible {
      border-color: rgba(var(--theme-accent-rgb), 0.48);
      box-shadow: 0 0 0 1px rgba(var(--theme-accent-rgb), 0.12);
    }
    .onboard-outlook-desc {
      color: var(--muted);
      font-size: 13px;
      line-height: 1.55;
      margin-top: 10px;
    }
    .onboard-boon-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
      margin-top: 14px;
      align-content: start;
    }
    .onboard-boon-card {
      border: 1px solid var(--border-2);
      background: var(--theme-panel);
      padding: 14px;
      display: grid;
      gap: 0;
      transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease, transform 0.18s ease;
    }
    .onboard-boon-card:hover,
    .onboard-boon-card:focus-within {
      border-color: rgba(var(--theme-accent-rgb), 0.44);
      box-shadow: 0 0 0 1px rgba(var(--theme-accent-rgb), 0.12), 0 0 16px rgba(var(--theme-accent-rgb), 0.10);
      background: rgba(var(--theme-accent-rgb), 0.10);
      transform: translateY(-1px);
    }
    .onboard-boon-head {
      display: flex;
      align-items: center;
      gap: 10px;
      min-width: 0;
    }
    .onboard-boon-card input[type="checkbox"] {
      width: 16px;
      height: 16px;
      accent-color: var(--os-cyan);
      flex: 0 0 auto;
    }
    .onboard-boon-name {
      color: var(--ink);
      font-family: "Rajdhani", sans-serif;
      font-size: 19px;
      line-height: 1;
      font-weight: 700;
    }
    .onboard-boon-desc {
      color: var(--muted);
      font-size: 13px;
      line-height: 1.55;
      margin-top: 10px;
    }
    .onboard-boon-meta {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 10px;
    }
    .onboard-boon-activation-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      margin-top: 12px;
      padding-top: 12px;
      border-top: 1px solid rgba(var(--theme-accent-rgb), 0.16);
    }
    .onboard-boon-activation-copy {
      color: var(--muted);
      font-size: 12px;
      line-height: 1.5;
    }
    .onboard-boon-activation-button {
      min-height: 32px;
      padding: 0 12px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.28);
      background: rgba(9, 16, 24, 0.9);
      color: var(--ink);
      font-family: "Share Tech Mono", monospace;
      font-size: 11px;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      cursor: pointer;
    }
    .onboard-boon-activation-button.is-active {
      border-color: rgba(88, 201, 141, 0.56);
      background: rgba(22, 74, 48, 0.72);
      color: #d9ffe9;
    }
    .onboard-boon-activation-button:disabled {
      opacity: 0.4;
      cursor: not-allowed;
    }
    .onboard-empty-note {
      color: var(--muted);
      font-size: 13px;
      line-height: 1.55;
      margin-top: 10px;
    }
    .onboard-skill-groups {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 16px;
      margin-top: 16px;
    }
    .onboard-skill-group {
      border: 1px solid var(--border-2);
      background: var(--theme-panel);
      padding: 16px;
      display: grid;
      gap: 12px;
    }
    .onboard-skill-group.attr-body {
      border-color: rgba(234, 67, 53, 0.52);
      background: linear-gradient(180deg, rgba(234, 67, 53, 0.20), var(--theme-panel));
    }
    .onboard-skill-group.attr-talent {
      border-color: rgba(251, 188, 4, 0.52);
      background: linear-gradient(180deg, rgba(251, 188, 4, 0.20), var(--theme-panel));
    }
    .onboard-skill-group.attr-spirit {
      border-color: rgba(52, 168, 83, 0.52);
      background: linear-gradient(180deg, rgba(52, 168, 83, 0.20), var(--theme-panel));
    }
    .onboard-skill-group.attr-mind {
      border-color: rgba(66, 133, 244, 0.52);
      background: linear-gradient(180deg, rgba(66, 133, 244, 0.20), var(--theme-panel));
    }
    .onboard-skill-group-title {
      color: var(--ink);
      font-family: "Rajdhani", sans-serif;
      font-size: 21px;
      line-height: 1;
      font-weight: 700;
      letter-spacing: 0.05em;
      text-transform: uppercase;
    }
    .onboard-skill-list {
      display: grid;
      gap: 10px;
    }
    .onboard-skill-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 10px;
      align-items: center;
    }
    .onboard-skill-name {
      color: var(--ink);
      font-size: 14px;
      line-height: 1.35;
      font-weight: 700;
    }
    .onboard-rank-ticks {
      display: inline-flex;
      min-width: 160px;
    }
    .onboard-rank-select-source {
      position: absolute;
      width: 1px;
      height: 1px;
      opacity: 0;
      pointer-events: none;
      overflow: hidden;
    }
    .onboard-rank-stepper {
      display: inline-flex;
      align-items: center;
      gap: 6px;
    }
    .onboard-rank-step-button {
      min-width: 34px;
      min-height: 34px;
      padding: 0 10px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.24);
      background: rgba(9, 16, 24, 0.82);
      color: var(--ink);
      font-family: "Share Tech Mono", monospace;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      cursor: pointer;
    }
    .onboard-rank-step-button:disabled {
      opacity: 0.4;
      cursor: not-allowed;
    }
    .onboard-rank-step-value {
      min-width: 42px;
      min-height: 34px;
      padding: 0 10px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.32);
      background: rgba(var(--theme-accent-rgb), 0.12);
      color: var(--ink);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-family: "Share Tech Mono", monospace;
      font-size: 13px;
      font-weight: 700;
      letter-spacing: 0.1em;
      text-transform: uppercase;
    }
    .onboard-rank-step-value.is-over {
      border-color: rgba(var(--theme-accent-rgb), 0.58);
      background: rgba(var(--theme-accent-rgb), 0.18);
      box-shadow: inset 0 0 16px rgba(var(--theme-accent-rgb), 0.12);
    }
    .onboard-rank-select {
      min-width: 224px;
      min-height: 36px;
      padding: 6px 10px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.24);
      background: rgba(9, 16, 24, 0.82);
      color: var(--ink);
      font-family: "Share Tech Mono", monospace;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      cursor: pointer;
    }
    .onboard-technique-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
    }
    .onboard-technique-layout {
      display: block;
      margin-top: 16px;
    }
    .onboard-technique-row {
      border: 1px solid var(--border-2);
      background: var(--theme-panel);
      padding: 14px;
      display: grid;
      gap: 10px;
      position: relative;
    }
    .onboard-technique-row.active {
      border-color: rgba(var(--theme-accent-rgb), 0.42);
    }
    .onboard-technique-top {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 120px 140px;
      gap: 10px;
      align-items: center;
    }
    .onboard-technique-slot {
      color: rgba(var(--theme-accent-rgb), 0.78);
      font-family: "Share Tech Mono", monospace;
      font-size: 9px;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      padding-right: 28px;
    }
    .onboard-technique-preview-copy {
      color: var(--muted);
      font-size: 14px;
      line-height: 1.65;
      white-space: normal;
      display: grid;
      gap: 10px;
    }
    .onboard-technique-preview-placeholder {
      white-space: pre-wrap;
    }
    .onboard-technique-options {
      border: 1px solid rgba(var(--theme-secondary-rgb), 0.32);
      background: rgba(var(--theme-secondary-rgb), 0.08);
      padding: 12px;
      display: grid;
      gap: 10px;
    }
    .onboard-technique-options-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
    }
    .onboard-ability-word-grid {
      display: grid;
      gap: 10px;
      margin-top: 12px;
    }
    .onboard-ability-word-row {
      display: grid;
      grid-template-columns: minmax(0, 1.75fr) minmax(148px, 0.9fr) 86px;
      gap: 10px;
      align-items: center;
    }
    .onboard-word-shell .onboard-input[data-ability-word-input] {
      width: 100%;
      min-width: 0;
    }
    .onboard-word-type-select {
      min-width: 0;
    }
    .onboard-ability-word-row.has-missing-word-type .onboard-word-type-select.onboard-required-missing {
      border-color: rgba(255, 108, 108, 0.82);
      box-shadow: 0 0 0 1px rgba(255, 108, 108, 0.18), 0 0 18px rgba(255, 108, 108, 0.22);
    }
    .onboard-row-actions {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-top: 10px;
      flex-wrap: wrap;
    }
    .onboard-technique-row .onboard-row-actions {
      justify-content: flex-end;
      margin-top: 0;
      min-height: 0;
      height: 0;
      overflow: visible;
    }
    .onboard-inline-btn {
      min-height: 34px;
      padding: 0 12px;
      font-size: 10px;
      letter-spacing: 0.14em;
    }
    .onboard-technique-delete {
      position: absolute;
      top: 10px;
      right: 10px;
      width: 24px;
      min-width: 24px;
      min-height: 24px;
      padding: 0;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.24);
      background: rgba(0, 0, 0, 0.52);
      color: var(--ink);
      font-family: "Share Tech Mono", monospace;
      font-size: 14px;
      line-height: 1;
      cursor: pointer;
    }
    .rank-summary-row {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      flex-wrap: wrap;
      justify-content: flex-end;
      margin-left: auto;
      flex: 0 0 auto;
    }
    .rank-summary-row .rank-summary-pill {
      flex: 0 0 auto;
      min-width: 0;
      white-space: nowrap;
    }
    .rank-summary-row .rank-summary-pill .key {
      white-space: nowrap;
    }
    .onboard-technique-delete:hover,
    .onboard-technique-delete:focus-visible {
      border-color: rgba(var(--theme-accent-rgb), 0.48);
      box-shadow: 0 0 0 1px rgba(var(--theme-accent-rgb), 0.12);
    }
    .onboard-word-cost-input {
      text-align: center;
      font-family: "Share Tech Mono", monospace;
      font-weight: 700;
    }
    .directory-no-results {
      display: none;
      align-items: center;
      justify-content: center;
      min-height: 180px;
      border: 1px dashed rgba(var(--theme-accent-rgb), 0.22);
      color: var(--muted);
      font-family: "Share Tech Mono", monospace;
      font-size: 10px;
      letter-spacing: 0.16em;
      text-transform: uppercase;
    }
    .directory-no-results.visible {
      display: flex;
    }
    body.route-exit-desktop .shell-content,
    body.route-exit-characters .shell-content,
    body.route-exit-sheet .shell-content,
    body.route-exit-guide .shell-content {
      animation: routeSwipeExit 620ms cubic-bezier(0.28, 0.04, 0.42, 0.98) both;
      transform-origin: 50% 50%;
      will-change: opacity, transform, clip-path;
      overflow: clip;
    }
    body.route-transition-reverse.route-exit-desktop .shell-content,
    body.route-transition-reverse.route-exit-characters .shell-content,
    body.route-transition-reverse.route-exit-sheet .shell-content,
    body.route-transition-reverse.route-exit-guide .shell-content {
      animation-name: routeSwipeExitReverse;
    }
    body.route-enter-desktop .shell-content,
    body.route-enter-characters .shell-content,
    body.route-enter-sheet .shell-content,
    body.route-enter-guide .shell-content {
      animation: routeSwipeEnter 680ms cubic-bezier(0.18, 0.88, 0.24, 1) both;
      transform-origin: 50% 50%;
      will-change: opacity, transform, clip-path;
      overflow: clip;
    }
    body.route-transition-reverse.route-enter-desktop .shell-content,
    body.route-transition-reverse.route-enter-characters .shell-content,
    body.route-transition-reverse.route-enter-sheet .shell-content,
    body.route-transition-reverse.route-enter-guide .shell-content {
      animation-name: routeSwipeEnterReverse;
    }
    @keyframes routeSwipeEnter {
      0% {
        opacity: 0.22;
        transform: translate3d(72px, 0, 0) scale(0.992);
        clip-path: inset(0 0 0 16%);
      }
      100% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
        clip-path: inset(0 0 0 0);
      }
    }
    @keyframes routeSwipeExit {
      0% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
        clip-path: inset(0 0 0 0);
      }
      100% {
        opacity: 0.08;
        transform: translate3d(-72px, 0, 0) scale(1.008);
        clip-path: inset(0 16% 0 0);
      }
    }
    @keyframes routeSwipeEnterReverse {
      0% {
        opacity: 0.22;
        transform: translate3d(-72px, 0, 0) scale(0.992);
        clip-path: inset(0 16% 0 0);
      }
      100% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
        clip-path: inset(0 0 0 0);
      }
    }
    @keyframes routeSwipeExitReverse {
      0% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
        clip-path: inset(0 0 0 0);
      }
      100% {
        opacity: 0.08;
        transform: translate3d(72px, 0, 0) scale(1.008);
        clip-path: inset(0 0 0 16%);
      }
    }
    @keyframes routeLoadingDots {
      0% {
        width: 0;
      }
      33% {
        width: 1ch;
      }
      66% {
        width: 2ch;
      }
      100% {
        width: 3ch;
      }
    }
    @keyframes glossaryCursorFlash {
      0%, 49% {
        opacity: 1;
      }
      50%, 100% {
        opacity: 0;
      }
    }
    @keyframes directorySurfaceReveal {
      0% {
        opacity: 0;
        transform: translate3d(0, 10px, 0);
      }
      100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
      }
    }
    @keyframes directoryCardReveal {
      0% {
        opacity: 0;
        transform: translate3d(0, 12px, 0) scale(0.992);
      }
      100% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
      }
    }
    @keyframes directorySearchOverlayFade {
      0% {
        opacity: 0;
      }
      100% {
        opacity: 1;
      }
    }
    @keyframes directorySearchPanelReveal {
      0% {
        opacity: 0;
        transform: translate3d(0, 16px, 0) scale(0.985);
      }
      100% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
      }
    }
    @media (prefers-reduced-motion: reduce) {
      .directory-surface-inner.is-revealing,
      .database-entry.is-revealing,
      .directory-search-stage,
      .directory-search-inline-panel,
      .directory-search-meta {
        animation: none !important;
        transition: none !important;
      }
    }
    .attribute-icon {
      display: inline-block;
      vertical-align: middle;
      object-fit: contain;
      flex: 0 0 auto;
    }
    .attribute-icon.inline {
      margin-right: 6px;
    }
    .basic-action-line {
      display: grid;
      grid-template-columns: 44px minmax(0, 1fr);
      align-items: stretch;
      gap: 0;
      overflow: visible;
      padding: 0;
      border-top: 1px solid rgba(var(--theme-accent-rgb), 0.18);
      --basic-action-surface: rgba(0, 0, 0, 0.48);
      background: var(--basic-action-surface);
      cursor: pointer;
    }
    .basic-action-group-body .basic-action-line:first-child {
      border-top: none;
    }
    .basic-action-attr-rail {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      align-content: center;
      justify-items: center;
      justify-content: center;
      gap: 4px;
      min-height: 100%;
      padding: 9px 6px;
      box-sizing: border-box;
      overflow: hidden;
      background: var(--basic-action-surface);
      border-right: none;
    }
    .basic-action-attr-rail.is-empty {
      gap: 0;
    }
    .basic-action-attr-rail[data-symbol-count="1"],
    .basic-action-attr-rail[data-symbol-count="2"] {
      grid-template-columns: repeat(var(--symbol-columns, 1), minmax(0, 1fr));
    }
    .basic-action-attr-rail[data-symbol-count="1"] {
      --symbol-columns: 1;
    }
    .basic-action-attr-rail[data-symbol-count="2"] {
      --symbol-columns: 2;
    }
    .basic-action-attr-rail[data-symbol-count="3"] {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .basic-action-attr-icons {
      display: contents;
    }
    .basic-action-attr-rail .attribute-icon {
      width: 12px !important;
      min-width: 12px !important;
      max-width: 12px !important;
      height: 12px !important;
      min-height: 12px !important;
      max-height: 12px !important;
      font-size: 12px !important;
      line-height: 12px !important;
      margin: 0;
      overflow: hidden;
    }
    .basic-action-edit-trigger {
      display: inline-flex;
      width: 15px;
      height: 15px;
      min-width: 15px;
      min-height: 15px;
      font-size: 10.5px;
      justify-self: start;
      align-self: center;
      margin-top: 0;
      flex: 0 0 auto;
      border-width: 1px;
      box-shadow: none;
    }
    .basic-action-main {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: center;
      gap: 18px;
      padding: 10px 12px;
      min-width: 0;
      background: var(--basic-action-surface);
      container-type: inline-size;
    }
    .basic-action-name-row {
      display: inline-grid;
      grid-template-columns: auto minmax(0, 1fr);
      align-items: center;
      gap: 6px;
      min-width: 0;
    }
    .basic-action-main .name {
      font-size: 14px;
      min-width: 0;
    }
    .basic-action-main.is-custom-action .name {
      font-size: 14px;
      line-height: 1;
    }
    .basic-action-main .cost {
      justify-self: end;
      min-width: 0;
    }
    @container (max-width: 280px) {
      .basic-action-main.is-custom-action .name {
        font-size: 13px;
      }
    }
    @container (max-width: 236px) {
      .basic-action-main.is-custom-action .name {
        font-size: 12px;
      }
    }
    @container (max-width: 208px) {
      .basic-action-main.is-custom-action .name {
        font-size: 11px;
      }
    }
    @media (max-width: 1320px) {
      .basic-action-group {
        grid-template-columns: 32px minmax(0, 1fr);
      }
      .basic-action-group-sidebar {
        font-size: 11px;
        letter-spacing: 0.1em;
      }
      .basic-action-main {
        gap: 12px;
        padding: 9px 10px;
      }
      .basic-action-main .name {
        font-size: 13px;
      }
      .basic-action-line .cost {
        font-size: 9px;
      }
      .skill-line {
        column-gap: 6px;
      }
      .skill-metric-lane {
        padding-left: var(--skill-metric-offset, clamp(6px, 10%, 18px));
        padding-right: var(--skill-metric-right-pad, clamp(8px, 7%, 18px));
      }
    }
    @media (max-width: 720px) {
      .basic-action-sidebar {
        grid-template-columns: minmax(0, 1fr);
      }
    }
    .structured-health-row {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      gap: 14px;
      align-items: center;
      margin-bottom: 14px;
    }
    .structured-health-row.is-track-only {
      grid-template-columns: minmax(0, 1fr);
      gap: 0;
      margin-bottom: 0;
    }
    @media (max-width: 720px) {
      .structured-health-row {
        grid-template-columns: minmax(0, 1fr);
      }
    }
    .health-value-pill {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: center;
      gap: 14px;
      min-height: 38px;
      width: 100%;
      min-width: 0;
      padding: 10px 14px;
      border: 1px solid var(--os-border, var(--border-2));
      background: var(--container-rest-bg, var(--theme-panel));
      color: var(--ink);
      font-family: "Rajdhani", sans-serif;
      font-size: 24px;
      font-weight: 700;
      letter-spacing: 0.04em;
      white-space: nowrap;
      position: relative;
    }
    .health-pill-label {
      justify-self: start;
      text-align: left;
      color: var(--ink);
      font-family: "Rajdhani", sans-serif;
      font-size: 21px;
      font-weight: 700;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      line-height: 1;
      padding-left: 14px;
    }
    .health-pill-numbers {
      color: var(--ink);
    }
    .health-pill-value {
      display: inline-flex;
      align-items: center;
      justify-self: end;
    }
    .health-current-field {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      height: 34px;
      min-height: 34px;
      min-width: 6.2ch;
      padding: 0 10px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.28);
      background: rgba(0, 0, 0, 0.48);
      line-height: 1;
      box-sizing: border-box;
      flex: 0 0 auto;
      gap: 6px;
      cursor: text;
    }
    .health-pill-suffix {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      color: var(--ink);
      pointer-events: none;
    }
    .health-pill-max,
    .health-pill-separator {
      color: var(--ink);
    }
    .health-segment-track {
      display: grid;
      grid-template-columns: repeat(var(--health-segment-count, 4), minmax(0, 1fr));
      gap: 8px;
      align-items: center;
    }
    .health-segment {
      position: relative;
      height: 32px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.42);
      background: var(--theme-panel-soft);
      overflow: hidden;
    }
    .health-segment::after {
      content: "";
      position: absolute;
      inset: 0;
      opacity: 0;
      pointer-events: none;
      background:
        linear-gradient(135deg, transparent 45%, rgba(var(--theme-accent-rgb), 0.72) 47%, rgba(var(--theme-accent-rgb), 0.72) 53%, transparent 55%);
      transition: opacity 180ms ease;
    }
    .health-segment-fill {
      position: absolute;
      inset: 0 auto 0 0;
      background: linear-gradient(90deg, rgba(var(--theme-accent-rgb), 0.78), rgba(var(--theme-accent-rgb), 0.98));
      box-shadow: inset 0 0 8px rgba(255,255,255,0.08), 0 0 10px rgba(var(--theme-accent-rgb), 0.18);
      filter: brightness(calc(1.14 - (var(--health-segment-ratio, 0) * 0.32)));
      transition: width 280ms cubic-bezier(0.22, 1, 0.36, 1), filter 180ms ease, box-shadow 180ms ease;
      will-change: width;
    }
    .health-segment.is-increasing .health-segment-fill {
      box-shadow: inset 0 0 10px rgba(255,255,255,0.12), 0 0 14px rgba(var(--theme-accent-rgb), 0.24);
      transition-timing-function: cubic-bezier(0.2, 0.84, 0.22, 1), ease, ease;
    }
    .health-segment.is-decreasing .health-segment-fill {
      box-shadow: inset 0 0 6px rgba(255,255,255,0.06), 0 0 8px rgba(var(--theme-accent-rgb), 0.12);
      transition-duration: 220ms, 160ms, 160ms;
      transition-timing-function: cubic-bezier(0.55, 0.06, 0.68, 0.19), ease, ease;
    }
    .health-segment.disabled {
      border-color: rgba(var(--theme-accent-rgb), 0.16);
      background: var(--theme-panel-muted);
    }
    .health-segment.disabled .health-segment-fill {
      display: none;
    }
    .health-segment.disabled::after,
    .health-segment.is-empty::after {
      opacity: 1;
    }
    @media (prefers-reduced-motion: reduce) {
      .health-segment-fill {
        transition: none;
      }
    }
    .hub-screen {
      width: min(calc(100% - 32px), 1960px);
      min-height: calc(100dvh - 24px);
      margin: 12px auto;
      padding: 18px 22px 28px;
      position: relative;
      color: var(--ink);
      border-left: 1px solid rgba(var(--theme-accent-rgb), 0.14);
      border-right: 1px solid rgba(var(--theme-accent-rgb), 0.14);
    }
    .hub-screen::before {
      content: "";
      position: absolute;
      inset: 0 -1px 0 -1px;
      pointer-events: none;
      background:
        linear-gradient(90deg, rgba(var(--theme-accent-rgb), 0.08) 0, rgba(var(--theme-accent-rgb), 0.08) 1px, transparent 1px, transparent 256px),
        linear-gradient(rgba(var(--theme-accent-rgb), 0.025) 0, rgba(var(--theme-accent-rgb), 0.025) 1px, transparent 1px, transparent 256px);
      opacity: 0.55;
    }
    .hub-topline {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 24px;
      position: relative;
      z-index: 1;
    }
    .hub-brand-title {
      font-family: "Rajdhani", sans-serif;
      font-size: 28px;
      font-weight: 700;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: var(--cyan-2);
      font-style: italic;
    }
    .hub-system-meta {
      text-align: right;
      font-family: "Share Tech Mono", monospace;
      font-size: 11px;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      color: var(--muted);
      line-height: 1.7;
    }
    .hub-rule {
      height: 1px;
      margin-top: 12px;
      background: rgba(var(--theme-accent-rgb), 0.38);
      position: relative;
      z-index: 1;
    }
    .hub-userbar {
      position: relative;
      z-index: 1;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      gap: 14px;
      margin-top: 14px;
    }
    .hub-user-meta {
      display: flex;
      align-items: center;
      gap: 12px;
      font-family: "Share Tech Mono", monospace;
      font-size: 11px;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: var(--muted);
    }
    .hub-user-actions {
      display: inline-flex;
      align-items: center;
      justify-content: flex-end;
      gap: 10px;
      flex-wrap: wrap;
    }
    .hub-avatar {
      width: 34px;
      height: 34px;
      object-fit: cover;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.38);
      background: rgba(0, 0, 0, 0.78);
    }
    .hub-logout,
    .hub-nav-button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 32px;
      padding: 0 14px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.34);
      color: var(--muted);
      text-decoration: none;
      font-family: "Share Tech Mono", monospace;
      font-size: 11px;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      background: var(--theme-panel-soft);
    }
    .hub-nav-button {
      gap: 8px;
      white-space: nowrap;
      line-height: 1;
    }
    .hub-nav-button-icon {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 14px;
      height: 14px;
      flex: 0 0 14px;
    }
    .hub-nav-button-icon svg {
      display: block;
      width: 100%;
      height: 100%;
    }
    .hub-nav-button-label {
      display: inline-flex;
      align-items: center;
      min-width: 0;
    }
    .network-page-header {
      margin-bottom: 32px;
    }
    .hub-topline .brand,
    .network-page-header .brand {
      align-items: flex-start;
    }
    .hub-topline .brand-copy,
    .network-page-header .brand-copy {
      padding-top: 2px;
    }
    .hub-topline .brand-title,
    .network-page-header .brand-title {
      color: var(--cyan-2);
      font-size: 24px;
      letter-spacing: 0.08em;
      line-height: 1.02;
    }
    .hub-center {
      position: relative;
      z-index: 1;
      min-height: 72vh;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .hub-card-row {
      display: flex;
      flex-wrap: nowrap;
      justify-content: center;
      align-items: stretch;
      gap: 24px;
      width: min(var(--hub-card-width), 100%);
      max-width: 100%;
    }
    .hub-card-row > .hub-card,
    .hub-card-row > .hub-card.disabled,
    .hub-card-row > .hub-card-admin {
      flex: 1 1 0;
      min-width: 0;
      max-width: 280px;
    }
    .hub-card-stack {
      display: grid;
      gap: 18px;
      justify-items: center;
      width: var(--hub-card-width);
    }
    .hub-admin-shell {
      width: min(980px, 100%);
      display: grid;
      gap: 14px;
      justify-items: center;
      position: relative;
      z-index: 1;
    }
    html.hub-popout-open,
    body.hub-popout-open {
      overflow: hidden;
    }
    .hub-panel-backdrop {
      position: fixed;
      inset: 0;
      border: 0;
      padding: 0;
      margin: 0;
      background: rgba(3, 8, 14, 0.34);
      backdrop-filter: blur(3px);
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      z-index: 3;
      transition: opacity 180ms ease, visibility 0s linear 180ms;
    }
    .hub-admin-shell.panel-open .hub-panel-backdrop {
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
      transition-delay: 0s;
    }
    .hub-admin-shell.panel-open .hub-card-row {
      opacity: 0.56;
      transform: scale(0.985);
      filter: blur(0.75px);
      pointer-events: none;
    }
    .hub-card-admin {
      cursor: pointer;
      font: inherit;
    }
    .hub-popout-layer {
      position: fixed;
      inset: 0;
      width: 100vw;
      height: 100dvh;
      pointer-events: none;
      z-index: 18;
    }
        .hub-admin-panel {
      position: fixed;
      top: 60%;
      left: 50%;
      --hub-panel-open-transform: translate(-50%, -50%);
      --hub-panel-closed-transform: translate(-50%, calc(-50% - 14px));
      transform: var(--hub-panel-closed-transform);
      z-index: 20;
      width: min(784px, calc(100vw - 32px));
      max-height: min(84vh, calc(100dvh - 32px));
      border: 1px solid rgba(var(--theme-accent-rgb), 0.30);
      background:
        linear-gradient(180deg, rgba(var(--theme-accent-rgb), 0.12), rgba(var(--theme-accent-rgb), 0.03) 34%, transparent 100%),
        linear-gradient(180deg, var(--theme-panel), var(--theme-panel-soft));
      box-shadow:
        18px 18px 0 color-mix(in srgb, var(--theme-panel) 82%, rgba(0, 0, 0, 0.34)),
        0 0 0 1px rgba(var(--theme-accent-rgb), 0.10),
        0 18px 48px rgba(0, 0, 0, 0.34),
        0 0 36px rgba(var(--theme-accent-rgb), 0.10);
      padding: 18px;
      display: grid;
      gap: 14px;
      overflow: auto;
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transition: opacity 220ms ease, transform 220ms cubic-bezier(0.22, 1, 0.36, 1), visibility 0s linear 220ms;
      will-change: opacity, transform;
    }
    .hub-admin-panel.is-open,
    .hub-admin-panel.is-opening {
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
      transform: var(--hub-panel-open-transform);
      transition-delay: 0s;
    }
    .hub-admin-panel.is-closing {
      opacity: 0;
      visibility: visible;
      pointer-events: none;
      transform: var(--hub-panel-closed-transform);
    }
    .hub-admin-panel[hidden] {
      display: none;
    }
    @media (prefers-reduced-motion: reduce) {
      .hub-panel-backdrop {
        transition: none;
      }
      .hub-admin-panel {
        transition: none;
      }
    }
    .hub-admin-panel-header {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 12px;
    }
    .hub-admin-panel-title {
      font-family: "Rajdhani", sans-serif;
      font-size: 22px;
      font-weight: 700;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: var(--ink);
    }
    .hub-admin-panel-close {
      flex: 0 0 auto;
      width: 34px;
      min-width: 34px;
      height: 34px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.34);
      background: var(--theme-panel-muted);
      color: rgba(var(--theme-accent-rgb), 0.88);
      font-family: "Rajdhani", sans-serif;
      font-size: 20px;
      font-weight: 700;
      line-height: 1;
      cursor: pointer;
      transition: border-color 120ms ease, background 120ms ease, color 120ms ease;
    }
    .hub-admin-panel-close:hover {
      border-color: rgba(var(--theme-accent-rgb), 0.68);
      background: rgba(var(--theme-accent-rgb), 0.10);
      color: var(--ink);
    }
    .hub-admin-panel-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
    }
    .hub-admin-panel[data-hub-panel="resources"] .hub-admin-panel-grid,
    .hub-admin-panel[data-hub-panel="directory"] .hub-admin-panel-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
    }
    .hub-admin-option-anchor {
      display: block;
      height: 100%;
    }
    .hub-admin-option {
      display: grid;
      gap: 8px;
      min-height: 132px;
      padding: 18px 16px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.28);
      background:
        linear-gradient(180deg, rgba(var(--theme-accent-rgb), 0.06), rgba(var(--theme-accent-rgb), 0.01)),
        var(--theme-panel-soft);
      text-decoration: none;
      color: inherit;
      box-shadow: inset 0 0 0 1px rgba(var(--theme-accent-rgb), 0.04);
      transition: border-color 120ms ease, transform 120ms ease, background 120ms ease, box-shadow 120ms ease;
    }
    .hub-admin-option:hover {
      border-color: rgba(var(--theme-accent-rgb), 0.54);
      background:
        linear-gradient(180deg, rgba(var(--theme-accent-rgb), 0.14), rgba(var(--theme-accent-rgb), 0.05)),
        var(--theme-panel-soft);
      box-shadow: inset 0 0 18px rgba(var(--theme-accent-rgb), 0.08), 0 0 20px rgba(var(--theme-accent-rgb), 0.10);
      transform: translateY(-1px);
    }
    .hub-admin-option.is-disabled,
    .hub-admin-option.is-disabled:hover,
    .hub-admin-option.is-disabled:focus-visible {
      border-color: rgba(var(--theme-accent-rgb), 0.14);
      background:
        linear-gradient(180deg, rgba(var(--theme-accent-rgb), 0.03), rgba(var(--theme-accent-rgb), 0.01)),
        var(--theme-panel-muted);
      color: color-mix(in srgb, var(--muted) 82%, transparent);
      transform: none;
      box-shadow: none;
      cursor: default;
      outline: none;
    }
    .hub-admin-option.is-disabled .hub-admin-option-title {
      color: color-mix(in srgb, var(--ink) 72%, transparent);
    }
    .hub-admin-option.is-disabled .hub-admin-option-subtitle {
      color: color-mix(in srgb, var(--muted) 74%, transparent);
    }
    .hub-admin-option-title {
      font-family: "Rajdhani", sans-serif;
      font-size: 20px;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--ink);
      line-height: 1.05;
    }
    .hub-admin-option-subtitle {
      font-family: "Share Tech Mono", monospace;
      font-size: 10px;
      letter-spacing: 0.12em;
      line-height: 1.5;
      text-transform: uppercase;
      color: var(--muted);
    }
    .hub-admin-panel[data-hub-panel="resources"] .hub-admin-option {
      gap: 6px;
      min-height: 104px;
      padding: 14px 14px;
    }
    .hub-admin-panel[data-hub-panel="resources"] .hub-admin-option-title {
      font-size: 18px;
      line-height: 0.98;
    }
    .hub-admin-panel[data-hub-panel="resources"] .hub-admin-option-subtitle {
      font-size: 9px;
      line-height: 1.35;
      letter-spacing: 0.10em;
    }
    .hub-admin-panel[data-hub-panel="auth-required"] {
      position: fixed;
      top: 50%;
      left: 50%;
      --hub-panel-open-transform: translate(-50%, -50%);
      --hub-panel-closed-transform: translate(-50%, calc(-50% - 20px));
      width: min(560px, calc(100vw - 40px));
      z-index: 5;
      padding: 20px;
      gap: 16px;
    }
    .hub-auth-panel-request-row {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 12px;
      min-width: 0;
    }
    .hub-auth-panel-copy {
      font-family: "Share Tech Mono", monospace;
      font-size: 10px;
      line-height: 1.75;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: var(--muted);
    }
    .hub-auth-panel-target {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      width: fit-content;
      max-width: 100%;
      padding: 7px 10px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.26);
      background:
        linear-gradient(180deg, rgba(var(--theme-accent-rgb), 0.10), rgba(var(--theme-accent-rgb), 0.03)),
        var(--theme-panel-muted);
      font-family: "Rajdhani", sans-serif;
      font-size: 15px;
      font-weight: 700;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: var(--ink);
    }
    .hub-auth-panel-target::before {
      content: "Requested";
      font-family: "Share Tech Mono", monospace;
      font-size: 9px;
      font-weight: 400;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: var(--muted);
    }
    .hub-auth-panel-actions {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 12px;
    }
    .hub-auth-panel-link {
      min-height: 36px;
      padding: 0 14px;
      color: var(--ink);
      border-color: rgba(var(--theme-accent-rgb), 0.52);
      background: rgba(var(--theme-accent-rgb), 0.10);
    }
    .hub-auth-panel-link:hover,
    .hub-auth-panel-link:focus-visible {
      border-color: rgba(var(--theme-accent-rgb), 0.78);
      background: rgba(var(--theme-accent-rgb), 0.16);
    }
    .hub-auth-panel-note {
      font-family: "Share Tech Mono", monospace;
      font-size: 9px;
      letter-spacing: 0.12em;
      line-height: 1.55;
      text-transform: uppercase;
      color: var(--muted);
    }
    .hub-card,
    .hub-card.disabled {
      position: relative;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 8px;
      min-height: 248px;
      padding: 24px 16px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.42);
      background: rgba(20, 30, 40, 0.52);
      text-decoration: none;
      color: inherit;
      box-shadow: 18px 18px 0 rgba(20, 30, 40, 0.24);
      overflow: visible;
    }
    .hub-card::before,
    .hub-card::after {
      content: "";
      position: absolute;
      width: 10px;
      height: 10px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.74);
      transform: rotate(45deg);
      background: #162331;
    }
    .hub-card::before {
      top: -6px;
      left: -6px;
    }
    .hub-card::after {
      right: -6px;
      bottom: -6px;
    }
    .hub-card:hover {
      border-color: rgba(var(--theme-accent-rgb), 0.75);
      color: #fff6da;
    }
    .hub-card-letter {
      font-family: "Rajdhani", sans-serif;
      font-size: 40px;
      font-weight: 700;
      color: rgba(var(--theme-accent-rgb), 0.68);
      line-height: 1;
    }
    .hub-card-title {
      font-family: "Rajdhani", sans-serif;
      font-size: 24px;
      font-weight: 700;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: var(--ink);
      text-align: center;
      line-height: 1.05;
    }
    .hub-card-subtitle {
      font-family: "Share Tech Mono", monospace;
      font-size: 10px;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: rgba(240, 249, 255, 0.62);
      text-align: center;
    }
    .hub-bottom-left,
    .hub-bottom-right,
    .hub-footer-left {
      position: absolute;
      z-index: 1;
      font-family: "Share Tech Mono", monospace;
      color: rgba(var(--theme-accent-rgb), 0.58);
      text-transform: uppercase;
      letter-spacing: 0.18em;
    }
    .hub-bottom-left {
      left: 28px;
      bottom: 86px;
      display: grid;
      gap: 18px;
    }
    .hub-control-block-title {
      font-size: 10px;
      margin-bottom: 8px;
    }
    .hub-control-readout {
      margin-top: 8px;
      color: var(--muted);
      font-family: "Share Tech Mono", monospace;
      font-size: 9px;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      min-height: 1.4em;
    }
    .hub-control-block {
      border: 1px solid rgba(var(--theme-accent-rgb), 0.28);
      padding: 12px;
      width: 176px;
      background: rgba(20, 30, 40, 0.56);
    }
    .hub-control-block.chroma-sync-block {
      width: 218px;
    }
    .hub-swatch-row {
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: 8px;
    }
    .hub-layout-row {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 8px;
    }
    .hub-swatch,
    .hub-layout-box {
      width: 34px;
      height: 34px;
      border: 1px solid rgba(var(--theme-accent-rgb), 0.22);
      display: grid;
      place-items: center;
      background: rgba(13, 16, 24, 0.72);
      padding: 0;
      color: var(--ink);
      cursor: pointer;
      transition: border-color 120ms ease, transform 120ms ease, box-shadow 120ms ease, background 120ms ease;
    }
    .hub-swatch:hover,
    .hub-layout-box:hover {
      transform: translateY(-1px);
      border-color: rgba(var(--theme-accent-rgb), 0.5);
    }
    .hub-swatch.cyan { background: linear-gradient(135deg, #14ecff, #0ba6bd); }
    .hub-swatch.blue { background: linear-gradient(135deg, #f8fbff, #2563eb); }
    .hub-swatch.orange { background: linear-gradient(135deg, #ff4d00, #823ac9); }
    .hub-swatch.jade { background: linear-gradient(135deg, #5fe8ff, #961636); }
    .hub-swatch.rose { background: linear-gradient(135deg, #ff2b2b, #37ff37); }
    .hub-swatch.teal { background: linear-gradient(135deg, #fff56a, #1a1a1a); }
    .hub-swatch.amber { background: linear-gradient(135deg, #f4f6f8, #d63031); }
    .hub-swatch.violet { background: linear-gradient(135deg, #f1cbff, #7a2cff); }
    .hub-swatch.silver { background: linear-gradient(135deg, #f5f5f5, #1b1b1b); }
    .hub-swatch.fuchsia { background: linear-gradient(135deg, #ffd2ef, #ff4bb8); }
    .hub-swatch.active,
    .hub-layout-box.active {
      border-color: rgba(var(--theme-accent-rgb), 0.82);
      color: var(--cyan-2);
      box-shadow: 0 0 0 1px rgba(var(--theme-accent-rgb), 0.18) inset, 0 0 18px var(--theme-glow);
    }
    .hub-layout-box {
      font-family: "Rajdhani", sans-serif;
      font-size: 18px;
      font-weight: 700;
    }
    .hub-footer-left {
      left: 28px;
      bottom: 24px;
      font-size: 10px;
      line-height: 1.5;
    }
    body.root-hub-route {
      min-height: 100dvh;
      overflow: hidden;
    }
    body.root-hub-route .shell-content {
      display: flex;
      flex: 1 0 auto;
      flex-direction: column;
      padding-bottom: 0;
    }
    html:not(.mobile-shell-enabled) body.root-hub-route .hub-screen {
      min-height: calc(100dvh - 58px);
    }
    html:not(.mobile-shell-enabled) body.root-hub-route .bureau-shell-footer {
      position: static;
      flex: 0 0 auto;
      width: 100%;
      margin: 0;
      padding: 0 0 8px;
      box-sizing: border-box;
    }
    html:not(.mobile-shell-enabled) body.root-hub-route .bureau-shell-footer-inner {
      width: 100%;
      max-width: none;
      margin: 0;
      padding-left: 0;
      padding-right: 0;
      box-sizing: border-box;
    }
    body.root-hub-route .hub-bottom-left,
    body.root-hub-route .hub-bottom-right,
    body.root-hub-route .hub-footer-left {
      display: none !important;
    }
    .hub-bottom-right {
      right: 28px;
      bottom: 24px;
      font-size: 11px;
    }
    @media (max-width: 1050px) {
      body {
        min-height: auto;
        display: block;
      }
      .hub-system-meta {
        display: none;
      }
      .auth-gate-wrap {
        min-height: auto;
        display: block;
        align-items: initial;
        align-content: initial;
      }
      .hub-screen {
        min-height: auto;
      }
      .hero, .section-grid, .source-grid, .sheet-section-grid {
        grid-template-columns: 1fr;
      }
      .shell-content {
        flex: 0 0 auto;
        padding-bottom: 0;
      }
      .bureau-shell-footer {
        position: static;
        margin: 0 auto 8px;
        padding: 0 12px 8px;
      }
      body.root-hub-route .bureau-shell-footer {
        padding: 0 12px 8px;
      }
      .bureau-shell-footer-inner {
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        padding: 10px 14px 12px;
      }
      .bureau-shell-footer-right {
        text-align: left;
      }
      .source-shell {
        grid-template-columns: 1fr;
      }
      .directory-shell,
      .manual-shell,
      .detail-hero,
      .detail-grid,
      .manual-grid,
      .tech-grid {
        grid-template-columns: 1fr;
      }
      .attribute-grid,
      .stat-grid-wide,
      .tech-layout,
      .skill-lines {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      .advancement-grid {
        grid-template-columns: minmax(236px, 248px) repeat(6, minmax(108px, 116px)) minmax(224px, 240px);
      }
      .tech-accordion[open] {
        overflow-x: auto;
      }
      .structured-layout {
        grid-template-columns: 1fr;
      }
      .profile-inline {
        grid-template-columns: minmax(0, 1fr) var(--profile-art-width);
        grid-template-areas:
          "fields art"
          "quote art";
        column-gap: 12px;
        row-gap: 8px;
        justify-items: stretch;
        align-items: start;
      }
      .sheet-record.personal-sheet-record {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px 10px;
      }
      .sheet-record.personal-sheet-record .sheet-record-row {
        gap: 4px;
      }
      .sheet-record.personal-sheet-record .label {
        font-size: 8px;
        letter-spacing: 0.10em;
      }
      .sheet-record.personal-sheet-record .value {
        min-height: 32px;
        padding: 0 8px;
        font-size: 14px;
        line-height: 1.02;
      }
      .sheet-record.personal-sheet-record input.value[data-inline-field-edit] {
        min-height: 32px;
        height: 32px;
        padding: 0 8px;
        font-size: 14px;
      }
      .sheet-record.personal-sheet-record .personal-quote-value,
      .personal-quote-shell .personal-quote-value {
        min-height: 52px;
        padding: 8px 10px;
        font-size: 14px;
        line-height: 1.4;
      }
      .sheet-record.personal-sheet-record textarea.personal-quote-value[data-personal-quote-edit],
      .personal-quote-shell textarea.personal-quote-value[data-personal-quote-edit] {
        min-height: 52px;
        padding: 8px 10px;
        font-size: 14px;
      }
      .profile-inline .detail-art-shell,
      .profile-inline .detail-art,
      .detail-art {
        width: min(100%, 320px);
        min-height: 0;
        margin-inline: auto;
        clip-path: none;
      }
      .profile-inline .detail-art-shell {
        width: 100%;
        max-width: var(--profile-art-width);
        justify-self: end;
        margin-inline: 0;
      }
      .profile-inline .detail-art {
        width: 100%;
        max-width: none;
        margin-inline: 0;
      }
      .unstructured-grid {
        grid-template-columns: 1fr;
      }
      .database-entry {
        grid-template-columns: minmax(0, 1fr) clamp(96px, 22vw, 136px);
        align-items: start;
        gap: 10px 12px;
        padding: 14px 16px;
      }
      .database-entry-left {
        gap: 7px;
      }
      .database-entry-right {
        justify-items: end;
        align-self: start;
      }
      .database-entry-name {
        font-size: clamp(26px, 4.2vw, 32px);
        white-space: normal;
        overflow-wrap: anywhere;
      }
      .database-entry-name-line {
        white-space: normal;
      }
      .database-entry-meta {
        gap: 8px;
      }
      .database-entry-handler {
        font-size: 9px;
        line-height: 1.45;
      }
      .database-entry-portrait {
        width: 100%;
        max-width: 136px;
        height: auto;
        min-height: 0;
        aspect-ratio: 0.78;
      }
      .dossier-header,
      .tech-header-row,
      .ability-card-header {
        align-items: flex-start;
        flex-wrap: wrap;
      }
      .directory-record-grid {
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
      }
      .unstructured-skills-column,
      .unstructured-flow-column,
      .unstructured-bond-column {
        grid-column: auto;
        grid-row: auto;
      }
      .launch-grid {
        grid-template-columns: 1fr;
      }
      .hub-card-row {
        flex-wrap: wrap;
        width: min(760px, 100%);
      }
      .hub-card-row > .hub-card,
      .hub-card-row > .hub-card.disabled,
      .hub-card-row > .hub-card-admin {
        flex: 1 1 calc(50% - 12px);
        max-width: none;
      }
      .hub-card-stack {
        width: min(760px, 100%);
      }
      .hub-admin-shell {
        width: 100%;
      }
      .hub-panel-backdrop {
        backdrop-filter: blur(2px);
      }
      .hub-admin-panel-grid {
        grid-template-columns: 1fr;
      }
      .hub-bottom-left {
        position: static;
        margin-top: 16px;
      }
      .hub-bottom-right,
      .hub-footer-left {
        position: static;
        margin-top: 12px;
      }
      .hub-center {
        min-height: auto;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 24px 0 12px;
      }
    }
    @media (max-width: 720px) {
      html.mobile-shell-enabled.archive-mobile-window-lock,
      body.archive-mobile-window-lock {
        height: 100dvh;
        overflow: hidden;
        overscroll-behavior: none;
      }
      .section-title-row,
      .section-title-row.nowrap {
        flex-wrap: wrap;
        align-items: flex-start;
      }
      .section-title-actions {
        margin-left: 0;
        margin-right: 0;
      }
      .section-title-row .rank-summary-row {
        justify-content: flex-start;
      }
      .tech-name-row {
        align-items: flex-start;
        flex-wrap: wrap;
      }
      .tech-name-main {
        display: block;
        width: 100%;
      }
      .tech-name {
        font-size: 18px;
      }
      .wrap {
        width: calc(100% - 18px);
        margin: 12px auto 0;
      }
      .topbar {
        border-radius: 0;
        padding: 14px;
        align-items: flex-start;
        flex-direction: column;
      }
      .brand {
        width: 100%;
      }
      .brand-copy {
        width: 100%;
      }
      .brand-title {
        font-size: clamp(14px, 4.3vw, 18px);
        line-height: 1.04;
        letter-spacing: 0.04em;
        white-space: normal;
        overflow-wrap: anywhere;
        text-wrap: balance;
      }
      .eyebrow {
        font-size: 10px;
        letter-spacing: 0.13em;
        white-space: normal;
        overflow-wrap: anywhere;
      }
      .top-actions {
        width: 100%;
        justify-content: flex-start;
      }
      .chip,
      .btn {
        max-width: 100%;
      }
      .hero-metrics {
        grid-template-columns: 1fr;
      }
      .directory-meta-strip {
        grid-template-columns: 1fr;
      }
      .directory-list-header {
        grid-template-columns: minmax(0, 1fr);
        align-items: start;
        gap: 12px;
      }
      .directory-list-title {
        width: 100%;
        font-size: clamp(24px, 10vw, 34px);
        letter-spacing: 0.12em;
        line-height: 0.94;
        overflow-wrap: anywhere;
      }
      .directory-list-actions {
        width: 100%;
        justify-content: flex-start;
        margin-left: 0;
        gap: 8px;
      }
      .directory-pagination {
        width: 100%;
        justify-content: flex-end;
        margin-top: 22px;
        padding-top: 14px;
      }
      .directory-record-grid {
        grid-template-columns: 1fr;
      }
      .directory-search-shell {
        max-width: 100%;
      }
      .directory-search-shell.is-open {
        flex: 1 1 100%;
      }
      .directory-search-shell.is-open .directory-search-stage,
      .directory-search-shell.is-open .directory-search-meta {
        width: min(100%, 648px);
      }
      .directory-search-button,
      .directory-list-actions .btn {
        flex: 0 1 auto;
        min-width: 0;
      }
      .manage-mode-float {
        right: 12px;
        left: 12px;
        bottom: 12px;
        width: auto;
        max-width: none;
        padding: 10px 12px;
      }
      .manage-mode-float-copy {
        font-size: 16px;
      }
      .manage-mode-float-subcopy {
        font-size: 11px;
        line-height: 1.45;
      }
      .manage-mode-float-toggle-icon {
        min-width: 24px;
        min-height: 24px;
      }
      .onboard-field-grid,
      .onboard-mini-grid,
      .onboard-boon-grid,
      .onboard-skill-groups,
      .onboard-build-split,
      .onboard-build-progress,
      .onboard-technique-layout,
      .onboard-technique-options-grid {
        grid-template-columns: 1fr;
      }
      .onboard-build-actions-right {
        width: 100%;
        justify-content: flex-end;
      }
      .onboard-field-card.is-wide {
        grid-column: auto;
      }
      .onboard-technique-top,
      .onboard-ability-word-row {
        grid-template-columns: 1fr;
      }
      .onboard-assign-row {
        grid-template-columns: 42px minmax(0, 1fr) auto;
      }
      .onboard-assign-row .attribute-entry-value {
        min-width: 168px;
      }
      .onboard-assign-value-group {
        gap: 8px;
      }
      .onboard-assign-role-shell {
        min-width: 108px;
        max-width: 132px;
      }
      .attribute-split-grid,
      .tech-layout,
      .archive-tech-grid,
      .archive-detail-levels,
      .npc-manual-detail-grid {
        grid-template-columns: 1fr;
      }
      .unstructured-grid.bond-actions-spill .unstructured-bond-column {
        grid-column: auto;
        grid-row: auto;
      }
      .skill-clusters {
        gap: 10px;
      }
      .skill-attribute-content {
        gap: 6px;
        padding: 10px 12px;
      }
      .skill-lines {
        grid-template-columns: minmax(0, 1fr);
        gap: 4px 8px;
        justify-items: stretch;
      }
      .skill-lines.force-single-column {
        grid-template-columns: minmax(0, 1fr);
      }
      .skill-lines {
        justify-items: start;
      }
      .skill-line {
        grid-template-columns: minmax(0, var(--skill-name-column-width, max-content)) minmax(0, 1fr);
        justify-content: start;
        column-gap: 4px;
        width: 100%;
        padding: 4px 0;
        align-items: center;
      }
      .skill-metric-lane {
        padding-left: var(--skill-metric-offset, 6px);
        padding-right: var(--skill-metric-right-pad, 10px);
      }
      .skill-metrics {
        gap: var(--skill-star-gap, 2px);
        font-size: 10px;
      }
      .skill-name {
        font-size: 12px;
        line-height: 1.05;
        letter-spacing: 0.04em;
        white-space: nowrap;
        overflow: visible;
        text-overflow: clip;
      }
      .skill-stars {
        font-size: 14px;
        gap: var(--skill-star-gap, 2px);
      }
      .skill-star-chip,
      .skill-star-empty {
        min-width: 10px;
        font-size: 18px;
      }
      .skill-star-chip {
        transform: scale(1.08);
      }
      .ability-card {
        gap: 6px;
      }
      .ability-card-header {
        gap: 8px;
      }
      .ability-title-shell {
        padding-left: 8px;
      }
      .ability-title {
        font-size: calc(20px * var(--ability-title-scale, 1));
      }
      .ability-rank-cluster {
        gap: 6px;
      }
      .ability-summary-card {
        padding: 10px 12px;
      }
      .ability-summary {
        font-size: 13px;
        line-height: 1.45;
      }
      .structured-mobile-picker {
        display: inline-flex;
      }
      .structured-mobile-text {
        display: none;
      }
      .archive-browser-shell {
        position: relative;
        display: block;
        overflow: hidden;
        height: clamp(440px, calc(100dvh - 144px), 760px);
        max-height: calc(100dvh - 72px);
        min-height: 440px;
        padding-bottom: 54px;
        box-sizing: border-box;
        overscroll-behavior: none;
        touch-action: pan-y;
      }
      .archive-browser-shell > * {
        min-width: 0;
        height: calc(100% - 54px);
      }
      .archive-mobile-track {
        display: flex;
        align-items: stretch;
        gap: 0;
        width: 100%;
        height: calc(100% - 54px);
        will-change: transform;
        transition: transform 560ms cubic-bezier(0.18, 0.84, 0.24, 1);
      }
      .archive-mobile-pane {
        position: relative;
        flex: 0 0 100%;
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        min-height: 100%;
        height: 100%;
        padding: 0 2px;
        opacity: 1;
        filter: none;
        transform: none;
        transition: none;
      }
      .archive-mobile-pane[data-mobile-column-active="true"] {
        pointer-events: auto;
      }
      .archive-mobile-pane[data-mobile-column-active="false"] {
        pointer-events: none;
      }
      .archive-mobile-pane .panel,
      .archive-mobile-pane .panel-inner {
        min-width: 0;
        min-height: 100%;
        height: 100%;
      }
      .archive-mobile-pane .panel-inner {
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
      }
      .archive-mobile-pane > .panel {
        border-color: rgba(var(--theme-accent-rgb), 0.48);
        background:
          linear-gradient(180deg, rgba(var(--theme-accent-rgb), 0.12), rgba(var(--theme-accent-rgb), 0.04)),
          rgba(0, 0, 0, 0.34);
      }
      .archive-mobile-transition-layer {
        position: absolute;
        inset: 0;
        z-index: 10;
        pointer-events: none;
        overflow: hidden;
      }
      .archive-mobile-transition-clone {
        position: absolute;
        inset: 0;
        z-index: 1;
        pointer-events: none;
        will-change: transform;
      }
      .archive-mobile-transition-clone[data-transition-direction="next"] {
        animation: archive-mobile-transition-clone-next 560ms cubic-bezier(0.18, 0.84, 0.24, 1) both;
      }
      .archive-mobile-transition-clone[data-transition-direction="previous"] {
        animation: archive-mobile-transition-clone-previous 560ms cubic-bezier(0.18, 0.84, 0.24, 1) both;
      }
      @keyframes archive-mobile-transition-clone-next {
        from {
          transform: translate3d(0, 0, 0);
        }
        to {
          transform: translate3d(-100%, 0, 0);
        }
      }
      @keyframes archive-mobile-transition-clone-previous {
        from {
          transform: translate3d(0, 0, 0);
        }
        to {
          transform: translate3d(100%, 0, 0);
        }
      }
      .archive-browser-shell[data-mobile-dragging="true"] .archive-mobile-track {
        transition: none;
      }
      .archive-browser-shell[data-mobile-dragging="true"] .archive-mobile-pane {
        transition: none;
      }
      .archive-mobile-carousel-overlay {
        display: block;
        position: absolute;
        inset: 0;
        z-index: 12;
        pointer-events: none;
      }
      .archive-mobile-carousel-swipezone {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 22px;
        border: 0;
        padding: 0;
        margin: 0;
        background: transparent;
        opacity: 0;
        pointer-events: auto;
        touch-action: manipulation;
      }
      .archive-mobile-carousel-swipezone[data-mobile-carousel-swipezone="left"] {
        left: 0;
      }
      .archive-mobile-carousel-swipezone[data-mobile-carousel-swipezone="right"] {
        right: 0;
      }
      .archive-mobile-carousel-hint {
        position: absolute;
        bottom: 8px;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        min-width: 0;
        max-width: min(34vw, 150px);
        min-height: 32px;
        padding: 6px 8px;
        background:
          linear-gradient(180deg, rgba(var(--theme-accent-rgb), 0.20), rgba(var(--theme-accent-rgb), 0.08)),
          rgba(0, 0, 0, 0.46);
        border: 1px solid rgba(var(--theme-accent-rgb), 0.42);
        box-shadow:
          inset 0 0 0 1px rgba(255,255,255,0.04),
          0 0 18px rgba(var(--theme-accent-rgb), 0.12);
        color: var(--theme-heading);
        opacity: 0;
        transform: translate3d(0, 8px, 0) scale(0.96);
        transition: opacity 180ms ease, transform 220ms cubic-bezier(0.2, 0.84, 0.22, 1);
        pointer-events: auto;
        cursor: pointer;
        touch-action: manipulation;
      }
      .archive-mobile-carousel-hint[data-has-target="true"] {
        opacity: 0.84;
        transform: translate3d(0, 0, 0) scale(1);
      }
      .archive-browser-shell[data-mobile-dragging="true"] .archive-mobile-carousel-hint[data-has-target="true"] {
        opacity: 0.92;
      }
      .archive-browser-shell[data-mobile-drag-direction="previous"] .archive-mobile-carousel-hint[data-mobile-carousel-hint="left"][data-has-target="true"],
      .archive-browser-shell[data-mobile-drag-direction="next"] .archive-mobile-carousel-hint[data-mobile-carousel-hint="right"][data-has-target="true"] {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1.03);
      }
      .archive-browser-shell[data-mobile-drag-ready="true"][data-mobile-drag-direction="previous"] .archive-mobile-carousel-hint[data-mobile-carousel-hint="left"][data-has-target="true"],
      .archive-browser-shell[data-mobile-drag-ready="true"][data-mobile-drag-direction="next"] .archive-mobile-carousel-hint[data-mobile-carousel-hint="right"][data-has-target="true"] {
        box-shadow:
          inset 0 0 0 1px rgba(255,255,255,0.06),
          0 0 24px rgba(var(--theme-accent-rgb), 0.18);
        transform: translate3d(0, 0, 0) scale(1.06);
      }
      .archive-mobile-carousel-hint[data-mobile-carousel-hint="left"] {
        left: 8px;
      }
      .archive-mobile-carousel-hint[data-mobile-carousel-hint="right"] {
        right: 8px;
        justify-content: flex-end;
        text-align: right;
      }
      .archive-mobile-carousel-arrow {
        font-family: "Rajdhani", sans-serif;
        font-size: 18px;
        font-weight: 800;
        line-height: 1;
        flex: 0 0 auto;
      }
      .archive-mobile-carousel-label {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-family: "Rajdhani", sans-serif;
        font-size: 11px;
        font-weight: 700;
        line-height: 1;
        letter-spacing: 0.12em;
        text-transform: uppercase;
      }
      .archive-mobile-carousel-dots {
        position: absolute;
        left: 50%;
        bottom: 17px;
        display: inline-flex;
        align-items: center;
        gap: 6px;
        transform: translateX(-50%);
        pointer-events: auto;
      }
      .archive-mobile-carousel-dot {
        width: 9px;
        height: 9px;
        border-radius: 999px;
        border: 1px solid rgba(var(--theme-accent-rgb), 0.48);
        background: rgba(0, 0, 0, 0.42);
        box-shadow: inset 0 0 0 1px rgba(255,255,255,0.03);
        cursor: pointer;
        touch-action: manipulation;
      }
      .archive-mobile-carousel-dot[aria-current="true"] {
        background: rgba(var(--theme-accent-rgb), 0.82);
        box-shadow: 0 0 12px rgba(var(--theme-accent-rgb), 0.22);
      }
      .archive-tech-groups {
        gap: 10px;
      }
      .archive-tech-group {
        gap: 8px;
      }
      .archive-tech-group-header {
        gap: 8px;
        align-items: center;
      }
      .archive-tech-group-label {
        font-size: 12px;
        letter-spacing: 0.14em;
      }
      .archive-tech-group-toggle {
        min-width: 78px;
        padding: 5px 8px;
        font-size: 9px;
      }
      .technique-archive-browser-shell .archive-tech-grid {
        display: grid;
        column-count: auto;
        column-gap: 0;
        grid-template-columns: minmax(0, 1fr);
        gap: 8px;
      }
      .technique-archive-browser-shell .archive-tech-button {
        display: grid;
        margin: 0;
        break-inside: auto;
        page-break-inside: auto;
        -webkit-column-break-inside: auto;
        gap: 6px;
        padding: 11px 12px;
      }
      .technique-archive-browser-shell .archive-tech-button-name {
        font-size: 17px;
        line-height: 0.92;
      }
      .technique-archive-browser-shell .archive-tech-button-meta {
        gap: 6px;
      }
      .technique-archive-browser-shell .archive-tech-button-copy {
        font-size: 10px;
        line-height: 1.35;
      }
      .technique-archive-browser-shell .archive-detail-shell {
        gap: 10px;
      }
      .technique-archive-browser-shell .archive-detail-header {
        gap: 8px;
      }
      .technique-archive-browser-shell .archive-detail-title {
        font-size: clamp(24px, 7.2vw, 32px);
        line-height: 0.9;
      }
      .technique-archive-browser-shell .archive-detail-meta {
        gap: 6px;
      }
      .technique-archive-browser-shell .archive-detail-levels {
        gap: 8px;
      }
      .technique-archive-browser-shell .archive-level-card {
        padding: 10px 11px;
        gap: 5px;
      }
      .technique-archive-browser-shell .archive-level-kicker {
        font-size: 10px;
        letter-spacing: 0.14em;
        line-height: 1;
      }
      .technique-archive-browser-shell .archive-level-name {
        font-size: 16px;
        line-height: 0.98;
      }
      .technique-archive-browser-shell .archive-level-card .manual-prose {
        margin: 0;
        font-size: 12px;
        line-height: 1.38;
        white-space: pre-wrap;
        overflow-wrap: anywhere;
        word-break: break-word;
      }
      .archive-browser-detail {
        grid-column: auto;
      }
      .npc-journal-browser-shell {
        display: flex;
      }
      .npc-manual-shell {
        display: flex;
      }
      .journal-workspace,
      .journal-pages {
        grid-template-columns: 1fr;
      }
      .advancement-grid {
        grid-template-columns: minmax(236px, 248px) repeat(6, minmax(108px, 116px)) minmax(278px, 312px);
      }
      .tech-accordion[open] {
        display: flex;
        flex-direction: column;
        overflow-x: visible;
      }
      .tech-accordion[open] summary {
        border-bottom: 1px solid var(--border-2);
        border-right: none;
        flex-basis: auto;
      }
      .tech-accordion[open] .tech-level-block {
        flex-basis: auto;
        border-left: none;
      }
      .onboard-intro-grid,
      .onboard-step-grid {
        grid-template-columns: 1fr;
      }
      .rank-summary-row {
        grid-template-columns: 1fr;
      }
      .character-rank-header {
        display: grid;
        grid-template-columns: 1fr;
        align-items: start;
        gap: 8px;
      }
      .character-rank-header .character-rank-title-cluster,
      .character-rank-header .section-title-inline-group {
        justify-self: start;
        width: auto;
        max-width: 100%;
      }
      .character-rank-header .character-rank-title-cluster {
        width: 100%;
      }
      .character-rank-header .section-title-inline-group {
        display: inline-flex;
        align-items: center;
        justify-content: flex-start;
        gap: 6px;
        flex-wrap: nowrap;
      }
      .character-rank-header .section-title-inline-tools {
        gap: 6px;
      }
      .character-rank-header .section-title-actions {
        margin-left: 0;
        margin-right: 0;
        grid-column: 2;
        grid-row: 1;
        justify-self: end;
        align-self: center;
      }
      .character-rank-header .rank-summary-row {
        grid-column: 1 / -1;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
        gap: 8px;
      }
      .section-title-row-status {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas:
          "title edit"
          "status edit"
          "pills pills";
        align-items: start;
        column-gap: 8px;
        row-gap: 8px;
      }
      .section-title-row-status .section-title-cluster {
        display: contents;
      }
      .section-title-row-status .section-title-cluster > .section-title {
        grid-area: title;
        min-width: 0;
      }
      .section-title-row-status .section-title-cluster > .status-effect-pill-row {
        grid-area: pills;
        width: 100%;
      }
      .section-title-row-status .section-title-actions {
        display: contents;
      }
      .section-title-row-status .section-title-inline-group {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        min-width: 0;
        max-width: 100%;
      }
      .section-title-row-status .section-title-actions > .status-manager-trigger {
        grid-area: status;
        justify-self: start;
        align-self: start;
      }
      .section-title-row-status .section-title-actions > .section-edit-trigger {
        grid-area: edit;
        justify-self: end;
        align-self: start;
      }
      .tech-header-row {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        align-items: start;
        gap: 10px;
      }
      .tech-title-cluster {
        width: 100%;
      }
      .tech-title-cluster .section-title-row,
      .tech-title-cluster .section-title-row.nowrap {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: start;
        column-gap: 8px;
        row-gap: 8px;
        width: 100%;
      }
      .tech-title-cluster .section-title-inline-group {
        display: flex;
        align-items: flex-start;
        gap: 8px;
        width: 100%;
        min-width: 0;
      }
      .tech-title-cluster .section-title-inline-group .section-title {
        flex: 1 1 auto;
        min-width: 0;
      }
      .tech-title-cluster .section-title-inline-tools {
        margin-left: auto;
        flex: 0 0 auto;
      }
      .tech-title-cluster .section-title-actions {
        margin-left: 0;
        margin-right: 0;
        justify-self: end;
        align-self: start;
        flex-wrap: nowrap;
      }
      .tech-summary-row {
        width: 100%;
        justify-items: start;
        text-align: left;
      }
      .tech-summary-row .rank-summary-row {
        justify-content: flex-start;
        margin-left: 0;
      }
      .basic-action-group,
      .basic-action-group-sidebar,
      .basic-action-group-body {
        align-self: stretch;
      }
      .basic-action-group-sidebar {
        min-height: 100%;
        height: 100%;
      }
      .hub-screen {
        width: min(100vw - 12px, 100vw);
        margin: 12px auto 0;
        padding: 14px 14px 24px;
      }
      .bureau-shell-footer {
        display: none;
      }
      .hub-card,
      .hub-card.disabled {
        min-height: 176px;
        padding: 18px 14px;
      }
      .hub-card-admin {
        min-height: 132px;
        width: 100%;
      }
      .hub-popout-layer {
        width: 100vw;
      }
      .hub-admin-panel {
        position: fixed;
        top: 50%;
        left: 50%;
        --hub-panel-open-transform: translate(-50%, -50%);
        --hub-panel-closed-transform: translate(-50%, calc(-50% - 18px));
        transform: var(--hub-panel-closed-transform);
        width: min(100vw - 20px, 448px);
        max-height: min(88vh, calc(100dvh - 20px));
        padding: 14px;
      }
      .onboard-build-actions {
        flex-direction: column;
        align-items: stretch;
      }
      .onboard-build-actions-left,
      .onboard-build-actions-right {
        width: 100%;
      }
      .onboard-build-footer-meta {
        white-space: normal;
      }
      .hub-auth-panel-actions {
        flex-direction: column;
        align-items: stretch;
      }
      .hub-topline {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        align-items: center;
        gap: 10px;
      }
      body.root-hub-route .hub-userbar {
        display: grid;
        grid-template-columns: auto auto auto;
        align-items: center;
        justify-content: end;
        column-gap: 8px;
        row-gap: 8px;
      }
      body.root-hub-route .hub-user-meta {
        min-width: 0;
        flex: 0 0 auto;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 34px;
        grid-column: 1;
      }
      body.root-hub-route .hub-user-meta span {
        display: none;
      }
      body.root-hub-route .hub-user-actions {
        display: contents;
      }
      body.root-hub-route .hub-user-actions > .hub-logout {
        grid-column: 3;
        min-height: 40px;
      }
      body.root-hub-route .hub-user-actions > .my-characters-trigger {
        grid-column: 2;
        min-height: 40px;
      }
      body.root-hub-route .hub-user-actions > .btn,
      body.root-hub-route .hub-user-actions > .header-icon-btn,
      body.root-hub-route .hub-user-actions > .hub-nav-button,
      body.root-hub-route .hub-user-actions > .hub-logout {
        flex: 0 0 auto;
      }
      .network-page-header .hub-userbar {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
      }
      .network-page-header .hub-user-meta {
        min-width: 0;
        flex: 1 1 auto;
      }
      .network-page-header .hub-user-meta span {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
      .network-page-header .top-actions {
        width: auto;
        margin-left: auto;
        justify-content: flex-end;
        flex-wrap: wrap;
        gap: 8px;
      }
      .network-page-header .top-actions > .btn,
      .network-page-header .top-actions > .header-icon-btn,
      .network-page-header .top-actions > .hub-nav-button,
      .network-page-header .top-actions > .hub-logout {
        flex: 0 0 auto;
      }
      .network-page-header {
        margin-bottom: 24px;
      }
      .hub-system-meta {
        text-align: left;
      }
      .hub-card-row {
        flex-direction: column;
        flex-wrap: nowrap;
      }
      .hub-card-row > .hub-card,
      .hub-card-row > .hub-card.disabled,
      .hub-card-row > .hub-card-admin {
        flex: 1 1 auto;
        max-width: none;
        width: 100%;
      }
      .hub-card-stack {
        width: 100%;
      }
      .database-entry {
        grid-template-columns: minmax(0, 1fr) clamp(84px, 30vw, 112px);
        gap: 10px;
        padding: 13px 14px;
      }
      .database-entry-right {
        justify-items: end;
      }
      .database-entry-name {
        font-size: clamp(22px, 6vw, 28px);
        line-height: 0.98;
      }
      .database-entry-pill-stack {
        gap: 6px;
      }
      .database-entry-pill-row {
        gap: 6px;
      }
      .database-entry-meta-top {
        gap: 8px;
      }
      .database-entry-tier,
      .database-entry-code {
        font-size: 10px;
        letter-spacing: 0.12em;
      }
      .database-entry-portrait {
        width: 100%;
        max-width: 112px;
        padding: 4px;
      }
      .detail-art-shell,
      .detail-art,
      .profile-inline .detail-art {
        width: min(100%, 220px);
        aspect-ratio: 0.82;
        object-fit: contain;
      }
      .profile-inline {
        grid-template-columns: minmax(0, 1fr) clamp(150px, 34vw, 180px);
        grid-template-areas:
          "fields art"
          "quote quote";
        column-gap: 10px;
        row-gap: 8px;
      }
      .sheet-record.personal-sheet-record {
        grid-template-columns: minmax(0, 1fr);
        gap: 8px;
      }
      .sheet-record.personal-sheet-record .sheet-record-row {
        gap: 4px;
      }
      .sheet-record.personal-sheet-record .label {
        font-size: 8px;
        letter-spacing: 0.10em;
      }
      .sheet-record.personal-sheet-record .value {
        min-height: 32px;
        padding: 0 8px;
        font-size: 14px;
        line-height: 1.02;
      }
      .sheet-record.personal-sheet-record input.value[data-inline-field-edit] {
        min-height: 32px;
        height: 32px;
        padding: 0 8px;
        font-size: 14px;
      }
      .sheet-record.personal-sheet-record .personal-quote-value,
      .personal-quote-shell .personal-quote-value {
        min-height: 52px;
        padding: 8px 10px;
        font-size: 14px;
        line-height: 1.4;
      }
      .sheet-record.personal-sheet-record textarea.personal-quote-value[data-personal-quote-edit],
      .personal-quote-shell textarea.personal-quote-value[data-personal-quote-edit] {
        min-height: 52px;
        padding: 8px 10px;
        font-size: 14px;
      }
      .profile-inline .detail-art-shell {
        width: 100%;
        max-width: 180px;
        margin-inline: 0;
      }
      .profile-inline .detail-art {
        width: 100%;
        max-width: none;
        margin-inline: 0;
      }
      .manual-prose {
        font-size: 14px;
        line-height: 1.7;
      }
    .status-effect-pill-list {
      width: 100%;
    }
    .rank-summary-row {
      width: 100%;
    }
    }
    @media (max-width: 560px) {
      .wrap {
        width: 100%;
        margin: 0;
        padding: 10px 6px 20px;
      }
      .panel-inner {
        padding: 14px;
      }
      .detail-header-shell {
        padding-top: 0;
      }
      .dossier-header {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
      }
      .dossier-header-main,
      .dossier-header > :last-child {
        width: 100%;
        min-width: 0;
      }
      .dossier-header > :last-child {
        display: flex !important;
        gap: 8px !important;
        flex-wrap: wrap !important;
        align-items: stretch !important;
      }
      .dossier-header > :last-child .btn {
        flex: 1 1 calc(50% - 4px);
        min-width: 0;
        min-height: 36px;
        padding: 0 10px;
        font-size: 11px;
        letter-spacing: 0.08em;
      }
      .source-headline {
        font-size: clamp(28px, 10vw, 40px);
        line-height: 0.92;
        letter-spacing: 0.04em;
        white-space: normal;
        overflow-wrap: anywhere;
        text-wrap: balance;
      }
      .character-name-row {
        gap: 8px;
        align-items: baseline;
      }
      .character-tier-inline {
        margin-bottom: 0;
        font-size: clamp(14px, 4.6vw, 20px);
      }
      .dossier-meta-strip {
        gap: 6px;
      }
      .dossier-meta-pill {
        gap: 4px;
        min-height: 26px;
        max-width: 100%;
        padding: 0 9px;
        font-size: 10px;
      }
      .profile-inline {
        grid-template-columns: minmax(0, 1fr) clamp(116px, 33vw, 148px);
        grid-template-areas:
          "fields art"
          "quote quote";
        column-gap: 10px;
        row-gap: 8px;
      }
      .profile-inline .detail-art-shell {
        justify-self: end;
        width: 100%;
        max-width: 148px;
      }
      .profile-inline .detail-art {
        width: 100%;
      }
      .agent-modules-shell .tab-strip {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 6px;
      }
      .mobile-tab-fab,
      .mobile-tab-drawer,
      .mobile-tab-backdrop {
        display: block;
      }
      .agent-modules-shell .tab-button {
        width: 100%;
        min-height: 36px;
        padding: 0 10px;
        font-size: 12px;
        letter-spacing: 0.06em;
      }
      .skill-clusters {
        gap: 8px;
      }
      .skill-attribute-content {
        padding: 8px 10px;
      }
      html:not(.mobile-shell-enabled) .archive-browser-shell {
        position: relative;
        display: grid;
        overflow: visible;
        height: auto;
        max-height: none;
        min-height: 0;
        touch-action: auto;
      }
      html:not(.mobile-shell-enabled) .technique-archive-browser-shell {
        grid-template-columns: minmax(212px, 252px) minmax(340px, 420px) minmax(0, 1fr);
      }
      html:not(.mobile-shell-enabled) .glossary-browser-shell.technique-archive-browser-shell {
        z-index: 2600;
        display: block;
        overflow: visible;
        height: var(--glossary-shell-height, calc(100dvh - 240px));
        max-height: var(--glossary-shell-height, calc(100dvh - 240px));
        min-height: 320px;
        padding: 0;
        isolation: isolate;
      }
      html:not(.mobile-shell-enabled) .npc-journal-browser-shell {
        display: grid;
        grid-template-columns: minmax(176px, 210px) minmax(240px, 280px) minmax(0, 1fr);
      }
      html:not(.mobile-shell-enabled) .glossary-browser-shell.npc-journal-browser-shell {
        z-index: 2600;
        display: block;
        overflow: visible;
        height: var(--glossary-shell-height, calc(100dvh - 240px));
        max-height: var(--glossary-shell-height, calc(100dvh - 240px));
        min-height: 320px;
        padding: 0;
        isolation: isolate;
      }
      html:not(.mobile-shell-enabled) .glossary-browser-shell > script {
        display: none;
      }
      html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-role] {
        position: absolute;
        top: var(--glossary-window-top, 0px);
        left: var(--glossary-window-left, 0px);
        width: var(--glossary-window-width, calc(100% - var(--glossary-window-left, 0px)));
        max-width: calc(100% - var(--glossary-window-left, 0px));
        height: var(--glossary-window-height, calc(100% - var(--glossary-window-top, 0px)));
        max-height: calc(100% - var(--glossary-window-top, 0px));
        min-height: 180px;
        min-width: 0;
        margin-left: 0;
        overflow: hidden;
        cursor: pointer;
        opacity: 1;
        visibility: visible;
        transform: translate3d(0, 0, 0);
        display: flex;
        flex-direction: column;
        transition: box-shadow 220ms ease, filter 220ms ease, opacity 280ms ease, transform 280ms cubic-bezier(0.22, 1, 0.36, 1);
        will-change: opacity, transform, filter;
      }
      html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-role][hidden] {
        display: none !important;
      }
      html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-role].is-glossary-window-hidden {
        opacity: 0;
        visibility: hidden;
        transform: translate3d(14px, 6px, 0);
        pointer-events: none;
      }
      html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-role]:not(.is-glossary-window-front) {
        filter: brightness(0.76) saturate(0.88);
      }
      html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-role]:not(.is-glossary-window-front):hover {
        filter: none !important;
      }
      html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-role].is-glossary-window-hovered {
        filter: none !important;
      }
      html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-role].is-glossary-window-front {
        filter: none;
      }
      html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-role].panel,
      html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-role] > .panel {
        position: relative;
        height: 100%;
        max-height: 100%;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        min-height: 0;
        border-radius: 0;
        box-shadow: 0 16px 26px rgba(0, 0, 0, 0.24);
      }
      html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-role]::before {
        display: none;
      }
      html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-role] .panel-inner {
        padding-top: 0;
        height: 100%;
        max-height: 100%;
        min-height: 0;
        box-sizing: border-box;
        display: flex;
        flex: 1 1 auto;
        flex-direction: column;
        overflow-x: hidden;
        overflow-y: auto;
        scrollbar-gutter: stable both-edges;
        overscroll-behavior: contain;
      }
      html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-role] > .archive-browser-detail {
        position: relative;
        height: 100%;
        max-height: 100%;
        min-height: 0;
        display: flex;
        flex: 1 1 auto;
        flex-direction: column;
        overflow: hidden;
        overscroll-behavior: contain;
      }
      html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-role] > .archive-browser-detail > .panel {
        min-height: 0;
        height: 100%;
        max-height: 100%;
        display: flex;
        flex: 1 1 auto;
        flex-direction: column;
      }
      html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-role] > .archive-browser-detail > .panel > .panel-inner {
        max-height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 18px;
      }
      html.glossary-desktop-window-lock,
      body.glossary-desktop-window-lock {
        height: 100dvh;
        max-height: 100dvh;
        overflow: hidden !important;
        overscroll-behavior: none;
      }
      html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-role="rail"],
      html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-style="navigation"] {
        width: 340px;
        min-width: 340px;
        max-width: 340px;
      }
      html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-style="index"] {
        min-width: 420px;
      }
      html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-view="npc-info"][data-glossary-window-role="index"] {
        min-width: 320px;
        max-width: 320px;
      }
      html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-npc-manual-index-window] {
        min-width: 400px;
        max-width: min(560px, calc(100% - var(--glossary-window-left, 0px)));
      }
      html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-style="entry"] {
        min-width: 460px;
      }
      html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-style="navigation"] > .panel-inner,
      html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-style="navigation"] > .panel > .panel-inner {
        padding: 12px !important;
        gap: 10px !important;
      }
      html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-style="index"] > .panel-inner,
      html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-style="index"] > .panel > .panel-inner,
      html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-style="index"] > .archive-browser-detail > .panel > .panel-inner {
        padding: 12px !important;
        gap: 10px !important;
      }
      html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-style="entry"] > .panel-inner,
      html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-style="entry"] > .panel > .panel-inner,
      html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-style="entry"] > .archive-browser-detail > .panel > .panel-inner {
        padding: 12px !important;
        gap: 10px !important;
      }
      html:not(.mobile-shell-enabled) .glossary-window-close-trigger {
        width: 44px !important;
        max-width: 44px !important;
        height: 44px !important;
        max-height: 44px !important;
        min-width: 44px !important;
        min-height: 44px !important;
        flex: 0 0 44px !important;
        font-size: 30px !important;
      }
      html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-window-chrome-actions > .archive-column-create-trigger {
        width: 44px !important;
        max-width: 44px !important;
        height: 44px !important;
        max-height: 44px !important;
        min-width: 44px !important;
        min-height: 44px !important;
        flex: 0 0 44px !important;
        font-size: 30px !important;
        line-height: 1 !important;
      }
    html:not(.mobile-shell-enabled) .glossary-window-resize-trigger {
      position: absolute;
      right: 8px;
      bottom: 8px;
      z-index: 12;
      width: 22px;
      height: 22px;
      cursor: nwse-resize;
      border: 0;
      background:
        linear-gradient(135deg,
          transparent 0 58%,
          rgba(255,255,255,0.72) 58% 61%,
          transparent 61% 68%,
          rgba(255,255,255,0.72) 68% 71%,
          transparent 71% 78%,
          rgba(255,255,255,0.72) 78% 81%,
          transparent 81% 100%);
      opacity: 0.96;
    }
    html:not(.mobile-shell-enabled) .glossary-window-resize-trigger::before {
      content: none;
    }
      html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-tech-groups,
      html:not(.mobile-shell-enabled) .glossary-browser-shell .npc-manual-entry-groups {
        display: flex;
        flex-direction: column;
        gap: 12px;
        min-height: 0;
      }
      html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-archetype-list,
      html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-tech-grid {
        gap: 12px;
        min-height: 0;
      }
      html:not(.mobile-shell-enabled) .glossary-browser-shell.technique-archive-browser-shell [data-technique-archive-groups] .archive-tech-grid {
        display: grid;
        grid-template-columns: repeat(var(--archive-technique-masonry-columns, 2), minmax(0, 1fr));
        gap: 12px;
        min-width: 0;
      }
      html:not(.mobile-shell-enabled) .glossary-browser-shell.technique-archive-browser-shell .archive-tech-masonry-column {
        display: grid;
        gap: 12px;
        align-content: start;
        min-width: 0;
      }
      html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-tech-button,
      html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-archetype-button {
        padding: 12px 14px;
        border: 1px solid rgba(var(--theme-accent-rgb), 0.34) !important;
        border-radius: 0 !important;
        background: var(--theme-panel-soft) !important;
        box-shadow: none !important;
        transform: none !important;
        color: var(--muted) !important;
        font-family: "Share Tech Mono", monospace !important;
        text-transform: uppercase;
        letter-spacing: 0.14em;
      }
      html:not(.mobile-shell-enabled) .glossary-browser-shell.technique-archive-browser-shell .archive-tech-button {
        display: inline-flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        gap: 10px;
        padding: 14px 14px 12px !important;
        width: 100%;
        min-height: 0;
        margin: 0;
      }
      html:not(.mobile-shell-enabled) .glossary-browser-shell.technique-archive-browser-shell .archive-tech-button-title-row {
        gap: 6px;
        margin-bottom: 0;
      }
      html:not(.mobile-shell-enabled) .glossary-browser-shell.technique-archive-browser-shell .archive-tech-button-name {
        font-size: 16px !important;
        line-height: 1.08 !important;
        letter-spacing: 0.04em !important;
        text-wrap: balance;
      }
      html:not(.mobile-shell-enabled) .glossary-browser-shell.technique-archive-browser-shell .archive-tech-button-meta {
        display: block;
        margin-top: 1px;
        gap: 0 !important;
        line-height: 1.35;
      }
      html:not(.mobile-shell-enabled) .glossary-browser-shell.technique-archive-browser-shell .archive-tech-button-meta .tech-keywords {
        display: block;
        font-size: 11px !important;
        line-height: 1.35 !important;
        white-space: normal !important;
      }
      html:not(.mobile-shell-enabled) .glossary-browser-shell.technique-archive-browser-shell .archive-tech-button {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        width: 100%;
        margin: 0;
      }
      html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-tech-button:hover,
      html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-archetype-button:hover,
      html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-tech-button:focus-visible,
      html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-archetype-button:focus-visible,
      html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-tech-button.active,
      html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-archetype-button.active {
        border-color: rgba(var(--theme-accent-rgb), 0.7) !important;
        background: var(--theme-panel-soft) !important;
        box-shadow: none !important;
        transform: none !important;
        color: rgb(var(--theme-accent-rgb)) !important;
        outline: none !important;
      }
      html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-tech-button[data-archive-accent-label],
      html:not(.mobile-shell-enabled) .glossary-browser-shell .technique-archetype-pill[data-archive-accent-label] {
        border-color: hsl(var(--archive-accent-h, 190) var(--archive-accent-s, 72%) var(--archive-accent-l, 56%) / 0.34) !important;
        background: linear-gradient(180deg, hsl(var(--archive-accent-h, 190) var(--archive-accent-s, 72%) var(--archive-accent-l, 56%) / 0.2), rgba(255,255,255,0.03)) !important;
        box-shadow: inset 0 0 18px hsl(var(--archive-accent-h, 190) var(--archive-accent-s, 72%) var(--archive-accent-l, 56%) / 0.08) !important;
        color: var(--ink) !important;
      }
      html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-tech-button.active[data-archive-accent-label],
      html:not(.mobile-shell-enabled) .glossary-browser-shell .technique-archetype-pill.active[data-archive-accent-label] {
        border-color: hsl(var(--archive-accent-h, 190) var(--archive-accent-s, 72%) calc(var(--archive-accent-l, 56%) + 8%) / 0.7) !important;
        background: linear-gradient(180deg, hsl(var(--archive-accent-h, 190) var(--archive-accent-s, 72%) calc(var(--archive-accent-l, 56%) + 6%) / 0.28), rgba(255,255,255,0.06)) !important;
        box-shadow: inset 0 0 26px hsl(var(--archive-accent-h, 190) var(--archive-accent-s, 72%) calc(var(--archive-accent-l, 56%) + 6%) / 0.16) !important;
        color: var(--ink) !important;
      }
      html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-search-field {
        min-height: 36px;
        margin: 0 0 6px;
        padding: 8px 10px;
        border: 1px solid rgba(var(--theme-accent-rgb), 0.34) !important;
        border-radius: 0 !important;
        background: rgba(5, 10, 18, 0.84) !important;
        color: var(--ink) !important;
        font-family: "Share Tech Mono", monospace !important;
        font-size: 12px !important;
        font-weight: 400 !important;
        letter-spacing: 0.08em !important;
        line-height: 1.2 !important;
        text-transform: uppercase;
        box-shadow: inset 0 0 0 1px rgba(255,255,255,0.02);
        caret-color: rgb(var(--theme-accent-rgb));
      }
      html:not(.mobile-shell-enabled) .glossary-browser-shell .technique-archive-search-pills {
        margin: 0 0 8px;
      }
      html:not(.mobile-shell-enabled) .glossary-browser-shell .technique-archive-search-pills[hidden] {
        display: none !important;
        margin: 0 !important;
      }
      html:not(.mobile-shell-enabled) .glossary-browser-shell .technique-filter-row {
        margin-bottom: 10px;
      }
      html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-search-field::placeholder {
        color: var(--muted) !important;
        letter-spacing: 0.08em !important;
        text-transform: uppercase;
        opacity: 1;
      }
      html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-search-field:focus {
        border-color: rgba(var(--theme-accent-rgb), 0.72) !important;
        background: rgba(5, 10, 18, 0.92) !important;
        box-shadow: inset 0 0 0 1px rgba(var(--theme-accent-rgb), 0.12);
        color: rgb(var(--theme-accent-rgb)) !important;
      }
      html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-tech-button-name,
      html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-archetype-name,
      html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-detail-title,
      html:not(.mobile-shell-enabled) .glossary-browser-shell .detail-title,
      html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-level-name {
        font-family: "Rajdhani", sans-serif !important;
        letter-spacing: 0.05em !important;
        text-transform: uppercase !important;
        color: var(--ink) !important;
      }
      html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-tech-button-meta,
      html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-tech-button-copy,
      html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-detail-levels .manual-prose,
      html:not(.mobile-shell-enabled) .glossary-browser-shell .npc-record-section-copy,
      html:not(.mobile-shell-enabled) .glossary-browser-shell .tech-keywords {
        font-family: "Helvetica Neue", Arial, sans-serif !important;
        font-size: 12px !important;
        font-weight: 400 !important;
        letter-spacing: normal !important;
        line-height: 1.55 !important;
        text-transform: none !important;
        color: var(--muted) !important;
      }
      html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-detail-levels .manual-prose,
      html:not(.mobile-shell-enabled) .glossary-browser-shell .npc-record-section-copy {
        color: var(--ink) !important;
      }
      html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-style="index"] .archive-tech-button-name,
      html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-style="index"] .archive-archetype-name,
      html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-style="index"] .archive-tech-button-copy,
      html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-style="index"] .npc-record-section-title {
        overflow-wrap: normal !important;
        word-break: normal !important;
        white-space: normal !important;
        hyphens: manual !important;
        text-wrap: pretty;
      }
      html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-detail-shell {
        min-height: 0;
      }
      html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-minimized="true"] {
        min-width: 0 !important;
        max-width: none !important;
        min-height: 44px;
        height: 44px;
        max-height: 44px;
      }
      html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-minimized="true"].panel,
      html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-minimized="true"] > .panel {
        min-height: 44px;
        height: 100%;
        max-height: 44px;
      }
      html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-minimized="true"] .archive-detail-shell {
        gap: 0;
      }
      html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-minimized="true"] .archive-detail-header {
        gap: 0;
      }
      html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-minimized="true"] .archive-detail-title,
      html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-minimized="true"] .archive-detail-meta,
      html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-minimized="true"] .archive-detail-levels {
        display: none !important;
      }
      html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-minimized="true"] .panel-inner {
        overflow: hidden !important;
      }
      html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-minimized="true"] .glossary-window-resize-trigger {
        display: none !important;
      }
      html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-minimized="true"] .archive-detail-header-topline,
      html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-minimized="true"] .archive-column-header-row,
      html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-minimized="true"] .archive-window-chrome-row {
        min-height: 24px;
        padding-top: 2px;
        padding-bottom: 2px;
        width: 100%;
        margin: 0;
        background: transparent !important;
        box-shadow: none !important;
        border-bottom: 0 !important;
      }
      html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-minimized="true"] .glossary-window-control-trigger,
      html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-minimized="true"] .glossary-window-close-trigger,
      html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-minimized="true"] .archive-window-chrome-actions > .glossary-window-control-trigger,
      html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-minimized="true"] .archive-window-chrome-actions > .glossary-window-close-trigger {
        width: 18px !important;
        max-width: 18px !important;
        height: 18px !important;
        max-height: 18px !important;
        min-width: 18px !important;
        min-height: 18px !important;
        flex: 0 0 18px !important;
        font-size: 18px !important;
      }
      html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-minimized="true"] .archive-column-header-route::before {
        content: none;
      }
      html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-minimized="true"] .archive-column-header-route {
        line-height: 1.25 !important;
        padding-bottom: 1px !important;
      }
      html:not(.mobile-shell-enabled) .glossary-browser-shell [data-technique-archive-groups],
      html:not(.mobile-shell-enabled) .glossary-browser-shell [data-npc-manual-entries],
      html:not(.mobile-shell-enabled) .glossary-browser-shell [data-npc-manual-groups],
      html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-detail-levels,
      html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-archetype-list[data-technique-archive-archetypes] {
        flex: 1 1 0%;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 100% !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        scrollbar-gutter: stable both-edges;
        padding-right: 4px;
      }
      html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-role].panel > .panel-inner,
      html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-role] > .panel > .panel-inner,
      html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-role] > .archive-browser-detail > .panel > .panel-inner {
        overflow: hidden;
      }
      html:not(.mobile-shell-enabled) .glossary-browser-shell [data-technique-archive-catalog] > .panel > .panel-inner,
      html:not(.mobile-shell-enabled) .glossary-browser-shell [data-npc-manual-groups] > .panel > .panel-inner,
      html:not(.mobile-shell-enabled) .glossary-browser-shell [data-glossary-window-role="rail"] > .panel-inner,
      html:not(.mobile-shell-enabled) .glossary-browser-shell [data-glossary-window-role="index"] > .panel-inner,
      html:not(.mobile-shell-enabled) .glossary-browser-shell [data-glossary-window-role="catalog"] > .panel-inner {
        display: flex !important;
        flex-direction: column !important;
        overflow: hidden !important;
      }
      html:not(.mobile-shell-enabled) .glossary-browser-shell [data-technique-archive-groups] {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
      }
      html:not(.mobile-shell-enabled) .glossary-browser-shell [data-glossary-window-role="rail"] > .panel-inner {
        padding-top: 12px !important;
        padding-bottom: 12px !important;
      }
      html:not(.mobile-shell-enabled) .glossary-browser-shell [data-glossary-window-role="rail"] .index-kicker {
        padding-top: 0;
      }
      .archive-window-chrome-row,
      .archive-column-header-row,
      .archive-detail-header-topline,
      .section-title-row.nowrap {
        display: flex;
        align-items: center;
        gap: 8px;
      }
      .archive-window-chrome-row,
      .archive-detail-header-topline,
      .archive-column-header-row {
        flex-wrap: nowrap;
        width: calc(100% + 18px);
        min-height: 44px;
        margin: 0 -9px 10px;
        padding: 1px 9px 5px;
        box-sizing: border-box;
        border: 0;
        border-bottom: 1px solid rgba(var(--theme-accent-rgb), 0.14);
        border-radius: 0;
        background: transparent !important;
        box-shadow: none !important;
      }
      html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-window-drag-handle {
        cursor: grab;
        user-select: none;
        touch-action: none;
      }
      html.glossary-window-dragging,
      html.glossary-window-dragging body,
      html.glossary-window-dragging .glossary-browser-shell .archive-window-drag-handle {
        cursor: grabbing !important;
      }
      html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-window-drag-handle:active {
        cursor: grabbing;
      }
      .archive-window-chrome-actions {
        margin-left: auto;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        flex: 0 0 auto;
      }
      html:not(.mobile-shell-enabled) .glossary-window-control-trigger,
      html:not(.mobile-shell-enabled) .glossary-window-close-trigger,
      html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-window-chrome-actions > .section-edit-trigger,
      html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-window-chrome-actions > .archive-detail-edit-trigger,
      html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-window-chrome-actions > .archive-detail-delete-trigger,
      html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-window-chrome-actions > .archive-column-create-trigger {
        position: relative;
        top: auto;
        right: auto;
        z-index: 2;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        align-self: center !important;
        width: 44px !important;
        max-width: 44px !important;
        height: 44px !important;
        max-height: 44px !important;
        min-width: 44px !important;
        min-height: 44px !important;
        padding: 0 !important;
        gap: 0 !important;
        flex: 0 0 44px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        color: rgba(var(--theme-accent-rgb), 0.92) !important;
        font-family: "Share Tech Mono", monospace !important;
        font-weight: 700 !important;
        appearance: none;
        -webkit-appearance: none;
        line-height: 1 !important;
        box-sizing: border-box;
      }
      html:not(.mobile-shell-enabled) .glossary-window-control-trigger:hover,
      html:not(.mobile-shell-enabled) .glossary-window-control-trigger:focus,
      html:not(.mobile-shell-enabled) .glossary-window-control-trigger:focus-visible,
      html:not(.mobile-shell-enabled) .glossary-window-control-trigger:active,
      html:not(.mobile-shell-enabled) .glossary-window-close-trigger:hover,
      html:not(.mobile-shell-enabled) .glossary-window-close-trigger:focus,
      html:not(.mobile-shell-enabled) .glossary-window-close-trigger:focus-visible,
      html:not(.mobile-shell-enabled) .glossary-window-close-trigger:active,
      html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-window-chrome-actions > .section-edit-trigger:hover,
      html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-window-chrome-actions > .section-edit-trigger:focus,
      html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-window-chrome-actions > .section-edit-trigger:focus-visible,
      html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-window-chrome-actions > .section-edit-trigger:active,
      html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-window-chrome-actions > .archive-detail-edit-trigger:hover,
      html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-window-chrome-actions > .archive-detail-edit-trigger:focus,
      html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-window-chrome-actions > .archive-detail-edit-trigger:focus-visible,
      html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-window-chrome-actions > .archive-detail-edit-trigger:active,
      html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-window-chrome-actions > .archive-detail-delete-trigger:hover,
      html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-window-chrome-actions > .archive-detail-delete-trigger:focus,
      html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-window-chrome-actions > .archive-detail-delete-trigger:focus-visible,
      html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-window-chrome-actions > .archive-detail-delete-trigger:active,
      html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-window-chrome-actions > .archive-column-create-trigger:hover,
      html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-window-chrome-actions > .archive-column-create-trigger:focus,
      html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-window-chrome-actions > .archive-column-create-trigger:focus-visible,
      html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-window-chrome-actions > .archive-column-create-trigger:active {
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        color: rgba(var(--theme-accent-rgb), 1) !important;
        outline: none !important;
      }
      html:not(.mobile-shell-enabled) .glossary-window-minimize-trigger {
        font-size: 30px !important;
      }
      html:not(.mobile-shell-enabled) .glossary-window-reset-trigger {
        font-size: 30px !important;
      }
      html:not(.mobile-shell-enabled) .glossary-window-close-trigger,
      html:not(.mobile-shell-enabled) .glossary-browser-shell .archive-window-chrome-actions > .glossary-window-close-trigger {
        font-size: 48px !important;
      }
      html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-minimized="true"] .archive-window-chrome-actions > .glossary-window-control-trigger,
      html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-minimized="true"] .archive-window-chrome-actions > .glossary-window-close-trigger,
      html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-minimized="true"] .glossary-window-control-trigger,
      html:not(.mobile-shell-enabled) .glossary-browser-shell > [data-glossary-window-minimized="true"] .glossary-window-close-trigger {
        width: 18px !important;
        max-width: 18px !important;
        height: 18px !important;
        max-height: 18px !important;
        min-width: 18px !important;
        min-height: 18px !important;
        flex: 0 0 18px !important;
        font-size: 18px !important;
      }
      .archive-column-header-route {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        color: rgba(var(--theme-accent-rgb), 0.92);
        font-family: "Share Tech Mono", monospace;
        font-size: 20px;
        font-weight: 700;
        letter-spacing: 0.12em;
        line-height: 1.1;
        text-transform: none;
        user-select: none;
        flex: 1 1 auto;
        min-width: 0;
      }
      .archive-column-header-route::before {
        content: "\2630\00a0";
        color: rgba(var(--theme-accent-rgb), 0.82);
        font-size: 20px;
        line-height: 1;
      }
      .archive-column-header-route:empty::before {
        content: none;
      }
      html:not(.mobile-shell-enabled) .npc-manual-shell {
        display: grid;
      }
      html:not(.mobile-shell-enabled) .archive-browser-shell > * {
        height: auto;
        min-height: 0;
      }
      html:not(.mobile-shell-enabled) .archive-mobile-track {
        display: contents;
        width: auto;
        height: auto;
        transform: none !important;
        transition: none;
      }
      html:not(.mobile-shell-enabled) .archive-mobile-pane:not([data-glossary-window-role]) {
        position: static;
        flex: initial;
        width: auto;
        min-width: 0;
        max-width: none;
        min-height: 0;
        height: auto;
        padding: 0;
        opacity: 1;
        filter: none;
        transform: none;
        transition: none;
      }
      html:not(.mobile-shell-enabled) .archive-mobile-pane .panel,
      html:not(.mobile-shell-enabled) .archive-mobile-pane .panel-inner {
        min-height: 0;
        height: auto;
        overflow: visible;
      }
      html:not(.mobile-shell-enabled) .archive-mobile-carousel-overlay {
        display: none;
      }
      .glossary-option-list {
        display: grid;
        gap: 12px;
      }
      .glossary-option-copy {
        margin: 12px 0 0;
      }
      .glossary-shell-transition-host {
        position: relative;
        overflow: hidden;
      }
      .archive-browser-shell.glossary-shell-transitioning-in {
        position: relative;
        z-index: 2;
        animation-duration: 620ms;
        animation-timing-function: cubic-bezier(0.16, 0.84, 0.22, 1);
        animation-fill-mode: both;
      }
      .glossary-shell-transition-clone {
        position: absolute;
        inset: 0;
        z-index: 1;
        pointer-events: none;
        animation-duration: 620ms;
        animation-timing-function: cubic-bezier(0.16, 0.84, 0.22, 1);
        animation-fill-mode: both;
      }
      .archive-browser-shell.glossary-shell-transitioning-in.is-forward {
        animation-name: glossaryShellSlideInForward;
      }
      .archive-browser-shell.glossary-shell-transitioning-in.is-backward {
        animation-name: glossaryShellSlideInBackward;
      }
      .glossary-shell-transition-clone.is-forward {
        animation-name: glossaryShellSlideOutForward;
      }
      .glossary-shell-transition-clone.is-backward {
        animation-name: glossaryShellSlideOutBackward;
      }
        @keyframes glossaryShellSlideInForward {
          from {
          opacity: 0.18;
          transform: translate3d(42px, 0, 0);
          }
          to {
          opacity: 1;
          transform: translate3d(0, 0, 0);
          }
      }
        @keyframes glossaryShellSlideOutForward {
          from {
          opacity: 0.9;
          transform: translate3d(0, 0, 0);
          }
        58% {
          opacity: 0.34;
          }
          to {
          opacity: 0;
          transform: translate3d(-42px, 0, 0);
          }
        }
        @keyframes glossaryShellSlideInBackward {
          from {
          opacity: 0.18;
          transform: translate3d(-42px, 0, 0);
          }
          to {
          opacity: 1;
          transform: translate3d(0, 0, 0);
          }
      }
        @keyframes glossaryShellSlideOutBackward {
          from {
          opacity: 0.9;
          transform: translate3d(0, 0, 0);
          }
        58% {
          opacity: 0.34;
          }
          to {
          opacity: 0;
          transform: translate3d(42px, 0, 0);
          }
        }
      @media (prefers-reduced-motion: reduce) {
        .archive-browser-shell.glossary-shell-transitioning-in,
        .glossary-shell-transition-clone {
          animation-duration: 1ms;
        }
      }
      html:not(.mobile-shell-enabled) .bureau-shell-footer {
        display: block;
      }
    }
    @media (min-width: 721px) and (max-width: 900px) {
      .archive-browser-shell {
        gap: 12px;
      }
      .archive-archetype-button,
      .archive-tech-button {
        padding: 12px;
      }
      .archive-archetype-name,
      .archive-tech-button-name {
        font-size: clamp(18px, 3vw, 22px);
        line-height: 0.94;
        letter-spacing: 0.06em;
      }
      .archive-archetype-meta {
        font-size: 9px;
        letter-spacing: 0.12em;
        line-height: 1.4;
      }
      .archive-active-archetype {
        font-size: clamp(28px, 5vw, 40px);
        letter-spacing: 0.06em;
      }
      .archive-tech-button-copy {
        font-size: 11px;
        line-height: 1.5;
      }
      .npc-journal-browser-shell {
        grid-template-columns: minmax(176px, 210px) minmax(240px, 280px) minmax(0, 1fr);
      }
      .npc-journal-browser-shell .section-title {
        font-size: 20px;
      }
      .npc-journal-browser-shell .archive-active-archetype {
        font-size: clamp(28px, 4.8vw, 38px);
      }
      .npc-journal-browser-shell .archive-tech-button-name {
        font-size: 17px;
      }
    }
    @media (max-width: 900px) {
      .wrap,
      .panel,
      .panel-inner,
      .directory-frame,
      .detail-header-shell,
      .manual-shell,
      .directory-surface,
      .directory-surface-inner,
      .topbar,
      .brand,
      .brand-copy {
        min-width: 0;
      }
      .source-table,
      .dossier-meta-strip,
      .tag-row,
      .route-tabs,
      .detail-header-actions,
      .top-actions,
      .chip,
      .btn {
        max-width: 100%;
      }
      .source-row,
      .dossier-meta-pill,
      .chip,
      .btn {
        min-width: 0;
      }
    }