:root {
            --bg: #040811;
            --panel: rgba(10, 26, 44, 0.94);
            --panel-soft: rgba(13, 34, 56, 0.76);
            --line: rgba(98, 181, 231, 0.25);
            --line-strong: rgba(70, 185, 255, 0.58);
            --cyan: #20a9ff;
            --cyan-soft: #b9e9ff;
            --white: #ecf9ff;
            --muted: #7895a1;
            --red: #ff3f4e;
            --red-dark: #7e1722;
            --amber: #ffc857;
            --green: #64f5b0;
            --shadow: 0 22px 70px rgba(0, 0, 0, 0.5);
        }

        * {
            box-sizing: border-box;
        }

        html {
            scroll-behavior: smooth;
        }

        body {
            margin: 0;
            min-width: 320px;
            color: var(--white);
            background:
                radial-gradient(circle at 72% -10%, rgba(42, 120, 178, 0.22), transparent 35rem),
                radial-gradient(circle at 8% 68%, rgba(255, 63, 78, 0.09), transparent 25rem),
                linear-gradient(145deg, #091828 0%, var(--bg) 55%, #02050a 100%);
            font-family: "Arial Narrow", "Roboto Condensed", "Segoe UI", Arial, sans-serif;
            letter-spacing: 0.025em;
            overflow-x: hidden;
        }

        body::before {
            content: "";
            position: fixed;
            inset: 0;
            z-index: 30;
            pointer-events: none;
            opacity: 0.28;
            background: repeating-linear-gradient(
                to bottom,
                rgba(255,255,255,0.025) 0,
                rgba(255,255,255,0.025) 1px,
                transparent 1px,
                transparent 4px
            );
            mix-blend-mode: screen;
        }

        body::after {
            content: "";
            position: fixed;
            inset: 0;
            z-index: -1;
            pointer-events: none;
            background-image:
                linear-gradient(rgba(99, 217, 255, 0.035) 1px, transparent 1px),
                linear-gradient(90deg, rgba(99, 217, 255, 0.035) 1px, transparent 1px);
            background-size: 48px 48px;
            mask-image: linear-gradient(to bottom, black, transparent 86%);
        }

        a {
            color: inherit;
        }

        button {
            font: inherit;
        }

        .top-alert {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 12px;
            min-height: 38px;
            padding: 7px 18px;
            color: #fff;
            background: linear-gradient(90deg, #510911, #8e101d, #510911);
            border-bottom: 1px solid rgba(255, 91, 103, 0.7);
            font-size: 0.72rem;
            font-weight: 800;
            letter-spacing: 0.22em;
            text-align: center;
            text-transform: uppercase;
        }

        .emergency-lights {
            position: fixed;
            top: 0;
            left: 0;
            z-index: 60;
            display: grid;
            grid-template-columns: 1fr 1fr;
            width: 100%;
            height: 5px;
            pointer-events: none;
        }

        .emergency-lights::before,
        .emergency-lights::after {
            content: "";
            box-shadow: 0 0 25px currentColor, 0 0 58px currentColor;
            animation: policeFlash 1.3s steps(1, end) infinite;
        }

        .emergency-lights::before {
            color: var(--cyan);
            background: currentColor;
        }

        .emergency-lights::after {
            color: var(--red);
            background: currentColor;
            animation-delay: .65s;
        }

        .pulse-dot {
            width: 8px;
            height: 8px;
            flex: 0 0 8px;
            border-radius: 50%;
            background: #fff;
            box-shadow: 0 0 16px #fff;
            animation: pulse 1.5s infinite;
        }

        .shell {
            width: min(1460px, calc(100% - 40px));
            margin: 0 auto;
        }

        .site-header {
            position: relative;
            z-index: 5;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 30px;
            min-height: 104px;
            padding: 18px 0;
            border-bottom: 1px solid var(--line);
        }

        .brand {
            display: flex;
            align-items: center;
            gap: 16px;
        }

        .seal {
            position: relative;
            display: grid;
            width: 64px;
            height: 72px;
            flex: 0 0 64px;
            place-items: center;
            color: var(--amber);
            background: linear-gradient(145deg, #173450, #07111e);
            border: 2px solid #567fa1;
            clip-path: polygon(50% 0, 91% 15%, 84% 76%, 50% 100%, 16% 76%, 9% 15%);
            box-shadow: inset 0 0 18px rgba(99, 217, 255, 0.12), 0 0 22px rgba(99, 217, 255, 0.08);
            font-weight: 900;
            letter-spacing: 0.08em;
        }

        .seal::before,
        .seal::after {
            display: none;
        }

        .police-nav {
            display: flex;
            gap: 5px;
            padding: 13px 0;
            overflow-x: auto;
        }

        .police-nav a {
            padding: 9px 13px;
            color: #a9c1cf;
            background: rgba(12, 30, 49, .72);
            border: 1px solid rgba(121, 190, 229, .2);
            font-size: .61rem;
            font-weight: 900;
            letter-spacing: .12em;
            text-decoration: none;
            text-transform: uppercase;
            white-space: nowrap;
        }

        .police-nav a.active {
            color: #06111d;
            background: var(--cyan);
            border-color: var(--cyan);
            box-shadow: 0 0 14px rgba(32, 169, 255, .32);
        }

        .caution-tape {
            position: sticky;
            top: 0;
            z-index: 50;
            height: 30px;
            overflow: hidden;
            color: #151515;
            background: repeating-linear-gradient(135deg, var(--amber) 0 34px, #171717 34px 68px);
            border-block: 1px solid #ffe992;
            font-size: .62rem;
            font-weight: 1000;
            letter-spacing: .14em;
            line-height: 28px;
            text-align: center;
            text-transform: uppercase;
        }

        .caution-tape span {
            display: inline-block;
            padding: 0 18px;
            background: var(--amber);
        }

        .seal::before {
            inset: 5px;
            border: 1px dashed rgba(99, 217, 255, 0.38);
        }

        .seal::after {
            width: 6px;
            height: 6px;
            background: var(--red);
            box-shadow: 0 0 10px var(--red);
            transform: translateY(-19px);
        }

        .brand-kicker,
        .eyebrow,
        .micro-label {
            color: var(--cyan);
            font-size: 0.68rem;
            font-weight: 800;
            letter-spacing: 0.2em;
            text-transform: uppercase;
        }

        .brand-title {
            margin: 5px 0 0;
            font-size: clamp(1rem, 2vw, 1.42rem);
            font-weight: 900;
            letter-spacing: 0.12em;
            text-transform: uppercase;
        }

        .brand-subtitle {
            margin-top: 4px;
            color: var(--muted);
            font-size: 0.7rem;
            letter-spacing: 0.15em;
            text-transform: uppercase;
        }

        .system-status {
            display: grid;
            grid-template-columns: auto auto;
            gap: 5px 22px;
            align-items: center;
            padding-left: 22px;
            border-left: 1px solid var(--line);
            font-size: 0.72rem;
            text-transform: uppercase;
        }

        .system-status span:nth-child(odd) {
            color: var(--muted);
            letter-spacing: 0.12em;
        }

        .system-status strong {
            color: var(--green);
            letter-spacing: 0.1em;
        }

        .system-status time {
            color: var(--cyan-soft);
            font-variant-numeric: tabular-nums;
            font-weight: 700;
            letter-spacing: 0.09em;
        }

        .hero {
            position: relative;
            display: grid;
            grid-template-columns: minmax(0, 1.12fr) minmax(370px, 0.88fr);
            gap: 28px;
            padding: 58px 0 30px;
        }

        .command-grid {
            display: grid;
            grid-template-columns: minmax(0, 1.12fr) minmax(370px, 0.88fr);
            gap: 28px;
            padding: 34px 0 28px;
            align-items: stretch;
        }

        .command-grid .latest-intercept-panel,
        .command-grid .subject-card {
            height: 100%;
        }

        .case-overview-only {
            grid-template-columns: 1fr;
        }

        .live-search {
            position: relative;
            display: grid;
            grid-template-columns: minmax(310px, 0.72fr) minmax(0, 1.28fr);
            gap: 0;
            margin-top: 22px;
            overflow: hidden;
            background: rgba(5, 15, 27, 0.97);
            border: 1px solid rgba(99, 217, 255, 0.35);
            box-shadow: 0 0 45px rgba(41, 175, 224, 0.08), var(--shadow);
        }

        .live-search::before {
            content: "";
            position: absolute;
            inset: 0;
            z-index: 0;
            pointer-events: none;
            opacity: 0.35;
            background: repeating-linear-gradient(
                90deg,
                transparent 0,
                transparent 79px,
                rgba(99, 217, 255, 0.035) 80px
            );
        }

        .scanner-visual,
        .scanner-console {
            position: relative;
            z-index: 1;
        }

        .scanner-visual {
            display: grid;
            min-height: 430px;
            place-items: center;
            padding: 34px;
            border-right: 1px solid var(--line);
            background: radial-gradient(circle, rgba(44, 168, 210, 0.1), transparent 66%);
        }

        .radar {
            position: relative;
            width: min(320px, 74vw);
            aspect-ratio: 1;
            overflow: hidden;
            border: 1px solid rgba(99, 217, 255, 0.5);
            border-radius: 50%;
            background:
                linear-gradient(rgba(99,217,255,.06) 1px, transparent 1px),
                linear-gradient(90deg, rgba(99,217,255,.06) 1px, transparent 1px),
                radial-gradient(circle, rgba(99,217,255,.09), rgba(4, 12, 17, .8) 68%);
            background-size: 32px 32px, 32px 32px, auto;
            box-shadow: inset 0 0 45px rgba(99, 217, 255, 0.12), 0 0 30px rgba(99, 217, 255, 0.08);
        }

        .radar::before,
        .radar::after {
            content: "";
            position: absolute;
            inset: 16.66%;
            border: 1px solid rgba(99, 217, 255, 0.21);
            border-radius: 50%;
        }

        .radar::after {
            inset: 33.33%;
        }

        .radar-axis-x,
        .radar-axis-y {
            position: absolute;
            z-index: 2;
            background: rgba(99, 217, 255, 0.2);
        }

        .radar-axis-x {
            top: 50%;
            left: 0;
            width: 100%;
            height: 1px;
        }

        .radar-axis-y {
            top: 0;
            left: 50%;
            width: 1px;
            height: 100%;
        }

        .radar-sweep {
            position: absolute;
            inset: 0;
            z-index: 3;
            border-radius: 50%;
            background: conic-gradient(from 0deg, transparent 0deg 304deg, rgba(99, 217, 255, 0.03) 310deg, rgba(99, 217, 255, 0.32) 359deg, transparent 360deg);
            animation: radarSweep 3.8s linear infinite;
        }

        .radar-sweep::after {
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            width: 48%;
            height: 1px;
            background: linear-gradient(90deg, rgba(99,217,255,.92), transparent);
            box-shadow: 0 0 9px var(--cyan);
            transform-origin: left center;
        }

        .signal-point {
            position: absolute;
            z-index: 5;
            width: 7px;
            height: 7px;
            border: 1px solid #fff;
            border-radius: 50%;
            background: var(--red);
            box-shadow: 0 0 6px var(--red), 0 0 18px var(--red);
            animation: signalBlink 1.15s ease-in-out infinite;
        }

        .signal-point::after {
            content: "";
            position: absolute;
            inset: -9px;
            border: 1px solid rgba(255, 63, 78, 0.6);
            border-radius: 50%;
            animation: signalRing 1.7s ease-out infinite;
        }

        .point-a::before {
            content: "BROMYARD";
            position: absolute;
            top: 13px;
            left: 12px;
            padding: 4px 6px;
            color: #fff;
            background: rgba(83, 5, 14, .86);
            border: 1px solid rgba(255, 63, 78, .62);
            font-size: .52rem;
            font-weight: 1000;
            letter-spacing: .13em;
            white-space: nowrap;
            text-transform: uppercase;
            box-shadow: 0 0 13px rgba(255, 63, 78, .2);
        }

        .point-a { top: 29%; left: 62%; }
        .point-b { top: 67%; left: 34%; animation-delay: .45s; opacity: .65; }
        .point-c { top: 48%; left: 76%; animation-delay: .8s; opacity: .42; }

        .radar-centre {
            position: absolute;
            top: 50%;
            left: 50%;
            z-index: 7;
            width: 10px;
            height: 10px;
            border: 2px solid var(--cyan-soft);
            transform: translate(-50%, -50%) rotate(45deg);
            box-shadow: 0 0 12px var(--cyan);
        }

        .radar-label {
            position: absolute;
            z-index: 7;
            color: rgba(169, 237, 255, 0.68);
            font-size: 0.52rem;
            font-weight: 800;
            letter-spacing: 0.12em;
        }

        .radar-label.north { top: 10px; left: 50%; transform: translateX(-50%); }
        .radar-label.west { top: 50%; left: 10px; transform: translateY(-50%); }
        .radar-label.east { top: 50%; right: 10px; transform: translateY(-50%); }

        .scanner-console {
            display: flex;
            flex-direction: column;
            min-width: 0;
            padding: clamp(25px, 4vw, 44px);
        }

        .scanner-header {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 24px;
            padding-bottom: 22px;
            border-bottom: 1px solid var(--line);
        }

        .scanner-title {
            margin: 7px 0 0;
            font-size: clamp(1.6rem, 4vw, 3.35rem);
            line-height: 0.95;
            letter-spacing: -0.035em;
            text-transform: uppercase;
        }

        .live-badge {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 8px 11px;
            color: #fff;
            background: rgba(255, 63, 78, 0.13);
            border: 1px solid rgba(255, 63, 78, 0.5);
            font-size: 0.62rem;
            font-weight: 900;
            letter-spacing: 0.15em;
            text-transform: uppercase;
        }

        .scanner-readouts {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 10px;
            margin: 20px 0;
        }

        .readout {
            min-width: 0;
            padding: 14px;
            background: rgba(99, 217, 255, 0.045);
            border: 1px solid rgba(99, 217, 255, 0.15);
        }

        .readout span {
            display: block;
            margin-bottom: 7px;
            color: var(--muted);
            font-size: 0.54rem;
            letter-spacing: 0.13em;
            text-transform: uppercase;
        }

        .readout strong {
            display: block;
            overflow: hidden;
            color: var(--cyan-soft);
            font-size: clamp(0.76rem, 1.4vw, 1rem);
            font-variant-numeric: tabular-nums;
            letter-spacing: 0.06em;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .signal-meter {
            display: grid;
            grid-template-columns: repeat(18, 1fr);
            gap: 4px;
            height: 28px;
            margin-bottom: 20px;
        }

        .signal-meter i {
            display: block;
            background: rgba(99, 217, 255, 0.08);
            border: 1px solid rgba(99, 217, 255, 0.13);
            transition: 220ms ease;
        }

        .signal-meter i.active {
            background: var(--cyan);
            border-color: var(--cyan-soft);
            box-shadow: 0 0 10px rgba(99, 217, 255, 0.5);
        }

        .signal-meter i.hot {
            background: var(--red);
            border-color: #ff8390;
            box-shadow: 0 0 10px rgba(255, 63, 78, 0.65);
        }

        .console-log {
            min-height: 132px;
            padding: 14px 16px;
            overflow: hidden;
            background: #02070a;
            border: 1px solid rgba(99, 217, 255, 0.16);
            color: #76bace;
            font-family: Consolas, "Courier New", monospace;
            font-size: 0.7rem;
            line-height: 1.75;
        }

        .console-line {
            white-space: nowrap;
            animation: lineIn .24s ease-out;
        }

        .console-line::before {
            content: "> ";
            color: var(--cyan);
        }

        .console-line.warning {
            color: #ff8d98;
        }

        .hero::before {
            content: "OTE // RESTRICTED NETWORK // CASE ACCESS GRANTED";
            position: absolute;
            top: 22px;
            left: 0;
            color: rgba(99, 217, 255, 0.42);
            font-size: 0.62rem;
            letter-spacing: 0.2em;
        }

        .panel {
            position: relative;
            overflow: hidden;
            background: linear-gradient(145deg, rgba(15, 38, 62, 0.95), rgba(5, 12, 22, 0.97));
            border: 1px solid var(--line);
            box-shadow: var(--shadow);
        }

        .panel::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 96px;
            height: 2px;
            background: var(--cyan);
            box-shadow: 0 0 14px var(--cyan);
        }

        .case-overview::after {
            content: "ACTIVE MANHUNT";
            position: absolute;
            top: 23px;
            right: -43px;
            width: 190px;
            padding: 6px 0;
            color: #170308;
            background: var(--amber);
            font-size: .59rem;
            font-weight: 1000;
            letter-spacing: .13em;
            text-align: center;
            transform: rotate(39deg);
        }

        .case-overview {
            padding: clamp(26px, 4vw, 52px);
        }

        .case-number {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 16px;
            padding-bottom: 20px;
            border-bottom: 1px solid var(--line);
        }

        .case-number strong {
            font-size: clamp(1rem, 2vw, 1.35rem);
            letter-spacing: 0.15em;
        }

        .classification {
            padding: 7px 10px;
            color: #fff;
            background: rgba(255, 63, 78, 0.12);
            border: 1px solid rgba(255, 63, 78, 0.52);
            font-size: 0.62rem;
            font-weight: 900;
            letter-spacing: 0.15em;
            text-transform: uppercase;
            transform: rotate(-1deg);
        }

        .case-overview .classification {
            color: #1b1200;
            background: var(--amber);
            border-color: #fff0a0;
        }

        h1 {
            max-width: 850px;
            margin: 36px 0 10px;
            font-size: clamp(2.8rem, 7.4vw, 7rem);
            line-height: 0.82;
            letter-spacing: -0.055em;
            text-transform: uppercase;
        }

        h1 .outline {
            display: block;
            color: transparent;
            -webkit-text-stroke: 1px rgba(236, 249, 255, 0.7);
            text-stroke: 1px rgba(236, 249, 255, 0.7);
        }

        .status-row {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin: 26px 0 30px;
        }

        .status-chip {
            padding: 9px 12px;
            color: var(--cyan-soft);
            background: rgba(99, 217, 255, 0.07);
            border: 1px solid var(--line);
            font-size: 0.67rem;
            font-weight: 800;
            letter-spacing: 0.13em;
            text-transform: uppercase;
        }

        .status-chip.danger {
            color: #fff;
            background: rgba(255, 63, 78, 0.14);
            border-color: rgba(255, 63, 78, 0.46);
        }

        .lead {
            max-width: 760px;
            margin: 0;
            color: #b8cbd3;
            font-size: clamp(1rem, 1.5vw, 1.2rem);
            line-height: 1.72;
        }

        .actions {
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
            margin-top: 32px;
        }

        .button {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 48px;
            padding: 0 18px;
            color: #001118;
            background: var(--cyan);
            border: 1px solid var(--cyan);
            font-size: 0.7rem;
            font-weight: 900;
            letter-spacing: 0.14em;
            text-decoration: none;
            text-transform: uppercase;
            transition: 160ms ease;
        }

        .button:hover {
            background: var(--white);
            border-color: var(--white);
            transform: translateY(-2px);
        }

        .button.secondary {
            color: var(--cyan-soft);
            background: transparent;
            border-color: var(--line-strong);
        }

        .subject-card {
            min-height: 650px;
            padding: 20px;
            border-top: 3px solid var(--red);
        }

        .subject-photo {
            position: relative;
            display: grid;
            min-height: 360px;
            place-items: center;
            overflow: hidden;
            background:
                linear-gradient(rgba(99, 217, 255, 0.06), rgba(99, 217, 255, 0.015)),
                repeating-linear-gradient(90deg, transparent 0 69px, rgba(99, 217, 255, 0.06) 69px 70px),
                repeating-linear-gradient(0deg, transparent 0 69px, rgba(99, 217, 255, 0.06) 69px 70px),
                #071017;
            border: 1px solid var(--line);
        }

        .subject-photo::after {
            content: "IDENTITY RECONSTRUCTION FAILED";
            position: absolute;
            right: 12px;
            bottom: 10px;
            z-index: 12;
            color: rgba(169, 237, 255, 0.58);
            font-size: 0.58rem;
            letter-spacing: 0.16em;
        }

        .identity-fragments {
            position: absolute;
            inset: 0;
            z-index: 6;
            overflow: hidden;
            pointer-events: none;
        }

        .identity-fragment {
            position: absolute;
            inset: -3%;
            opacity: 0;
            background-image:
                linear-gradient(rgba(70, 201, 239, 0.09), rgba(4, 14, 20, 0.16)),
                url("../../images/suspect.png");
            background-position: center;
            background-size: cover;
            filter: grayscale(1) contrast(1.6) brightness(0.7) blur(1px) saturate(0.55);
            clip-path: polygon(
                var(--tile-left) var(--tile-top),
                var(--tile-right) var(--tile-top),
                var(--tile-right) var(--tile-bottom),
                var(--tile-left) var(--tile-bottom)
            );
            transform: translate(var(--shift-x), var(--shift-y)) scale(var(--tile-scale));
            transition: opacity 50ms linear;
            mix-blend-mode: screen;
        }

        .identity-fragment.active {
            opacity: var(--slice-opacity);
            animation: fragmentFlicker 170ms steps(2, end) infinite;
        }

        .identity-fragment:nth-child(1)  { --tile-left: 5%;  --tile-right: 27%;  --tile-top: 6%;  --tile-bottom: 25%; --shift-x: -8px; --shift-y: 5px;  --tile-scale: 1.04; --slice-opacity: .62; }
        .identity-fragment:nth-child(2)  { --tile-left: 30%; --tile-right: 51%;  --tile-top: 3%;  --tile-bottom: 22%; --shift-x: 12px; --shift-y: -4px; --tile-scale: 1.03; --slice-opacity: .74; }
        .identity-fragment:nth-child(3)  { --tile-left: 55%; --tile-right: 81%;  --tile-top: 8%;  --tile-bottom: 29%; --shift-x: -13px; --shift-y: 6px; --tile-scale: 1.05; --slice-opacity: .56; }
        .identity-fragment:nth-child(4)  { --tile-left: 76%; --tile-right: 96%;  --tile-top: 3%;  --tile-bottom: 20%; --shift-x: 16px; --shift-y: 3px; --tile-scale: 1.04; --slice-opacity: .65; }
        .identity-fragment:nth-child(5)  { --tile-left: 2%;  --tile-right: 23%;  --tile-top: 28%; --tile-bottom: 49%; --shift-x: 10px; --shift-y: -6px; --tile-scale: 1.03; --slice-opacity: .55; }
        .identity-fragment:nth-child(6)  { --tile-left: 25%; --tile-right: 49%;  --tile-top: 23%; --tile-bottom: 46%; --shift-x: -15px; --shift-y: 4px; --tile-scale: 1.05; --slice-opacity: .82; }
        .identity-fragment:nth-child(7)  { --tile-left: 51%; --tile-right: 75%;  --tile-top: 31%; --tile-bottom: 53%; --shift-x: 14px; --shift-y: -5px; --tile-scale: 1.04; --slice-opacity: .72; }
        .identity-fragment:nth-child(8)  { --tile-left: 78%; --tile-right: 98%;  --tile-top: 25%; --tile-bottom: 48%; --shift-x: -9px; --shift-y: 7px; --tile-scale: 1.03; --slice-opacity: .58; }
        .identity-fragment:nth-child(9)  { --tile-left: 7%;  --tile-right: 31%;  --tile-top: 53%; --tile-bottom: 73%; --shift-x: -17px; --shift-y: -3px; --tile-scale: 1.05; --slice-opacity: .68; }
        .identity-fragment:nth-child(10) { --tile-left: 33%; --tile-right: 55%;  --tile-top: 48%; --tile-bottom: 70%; --shift-x: 11px; --shift-y: 6px; --tile-scale: 1.04; --slice-opacity: .78; }
        .identity-fragment:nth-child(11) { --tile-left: 57%; --tile-right: 83%;  --tile-top: 55%; --tile-bottom: 78%; --shift-x: -12px; --shift-y: -5px; --tile-scale: 1.03; --slice-opacity: .61; }
        .identity-fragment:nth-child(12) { --tile-left: 80%; --tile-right: 97%;  --tile-top: 51%; --tile-bottom: 71%; --shift-x: 18px; --shift-y: 4px; --tile-scale: 1.05; --slice-opacity: .53; }
        .identity-fragment:nth-child(13) { --tile-left: 3%;  --tile-right: 25%;  --tile-top: 76%; --tile-bottom: 96%; --shift-x: 13px; --shift-y: -4px; --tile-scale: 1.04; --slice-opacity: .52; }
        .identity-fragment:nth-child(14) { --tile-left: 27%; --tile-right: 52%;  --tile-top: 72%; --tile-bottom: 93%; --shift-x: -16px; --shift-y: 5px; --tile-scale: 1.03; --slice-opacity: .64; }
        .identity-fragment:nth-child(15) { --tile-left: 54%; --tile-right: 77%;  --tile-top: 79%; --tile-bottom: 98%; --shift-x: 9px; --shift-y: -6px; --tile-scale: 1.05; --slice-opacity: .57; }
        .identity-fragment:nth-child(16) { --tile-left: 79%; --tile-right: 97%;  --tile-top: 74%; --tile-bottom: 94%; --shift-x: -11px; --shift-y: 4px; --tile-scale: 1.04; --slice-opacity: .48; }

        .identity-noise {
            position: absolute;
            inset: 0;
            z-index: 9;
            pointer-events: none;
            opacity: 0.34;
            background:
                repeating-linear-gradient(to bottom, transparent 0 5px, rgba(99,217,255,.16) 6px, transparent 7px),
                linear-gradient(90deg, transparent 0 46%, rgba(255,255,255,.08) 50%, transparent 54%);
            background-size: 100% 100%, 230% 100%;
            animation: identityNoise 1.9s steps(3, end) infinite;
            mix-blend-mode: screen;
        }

        .identity-full-flash {
            position: absolute;
            inset: -2%;
            z-index: 8;
            opacity: 0;
            pointer-events: none;
            background-image:
                radial-gradient(circle at 35% 42%, rgba(255,255,255,.11), transparent 2px),
                repeating-radial-gradient(circle at 70% 30%, rgba(255,255,255,.12) 0 1px, transparent 1px 3px),
                linear-gradient(90deg, rgba(255,0,51,.14), transparent 18%, transparent 82%, rgba(0,214,255,.18)),
                url("../../images/suspect.png");
            background-position: center, center, center, center;
            background-size: 7px 7px, 5px 5px, cover, cover;
            filter: grayscale(.82) contrast(2.15) brightness(.77) saturate(.42) blur(.35px);
            transform: scale(1.025);
            mix-blend-mode: screen;
        }

        .identity-full-flash.active {
            opacity: .82;
            animation: fullIdentityFlash 145ms steps(2, end) both;
        }

        .identity-tear-vertical,
        .identity-tear-horizontal {
            position: absolute;
            z-index: 10;
            opacity: 0;
            pointer-events: none;
            background-image: url("../../images/suspect.png");
            background-position: center;
            background-size: cover;
            filter: grayscale(1) contrast(2.1) brightness(.85) drop-shadow(5px 0 rgba(0,220,255,.55));
            mix-blend-mode: screen;
        }

        .identity-tear-vertical {
            top: -3%;
            bottom: -3%;
            left: var(--tear-position, 45%);
            width: var(--tear-size, 12%);
            background-position-x: var(--tear-bg, 50%);
            transform: translateY(var(--tear-shift, 10px)) skewY(-2deg);
        }

        .identity-tear-horizontal {
            right: -3%;
            left: -3%;
            top: var(--tear-position, 45%);
            height: var(--tear-size, 12%);
            background-position-y: var(--tear-bg, 50%);
            transform: translateX(var(--tear-shift, 10px)) skewX(-2deg);
        }

        .identity-tear-vertical.active,
        .identity-tear-horizontal.active {
            opacity: .72;
            animation: tearFlicker 115ms steps(2, end) infinite;
        }

        .identity-status {
            position: absolute;
            top: 11px;
            left: 11px;
            z-index: 12;
            display: flex;
            align-items: center;
            gap: 7px;
            padding: 6px 8px;
            color: #ffc7cd;
            background: rgba(39, 4, 8, 0.75);
            border: 1px solid rgba(255, 63, 78, 0.38);
            font-size: 0.55rem;
            font-weight: 900;
            letter-spacing: 0.13em;
            text-transform: uppercase;
        }

        .silhouette {
            position: relative;
            width: 190px;
            height: 245px;
            opacity: 0.76;
            filter: drop-shadow(0 0 24px rgba(99, 217, 255, 0.18));
        }

        .silhouette::before {
            content: "";
            position: absolute;
            top: 5px;
            left: 61px;
            width: 70px;
            height: 86px;
            background: #18323e;
            border: 1px solid rgba(99, 217, 255, 0.35);
            border-radius: 44% 44% 48% 48%;
        }

        .silhouette::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 13px;
            width: 164px;
            height: 158px;
            background: #18323e;
            border: 1px solid rgba(99, 217, 255, 0.35);
            border-radius: 48% 48% 8% 8%;
        }

        .target-lock {
            position: absolute;
            width: 250px;
            height: 250px;
            border: 1px solid rgba(255, 63, 78, 0.35);
            border-radius: 50%;
            animation: rotate 18s linear infinite;
        }

        .target-lock::before,
        .target-lock::after {
            content: "";
            position: absolute;
            background: rgba(255, 63, 78, 0.42);
        }

        .target-lock::before {
            top: 50%;
            left: -24px;
            width: 298px;
            height: 1px;
        }

        .target-lock::after {
            top: -24px;
            left: 50%;
            width: 1px;
            height: 298px;
        }

        .subject-data {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 0;
            margin-top: 16px;
            border: 1px solid var(--line);
        }

        .data-cell {
            min-height: 78px;
            padding: 15px;
            border-right: 1px solid var(--line);
            border-bottom: 1px solid var(--line);
        }

        .data-cell:nth-child(even) {
            border-right: 0;
        }

        .data-cell:nth-last-child(-n+2) {
            border-bottom: 0;
        }

        .data-cell span {
            display: block;
            margin-bottom: 7px;
            color: var(--muted);
            font-size: 0.58rem;
            letter-spacing: 0.14em;
            text-transform: uppercase;
        }

        .data-cell strong {
            color: var(--cyan-soft);
            font-size: 0.84rem;
            letter-spacing: 0.06em;
            text-transform: uppercase;
        }

        .wide-grid {
            display: grid;
            grid-template-columns: 0.85fr 1.15fr;
            gap: 28px;
            padding: 0 0 28px;
        }

        .latest-intercept {
            padding: 34px 0 28px;
        }

        .latest-intercept-panel {
            position: relative;
            overflow: hidden;
            border-color: rgba(32, 169, 255, 0.48);
            box-shadow: 0 0 45px rgba(32, 169, 255, 0.09), var(--shadow);
        }

        .latest-intercept-panel::before {
            content: "PRIORITY INTERCEPT";
            position: absolute;
            top: 14px;
            right: -43px;
            width: 170px;
            padding: 6px 0;
            color: #06111d;
            background: var(--cyan);
            font-size: 0.5rem;
            font-weight: 1000;
            letter-spacing: 0.12em;
            text-align: center;
            transform: rotate(45deg);
        }

        .intercept-title {
            margin: 0 0 22px;
            color: var(--cyan-soft);
            font-size: clamp(1rem, 2vw, 1.35rem);
            letter-spacing: 0.08em;
            text-transform: uppercase;
        }

        .intercept-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
            justify-content: flex-end;
            margin-top: 24px;
        }

        .archive-disabled {
            cursor: not-allowed;
            opacity: 0.48;
        }

        .charges-only {
            grid-template-columns: 1fr;
        }

        .archive-page {
            padding: 52px 0 30px;
        }

        .archive-heading {
            display: flex;
            align-items: flex-end;
            justify-content: space-between;
            gap: 24px;
            margin-bottom: 30px;
            padding-bottom: 24px;
            border-bottom: 1px solid var(--line-strong);
        }

        .archive-heading h1 {
            margin: 8px 0 0;
            font-size: clamp(2.5rem, 7vw, 6rem);
        }

        .archive-list {
            display: grid;
            gap: 28px;
        }

        .archive-entry {
            border-top: 3px solid var(--cyan);
        }

        .archive-empty {
            min-height: 260px;
        }

        .single-transmission-page {
            min-height: 60vh;
        }

        .record-back {
            margin-bottom: 20px;
        }

        .record-back a {
            color: var(--cyan-soft);
            font-size: 0.68rem;
            font-weight: 900;
            letter-spacing: 0.13em;
            text-decoration: none;
            text-transform: uppercase;
        }

        .record-back a:hover {
            color: var(--white);
        }

        .single-transmission-record .section-heading h1,
        .archive-empty .section-heading h1 {
            margin: 7px 0 0;
            font-size: clamp(1.8rem, 4vw, 3.4rem);
            line-height: 1;
            letter-spacing: -0.025em;
        }

        .section-panel {
            padding: clamp(24px, 4vw, 38px);
        }

        .section-heading {
            display: flex;
            align-items: flex-end;
            justify-content: space-between;
            gap: 18px;
            margin-bottom: 26px;
            padding-bottom: 18px;
            border-bottom: 1px solid var(--line);
        }

        h2 {
            margin: 7px 0 0;
            font-size: clamp(1.45rem, 3vw, 2.25rem);
            letter-spacing: -0.025em;
            text-transform: uppercase;
        }

        .section-code {
            color: var(--muted);
            font-size: 0.63rem;
            letter-spacing: 0.14em;
            text-align: right;
            text-transform: uppercase;
        }

        .charge-list {
            display: grid;
            gap: 12px;
            margin: 0;
            padding: 0;
            list-style: none;
        }

        .charge-list li {
            position: relative;
            padding: 15px 16px 15px 44px;
            color: #c2d5dd;
            background: rgba(255, 255, 255, 0.02);
            border: 1px solid rgba(99, 217, 255, 0.13);
            font-size: 0.85rem;
            line-height: 1.45;
            text-transform: uppercase;
        }

        .charge-list li::before {
            content: "×";
            position: absolute;
            top: 50%;
            left: 16px;
            color: var(--red);
            font-size: 1.15rem;
            font-weight: 900;
            transform: translateY(-52%);
        }

        .transmission-meta {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            margin-bottom: 25px;
            border: 1px solid var(--line);
        }

        .transmission-meta div {
            padding: 12px;
            border-right: 1px solid var(--line);
        }

        .transmission-meta div:last-child {
            border-right: 0;
        }

        .transmission-meta span {
            display: block;
            margin-bottom: 5px;
            color: var(--muted);
            font-size: 0.54rem;
            letter-spacing: 0.14em;
            text-transform: uppercase;
        }

        .transmission-meta strong {
            color: var(--cyan-soft);
            font-size: 0.75rem;
            letter-spacing: 0.08em;
            text-transform: uppercase;
        }

        blockquote {
            position: relative;
            margin: 0;
            padding: 2px 0 2px 26px;
            color: #c7d7dd;
            border-left: 2px solid var(--cyan);
            font-family: Georgia, "Times New Roman", serif;
            font-size: clamp(1rem, 1.5vw, 1.13rem);
            line-height: 1.78;
        }

        blockquote p {
            margin: 0 0 17px;
        }

        blockquote p:last-child {
            margin-bottom: 0;
        }

        .registry-note {
            margin-top: 26px;
            padding: 18px;
            background: rgba(255, 63, 78, 0.07);
            border: 1px solid rgba(255, 63, 78, 0.26);
        }

        .registry-note strong {
            display: block;
            margin-bottom: 8px;
            color: var(--red);
            font-size: 0.66rem;
            letter-spacing: 0.16em;
            text-transform: uppercase;
        }

        .registry-note p {
            margin: 0;
            color: #b9c9cf;
            font-size: 0.85rem;
            line-height: 1.65;
        }

        .source-language-notice {
            margin-top: 14px;
            border: 1px solid rgba(255, 200, 87, 0.48);
            background: rgba(255, 200, 87, 0.07);
            color: #ffd978;
            padding: 11px 14px;
            font-size: 0.76rem;
            font-weight: 800;
            letter-spacing: 0.07em;
            line-height: 1.55;
            text-transform: uppercase;
        }

        .lower-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 18px;
            padding-bottom: 54px;
        }

        .intel-card {
            min-height: 190px;
            padding: 24px;
            background: linear-gradient(145deg, rgba(17, 43, 70, .88), rgba(6, 16, 28, .94));
            border: 1px solid var(--line);
            transition: 180ms ease;
        }

        .intel-card:hover {
            border-color: var(--line-strong);
            transform: translateY(-3px);
        }

        .intel-card .number {
            color: rgba(99, 217, 255, 0.35);
            font-size: 0.7rem;
            font-weight: 900;
            letter-spacing: 0.15em;
        }

        .intel-card h3 {
            margin: 25px 0 10px;
            font-size: 1rem;
            letter-spacing: 0.08em;
            text-transform: uppercase;
        }

        .intel-card p {
            margin: 0;
            color: var(--muted);
            font-size: 0.82rem;
            line-height: 1.55;
        }

        footer {
            padding: 25px 0 38px;
            border-top: 1px solid var(--line);
            color: var(--muted);
            font-size: 0.64rem;
            letter-spacing: 0.12em;
            line-height: 1.8;
            text-align: center;
            text-transform: uppercase;
        }

        .footer-links {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: center;
            gap: 8px 18px;
            margin-top: 12px;
        }

        .footer-links a {
            color: var(--cyan-soft);
            font-weight: 800;
            text-decoration: none;
            transition: color 150ms ease;
        }

        .footer-links a:hover {
            color: #ffffff;
        }

        .footer-links a:focus-visible {
            outline: 2px solid #ffffff;
            outline-offset: 4px;
        }

        .footer-links span {
            color: rgba(120, 149, 161, 0.45);
        }

        .scan-beam {
            position: fixed;
            top: -10%;
            left: 0;
            z-index: 20;
            width: 100%;
            height: 90px;
            pointer-events: none;
            opacity: 0.16;
            background: linear-gradient(to bottom, transparent, var(--cyan), transparent);
            animation: scan 9s linear infinite;
        }

        @keyframes pulse {
            0%, 100% { opacity: 0.45; transform: scale(0.82); }
            50% { opacity: 1; transform: scale(1.05); }
        }

        @keyframes policeFlash {
            0%, 48%, 100% { opacity: .14; }
            50%, 72% { opacity: 1; }
        }

        @keyframes rotate {
            to { transform: rotate(360deg); }
        }

        @keyframes scan {
            0% { transform: translateY(-140px); }
            100% { transform: translateY(calc(100vh + 240px)); }
        }

        @keyframes radarSweep {
            to { transform: rotate(360deg); }
        }

        @keyframes signalBlink {
            0%, 100% { opacity: 0.28; }
            45%, 65% { opacity: 1; }
        }

        @keyframes signalRing {
            0% { opacity: 0.8; transform: scale(0.35); }
            100% { opacity: 0; transform: scale(1.45); }
        }

        @keyframes lineIn {
            from { opacity: 0; transform: translateX(-8px); }
            to { opacity: 1; transform: translateX(0); }
        }

        @keyframes fragmentFlicker {
            0%, 100% {
                filter: grayscale(1) contrast(1.6) brightness(.7) blur(1px) drop-shadow(-4px 0 rgba(255, 0, 54, .35));
            }
            50% {
                filter: grayscale(.7) contrast(2) brightness(1.02) blur(.25px) drop-shadow(5px 0 rgba(0, 220, 255, .48));
            }
        }

        @keyframes identityNoise {
            0% { background-position: 0 0, 0 0; }
            33% { background-position: 0 9px, 45% 0; }
            66% { background-position: 0 -7px, 110% 0; }
            100% { background-position: 0 3px, 220% 0; }
        }

        @keyframes fullIdentityFlash {
            0% { opacity: 0; transform: translate(-9px, 5px) scale(1.045); filter: grayscale(1) contrast(2.6) brightness(1.1) blur(1.4px); }
            22% { opacity: .9; transform: translate(5px, -3px) scale(1.025); }
            48% { opacity: .42; transform: translate(-3px, 1px) scale(1.04); filter: grayscale(.7) contrast(2) brightness(.68) blur(.2px); }
            72% { opacity: .78; transform: translate(2px, 3px) scale(1.02); }
            100% { opacity: 0; transform: translate(11px, -4px) scale(1.05); filter: grayscale(1) contrast(3) brightness(.5) blur(1px); }
        }

        @keyframes tearFlicker {
            0%, 100% { opacity: .25; filter: grayscale(1) contrast(1.8) brightness(.65) drop-shadow(-5px 0 rgba(255,0,55,.48)); }
            50% { opacity: .88; filter: grayscale(.75) contrast(2.35) brightness(1.08) drop-shadow(6px 0 rgba(0,220,255,.62)); }
        }

        @media (prefers-reduced-motion: reduce) {
            html { scroll-behavior: auto; }
            *, *::before, *::after { animation: none !important; }
        }

        @media (max-width: 1040px) {
            .live-search {
                grid-template-columns: 1fr;
            }

            .scanner-visual {
                min-height: 390px;
                border-right: 0;
                border-bottom: 1px solid var(--line);
            }

            .hero,
            .command-grid,
            .wide-grid {
                grid-template-columns: 1fr;
            }

            .subject-card {
                min-height: auto;
            }

            .lower-grid {
                grid-template-columns: 1fr 1fr;
            }
        }

        @media (max-width: 720px) {
            .shell {
                width: min(100% - 24px, 1460px);
            }

            .police-nav {
                display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 6px;
                overflow-x: visible;
            }

            .police-nav a {
                display: flex;
                align-items: center;
                justify-content: center;
                min-width: 0;
                min-height: 46px;
                padding: 9px 8px;
                line-height: 1.35;
                text-align: center;
                white-space: normal;
            }

            .police-nav a:nth-child(3) {
                grid-column: 1 / -1;
            }

            .site-header {
                align-items: flex-start;
                flex-direction: column;
                gap: 18px;
            }

            .system-status {
                width: 100%;
                padding: 14px 0 0;
                border-top: 1px solid var(--line);
                border-left: 0;
            }

            .hero {
                padding-top: 52px;
            }

            .scanner-header {
                flex-direction: column;
            }

            .scanner-readouts {
                grid-template-columns: 1fr;
            }

            .case-number,
            .archive-heading,
            .section-heading {
                align-items: flex-start;
                flex-direction: column;
            }

            h1 {
                font-size: clamp(2.55rem, 15vw, 4.5rem);
            }

            .subject-photo {
                min-height: 310px;
            }

            .transmission-meta,
            .lower-grid {
                grid-template-columns: 1fr;
            }

            .transmission-meta div {
                border-right: 0;
                border-bottom: 1px solid var(--line);
            }

            .transmission-meta div:last-child {
                border-bottom: 0;
            }
        }

        @media (max-width: 430px) {
            .police-nav a {
                padding: 8px 5px;
                font-size: 0.54rem;
                letter-spacing: 0.08em;
            }

            .brand-subtitle {
                display: none;
            }

            .seal {
                width: 50px;
                height: 50px;
                flex-basis: 50px;
            }

            .subject-data {
                grid-template-columns: 1fr;
            }

            .data-cell,
            .data-cell:nth-child(even),
            .data-cell:nth-last-child(-n+2) {
                border-right: 0;
                border-bottom: 1px solid var(--line);
            }

            .data-cell:last-child {
                border-bottom: 0;
            }
        }
.language-selector {
    align-items: center;
    display: flex;
    gap: 0.55rem;
    margin-left: auto;
    padding: 0.45rem 0.65rem;
}

.language-selector label {
    color: var(--muted, #9ba8b5);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.language-selector select {
    appearance: none;
    background: #09121a;
    border: 1px solid rgba(102, 207, 255, 0.35);
    border-radius: 3px;
    color: #eaf7ff;
    cursor: pointer;
    font: inherit;
    font-size: 0.76rem;
    font-weight: 700;
    min-width: 92px;
    padding: 0.5rem 1.8rem 0.5rem 0.65rem;
}

@media (max-width: 760px) {
    .language-selector {
        grid-column: 1 / -1;
        margin-left: 0;
        width: 100%;
    }

    .language-selector select {
        flex: 1;
    }
}