/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: "JetBrains Mono", "Courier New", Courier, monospace;
    --color-yellow-400: oklch(85.2% 0.199 91.936);
    --color-yellow-500: oklch(79.5% 0.184 86.047);
    --color-cyan-900: oklch(39.8% 0.07 227.392);
    --spacing: 0.25rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-bold: 700;
    --tracking-wider: 0.05em;
    --tracking-widest: 0.1em;
    --radius-sm: 0.25rem;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-term-bg: #020804;
    --color-term-fg: #00ff41;
    --color-term-dim: #6fae87;
    --color-term-amber: #ffd700;
    --color-term-cyan: #00cfff;
    --color-term-danger: #ff2244;
    --color-term-green: #00ff41;
    --color-term-accent: #00cfff;
    --color-term-warn: #ffd700;
    --color-term-border: rgba(0,255,65,.18);
    --color-ds-bg: #0A0E0A;
    --color-ds-panel-border: #1F3D2A;
    --color-ds-text: #C8F5D0;
    --color-ds-accent: #39FF6A;
    --color-ds-warn: #E2B23A;
    --color-ds-danger: #FF4D4D;
    --color-cyan: #00cfff;
    --font-logo: "dx scans-serif";
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .visible {
    visibility: visible;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .float-right {
    float: right;
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }
  .my-3 {
    margin-block: calc(var(--spacing) * 3);
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }
  .mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }
  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }
  .ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .max-h-64 {
    max-height: calc(var(--spacing) * 64);
  }
  .min-h-16 {
    min-height: calc(var(--spacing) * 16);
  }
  .min-h-48 {
    min-height: calc(var(--spacing) * 48);
  }
  .min-h-\[8rem\] {
    min-height: 8rem;
  }
  .min-h-\[12rem\] {
    min-height: 12rem;
  }
  .w-16 {
    width: calc(var(--spacing) * 16);
  }
  .w-24 {
    width: calc(var(--spacing) * 24);
  }
  .w-28 {
    width: calc(var(--spacing) * 28);
  }
  .w-full {
    width: 100%;
  }
  .min-w-\[8rem\] {
    min-width: 8rem;
  }
  .flex-1 {
    flex: 1;
  }
  .resize {
    resize: both;
  }
  .list-disc {
    list-style-type: disc;
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .justify-between {
    justify-content: space-between;
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .space-y-1 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-2 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-3 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-4 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-cyan-900 {
    border-color: var(--color-cyan-900);
  }
  .border-term-accent\/40 {
    border-color: color-mix(in srgb, #00cfff 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-term-accent) 40%, transparent);
    }
  }
  .border-term-border {
    border-color: var(--color-term-border);
  }
  .border-term-dim\/20 {
    border-color: color-mix(in srgb, #6fae87 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-term-dim) 20%, transparent);
    }
  }
  .border-term-dim\/30 {
    border-color: color-mix(in srgb, #6fae87 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-term-dim) 30%, transparent);
    }
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
  .px-10 {
    padding-inline: calc(var(--spacing) * 10);
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }
  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }
  .pl-5 {
    padding-left: calc(var(--spacing) * 5);
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .font-mono {
    font-family: var(--font-mono);
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .text-\[10px\] {
    font-size: 10px;
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }
  .break-all {
    word-break: break-all;
  }
  .text-cyan {
    color: var(--color-cyan);
  }
  .text-term-accent {
    color: var(--color-term-accent);
  }
  .text-term-amber {
    color: var(--color-term-amber);
  }
  .text-term-cyan {
    color: var(--color-term-cyan);
  }
  .text-term-danger {
    color: var(--color-term-danger);
  }
  .text-term-dim {
    color: var(--color-term-dim);
  }
  .text-term-fg {
    color: var(--color-term-fg);
  }
  .text-term-green {
    color: var(--color-term-green);
  }
  .text-term-warn {
    color: var(--color-term-warn);
  }
  .text-yellow-400 {
    color: var(--color-yellow-400);
  }
  .text-yellow-500 {
    color: var(--color-yellow-500);
  }
  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .\[fonts\:logo\] {
    fonts: logo;
  }
  .last\:border-0 {
    &:last-child {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
  }
  .empty\:hidden {
    &:empty {
      display: none;
    }
  }
  .md\:grid-cols-2 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
}
@layer base {
  *, *::before, *::after {
    box-sizing: border-box;
  }
  html {
    height: 100%;
    color-scheme: dark;
    max-width: 100%;
    overflow-x: clip;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }
  body {
    background-color: var(--color-term-bg);
    font-family: var(--font-mono);
    color: var(--color-term-fg);
    max-width: 100%;
    min-height: 100vh;
    min-height: 100dvh;
    overflow-x: clip;
    padding-top: 44px;
    padding-bottom: calc(54px + env(safe-area-inset-bottom, 0px));
    background-image: linear-gradient(rgba(0,255,65,.03) 1px, transparent 1px), linear-gradient(90deg, rgba(0,255,65,.03) 1px, transparent 1px);
    background-size: 32px 32px;
  }
  body::after {
    content: "";
    position: fixed;
    inset: 0;
    background: repeating-linear-gradient(0deg, rgba(0,0,0,.12), rgba(0,0,0,.12) 1px, transparent 1px, transparent 3px);
    pointer-events: none;
    z-index: 999;
  }
  a {
    color: var(--color-term-cyan);
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  img, svg, video, canvas {
    max-width: 100%;
    height: auto;
  }
  h1 {
    margin-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    text-transform: uppercase;
    text-shadow: 0 0 10px rgba(0,255,65,.5);
  }
  h2 {
    margin-top: calc(var(--spacing) * 6);
    margin-bottom: calc(var(--spacing) * 2);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    color: var(--color-term-dim);
    text-transform: uppercase;
  }
}
@layer components {
  .panel {
    border: 1px solid rgba(0,255,65,.35);
    background: rgba(0,255,65,.03);
    border-radius: var(--radius-sm);
    padding: calc(var(--spacing) * 4);
    box-shadow: 0 0 12px rgba(0,255,65,.12), inset 0 0 24px rgba(0,255,65,.03);
  }
  .btn {
    display: inline-block;
    cursor: pointer;
    border-radius: var(--radius-sm);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
    text-transform: uppercase;
    text-decoration-line: none;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    color: #c8ffd4;
    border: 1px solid rgba(0,255,65,.35);
    background: rgba(0,255,65,.06);
  }
  .btn:hover {
    color: #00ff41;
    border-color: rgba(0,255,65,.8);
    box-shadow: 0 0 10px rgba(0,255,65,.35);
    text-shadow: 0 0 6px rgba(0,255,65,.6);
  }
  .btn-danger {
    color: #ff5577;
    border-color: rgba(255,34,68,.35);
    background: rgba(255,34,68,.08);
  }
  .btn-danger:hover {
    color: #ff5577;
    border-color: var(--color-term-danger);
    box-shadow: 0 0 10px rgba(255,34,68,.35);
  }
  .field {
    background: rgba(0,0,0,.5);
    border: 1px solid rgba(0,255,65,.3);
    border-radius: var(--radius-sm);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1);
    color: var(--color-term-fg);
  }
  .field::placeholder {
    color: rgba(120,220,150,.4);
  }
  .field:focus-visible {
    outline: 1px solid rgba(0,255,65,.8);
    outline-offset: 1px;
    border-color: var(--color-term-fg);
    box-shadow: 0 0 8px rgba(0,255,65,.3);
  }
  .error {
    color: var(--color-term-danger);
  }
  .top-bar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 44px;
    background: rgba(2,8,4,.96);
    border-bottom: 1px solid rgba(0,255,65,.35);
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 0 12px;
    z-index: 500;
    font-size: 10px;
    letter-spacing: .3px;
    overflow: hidden;
  }
  .top-bar__brand {
    font-size: 13px;
    font-weight: bold;
    color: #c8ffd4;
    letter-spacing: 2px;
    margin-right: 10px;
    white-space: nowrap;
    text-shadow: 0 0 10px #00ff41;
    flex-shrink: 0;
  }
  .top-bar__brand span {
    color: #00cfff;
    text-shadow: 0 0 10px #00cfff;
  }
  .top-bar .nohack-logo {
    margin-right: 10px;
  }
  .nohack-logo--live .nohack-logo__core, .nohack-logo--live .nohack-logo__no, .nohack-logo--live .nohack-logo__hack, .nohack-logo--live .nohack-logo__ghost, .nohack-logo--live .nohack-logo__shine, .nohack-logo--live .nohack-logo__scan, .nohack-logo--live .nohack-logo__cursor, .nohack-logo--live .nohack-logo__prefix {
    animation: none !important;
  }
  .top-bar__group {
    display: flex;
    align-items: center;
    gap: 3px;
    flex-shrink: 1;
    min-width: 0;
    padding: 0 2px;
  }
  .top-bar__group--level {
    flex: 1;
    min-width: 88px;
    max-width: 160px;
    margin-left: 2px;
  }
  .top-bar__stat {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 6px;
    min-width: 0;
    max-width: 108px;
    flex-shrink: 1;
    border: 1px solid rgba(0,255,65,.1);
    background: rgba(0,0,0,.28);
    border-radius: 2px;
    white-space: nowrap;
  }
  .top-bar__stat .lbl {
    color: rgba(160,255,190,.5);
    font-size: 8px;
    letter-spacing: 1px;
    text-transform: uppercase;
    min-width: 1.2em;
  }
  .top-bar__stat .val {
    color: #c8ffd4;
    font-weight: bold;
    text-shadow: 0 0 6px #00ff41;
    font-size: 10px;
    font-variant-numeric: tabular-nums;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
    line-height: 1;
  }
  .top-bar__stat .val.gold {
    color: #ffd700;
    text-shadow: 0 0 6px rgba(255,215,0,.5);
  }
  .top-bar__stat .val.cyan {
    color: #00cfff;
    text-shadow: 0 0 6px #00cfff;
  }
  .top-bar__stat--bank {
    border-color: rgba(255,215,0,.16);
    background: rgba(255,215,0,.04);
  }
  .top-bar__stat--vtc {
    border-color: rgba(0,207,255,.16);
    background: rgba(0,207,255,.04);
  }
  .top-bar__stat--nuc {
    border-color: rgba(185,122,255,.16);
    background: rgba(185,122,255,.04);
  }
  .top-bar__stat--traces {
    border-color: rgba(255,85,119,.2);
    background: rgba(255,85,119,.05);
  }
  .top-bar__stat--level {
    max-width: none;
    border-color: rgba(0,207,255,.18);
    background: rgba(0,207,255,.04);
    flex-shrink: 0;
  }
  .top-bar__frac {
    opacity: .45;
    margin: 0 1px;
    font-weight: normal;
  }
  .top-bar__max {
    font-size: 8px;
    color: rgba(0,207,255,.45);
    font-weight: normal;
    margin-left: 1px;
  }
  .top-bar__prestige {
    font-size: 8px;
    color: #b97aff;
    margin-left: 3px;
    font-weight: bold;
  }
  .top-bar__xp {
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 1;
    min-width: 56px;
    max-width: none;
    flex-shrink: 1;
    padding: 0;
  }
  .top-bar__xp-track {
    flex: 1;
    height: 4px;
    background: rgba(0,207,255,.1);
    border: 1px solid rgba(0,207,255,.22);
    border-radius: 2px;
    min-width: 40px;
  }
  .top-bar__xp-fill {
    height: 100%;
    background: #00cfff;
    box-shadow: 0 0 5px #00cfff;
    border-radius: 1px;
    transition: width .4s;
  }
  .top-bar__xp-label {
    font-size: 8px;
    color: rgba(0,207,255,.6);
    white-space: nowrap;
    flex-shrink: 0;
    font-variant-numeric: tabular-nums;
  }
  .top-bar__right {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
  }
  .top-bar__user {
    color: #7dffaa;
    font-size: 9px;
    letter-spacing: .5px;
    max-width: 90px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .top-bar__user strong {
    color: #00cfff;
    text-shadow: 0 0 6px #00cfff;
  }
  .top-bar__clock {
    color: #00cfff;
    font-size: 10px;
    text-shadow: 0 0 5px #00cfff;
    flex-shrink: 0;
  }
  .top-bar__logout {
    font-size: 9px;
    letter-spacing: 1px;
    color: #ff2244;
    text-decoration: none;
    border: 1px solid rgba(255,34,68,.3);
    padding: 2px 6px;
    transition: color .2s, border-color .2s, background .2s, box-shadow .2s;
    flex-shrink: 0;
  }
  .top-bar__logout:hover {
    color: #ff5577;
    border-color: #ff2244;
    background: rgba(255,34,68,.08);
  }
  .top-bar__sep {
    width: 1px;
    height: 22px;
    background: rgba(0,255,65,.22);
    margin: 0 2px;
    flex-shrink: 0;
  }
  .top-bar__stats {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex: 1;
    min-width: 0;
    overflow: hidden;
    gap: 4px;
  }
  .top-bar--remote .top-bar__right {
    margin-left: auto;
    flex-shrink: 0;
    position: relative;
    z-index: 1;
  }
  .top-bar__remote {
    display: flex;
    align-items: center;
    gap: clamp(4px, 0.8vw, 10px);
    flex: 1 1 0;
    min-width: 0;
    max-width: calc(100% - 10.5rem);
    margin: 0 4px 0 6px;
    padding: 3px 8px;
    border: 1px solid rgba(255,140,0,.38);
    background: linear-gradient(90deg, rgba(255,140,0,.1), rgba(2,10,4,.92));
    box-sizing: border-box;
    position: relative;
    z-index: 2;
    overflow: hidden;
  }
  .top-bar__remote-tag {
    font-size: 9px;
    font-weight: bold;
    letter-spacing: 1.3px;
    color: #ff8c00;
    border: 1px solid rgba(255,140,0,.45);
    padding: 2px 7px;
    white-space: nowrap;
    flex-shrink: 0;
    text-transform: uppercase;
  }
  .top-bar__remote-text {
    font-size: 10px;
    color: rgba(200,255,212,.88);
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
    letter-spacing: .3px;
  }
  .top-bar__remote-text strong {
    color: #00cfff;
    text-shadow: 0 0 6px rgba(0,207,255,.35);
  }
  .top-bar__remote-exit {
    font-size: 9px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #00cfff;
    text-decoration: none;
    white-space: nowrap;
    flex-shrink: 0;
    padding: 2px 4px;
    border: 1px solid transparent;
  }
  .top-bar__remote-exit:hover {
    color: #00ff41;
    border-color: rgba(0,255,65,.25);
  }
  .hack-ico {
    display: block;
    color: currentColor;
    vertical-align: middle;
    flex-shrink: 0;
    overflow: visible;
  }
  .hack-ico--stat {
    width: 13px;
    height: 13px;
    opacity: .95;
    flex-shrink: 0;
    filter: drop-shadow(0 0 3px currentColor);
  }
  .top-bar__stat .hack-ico--stat {
    margin: 0;
  }
  .hack-ico--gold {
    color: #ffd700;
  }
  .hack-ico--cyan {
    color: #00cfff;
  }
  .hack-ico--danger {
    color: #ff5577;
  }
  .stat-sym {
    opacity: .8;
    margin-right: 1px;
  }
  .top-bar__stat .lbl {
    display: none;
  }
  .top-bar__val--danger {
    color: #ff5577;
    text-shadow: 0 0 6px rgba(255,85,119,.5);
  }
  .top-bar__rank-name {
    max-width: 84px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    vertical-align: bottom;
  }
  .top-bar__logout:focus-visible, .nav-item:focus-visible, .btn:focus-visible, .btn-primary:focus-visible, .btn-bypass:focus-visible, .btn-guest:focus-visible {
    outline: 1px solid rgba(0,255,65,.9);
    outline-offset: 2px;
  }
  .bottom-nav {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: calc(54px + env(safe-area-inset-bottom, 0px));
    padding-bottom: env(safe-area-inset-bottom, 0px);
    background: rgba(2,8,4,.96);
    border-top: 1px solid rgba(0,255,65,.35);
    z-index: 500;
  }
  .bottom-nav__grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    max-width: none;
    margin: 0 auto;
    height: 100%;
    width: 100%;
  }
  .bottom-nav__grid--5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .bottom-nav__grid--3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .nav-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    text-decoration: none;
    color: rgba(160,255,190,.55);
    font-size: clamp(10px, 0.8vw, 12px);
    font-weight: bold;
    letter-spacing: 1.6px;
    position: relative;
    transition: color .2s, text-shadow .2s, background .2s;
    border: none;
    background: none;
    cursor: pointer;
    min-height: 100%;
    padding: 4px 2px;
  }
  .nav-item:hover {
    color: #c8ffd4;
    text-decoration: none;
    background: rgba(0,255,65,.05);
  }
  .nav-item.active {
    color: #00ff41;
    text-shadow: 0 0 8px #00ff41;
    background: rgba(0,255,65,.04);
  }
  .nav-item.active::before {
    content: "";
    position: absolute;
    top: 0;
    left: 18%;
    right: 18%;
    width: auto;
    transform: none;
    height: 2px;
    background: #00ff41;
    box-shadow: 0 0 8px #00ff41;
  }
  .nav-icon, .nav-item .hack-ico {
    width: clamp(20px, 1.6vw, 24px);
    height: clamp(20px, 1.6vw, 24px);
    line-height: 1;
    display: block;
    flex-shrink: 0;
    color: currentColor;
    filter: drop-shadow(0 0 3px rgba(0,255,65,.35));
  }
  .glitch {
    position: relative;
  }
  .glitch::before, .glitch::after {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
  }
  .glitch::before {
    left: 2px;
    text-shadow: -2px 0 #f00;
    animation: glitch-a 6s infinite linear alternate-reverse;
  }
  .glitch::after {
    left: -2px;
    text-shadow: -2px 0 #00f;
    animation: glitch-b 6s infinite linear alternate-reverse;
  }
  @keyframes glitch-a {
    0% {
      clip: rect(42px,9999px,44px,0);
    }
    20% {
      clip: rect(63px,9999px,27px,0);
    }
    40% {
      clip: rect(26px,9999px,60px,0);
    }
    60% {
      clip: rect(82px,9999px,31px,0);
    }
    80% {
      clip: rect(23px,9999px,85px,0);
    }
    100% {
      clip: rect(52px,9999px,74px,0);
    }
  }
  @keyframes glitch-b {
    0% {
      clip: rect(65px,9999px,100px,0);
    }
    20% {
      clip: rect(67px,9999px,61px,0);
    }
    40% {
      clip: rect(23px,9999px,98px,0);
    }
    60% {
      clip: rect(45px,9999px,54px,0);
    }
    80% {
      clip: rect(53px,9999px,21px,0);
    }
    100% {
      clip: rect(68px,9999px,69px,0);
    }
  }
  .nohack-logo {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 0.35em;
    text-decoration: none;
    font-family: var(--font-logo);
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.08em;
    text-transform: none;
    flex-shrink: 0;
    z-index: 10;
  }
  .nohack-logo:hover {
    text-decoration: none;
  }
  .nohack-logo__prefix {
    color: rgba(0,255,65,.45);
    font-size: 0.55em;
    letter-spacing: 0.2em;
    animation: nohack-prefix-pulse 2s ease-in-out infinite alternate;
  }
  @keyframes nohack-prefix-pulse {
    from {
      opacity: 0.4;
      color: rgba(0,255,65,.4);
    }
    to {
      opacity: 1;
      color: rgba(0,207,255,.9);
      text-shadow: 0 0 10px rgba(0,207,255,.65);
    }
  }
  .nohack-logo__stack {
    position: relative;
    display: inline-block;
    overflow: visible;
  }
  .nohack-logo__core {
    position: relative;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    gap: 0.02em;
  }
  .nohack-logo__no {
    display: inline-block;
    color: #c8ffd4;
  }
  .nohack-logo__hack {
    display: inline-block;
    color: #00cfff;
  }
  .nohack-logo__cursor {
    color: #00cfff;
    margin-left: 0.05em;
    animation: blink 1s step-end infinite;
  }
  @keyframes nohack-core-jitter {
    0%, 100% {
      transform: translate(0, 0);
    }
    10% {
      transform: translate(-2px, 0);
    }
    20% {
      transform: translate(2px, 1px);
    }
    30% {
      transform: translate(-1px, -1px);
    }
    40% {
      transform: translate(0, 0);
    }
    88% {
      transform: translate(0, 0);
    }
    91% {
      transform: translate(-3px, 0);
    }
    93% {
      transform: translate(3px, -1px);
    }
    95% {
      transform: translate(-1px, 1px);
    }
    97% {
      transform: translate(0, 0);
    }
  }
  @keyframes nohack-rgb-split {
    0% {
      text-shadow: -3px 0 rgba(255,34,68,.85), 3px 0 rgba(0,207,255,.85);
    }
    33% {
      text-shadow: 3px -1px rgba(255,34,68,.9), -3px 1px rgba(0,207,255,.9);
    }
    66% {
      text-shadow: -2px 1px rgba(255,34,68,.8), 2px -1px rgba(0,207,255,.8);
    }
    100% {
      text-shadow: -3px 0 rgba(255,34,68,.85), 3px 0 rgba(0,207,255,.85);
    }
  }
  @keyframes nohack-no-glow {
    from {
      color: #d4ffe4;
    }
    to {
      color: #ffffff;
    }
  }
  @keyframes nohack-hack-glow {
    from {
      color: #00cfff;
    }
    to {
      color: #7dffff;
    }
  }
  .nohack-logo__ghost {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    white-space: nowrap;
    font: inherit;
    letter-spacing: inherit;
    display: inline-flex;
    align-items: baseline;
  }
  .nohack-logo__ghost span {
    color: inherit;
  }
  .nohack-logo__ghost--r {
    color: #ff2244;
    animation: nohack-ghost-r 1.1s ease-in-out infinite alternate;
    will-change: transform, opacity;
  }
  .nohack-logo__ghost--b {
    color: #00cfff;
    animation: nohack-ghost-b 1.1s ease-in-out infinite alternate-reverse;
    will-change: transform, opacity;
  }
  @keyframes nohack-ghost-r {
    from {
      transform: translate(-4px, 0);
      opacity: 0.25;
    }
    to {
      transform: translate(-1px, 2px);
      opacity: 0.65;
    }
  }
  @keyframes nohack-ghost-b {
    from {
      transform: translate(4px, 0);
      opacity: 0.25;
    }
    to {
      transform: translate(1px, -2px);
      opacity: 0.65;
    }
  }
  .nohack-logo__shine {
    position: absolute;
    inset: -30% -50%;
    z-index: 4;
    pointer-events: none;
    background: linear-gradient( 105deg, transparent 40%, rgba(255,255,255,.22) 48%, rgba(255,255,255,.35) 50%, rgba(255,255,255,.18) 52%, transparent 60% );
    transform: translate3d(-130%, 0, 0) skewX(-18deg);
    animation: nohack-shine 3s ease-in-out infinite;
    will-change: transform, opacity;
  }
  @keyframes nohack-shine {
    0% {
      transform: translate3d(-130%, 0, 0) skewX(-18deg);
      opacity: 0;
    }
    20% {
      opacity: 1;
    }
    45% {
      transform: translate3d(130%, 0, 0) skewX(-18deg);
      opacity: 0;
    }
    100% {
      transform: translate3d(130%, 0, 0) skewX(-18deg);
      opacity: 0;
    }
  }
  .nohack-logo__scan {
    display: none;
  }
  .nohack-logo--sm {
    font-size: clamp(18px, 1.45vw, 24px);
    margin-right: 12px;
  }
  .nohack-logo--sm .nohack-logo__scan {
    display: none;
  }
  .nohack-logo--hero {
    font-size: clamp(2.85rem, 10vw, 5.75rem);
    letter-spacing: 0.11em;
    margin-bottom: 0.1em;
  }
  .nohack-logo--hero .nohack-logo__prefix {
    font-size: 0.42em;
  }
  .nohack-logo--hero .nohack-logo__scan {
    display: none;
  }
  .nohack-logo--hero .nohack-logo__core {
    animation-duration: 2.4s;
  }
  .logo-wrap {
    display: flex;
    justify-content: center;
    margin-bottom: clamp(16px, 3vh, 28px);
    position: relative;
    z-index: 25;
  }
  .top-bar .nohack-logo {
    margin-right: 10px;
  }
  .scan-header {
    text-align: center;
    padding: 4px 0 16px;
  }
  .page-title {
    position: relative;
    margin-bottom: calc(var(--spacing) * 1);
    display: inline-block;
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    text-transform: uppercase;
    color: rgba(0,255,65,.5);
  }
  .page-title span {
    color: #00cfff;
    text-shadow: 0 0 8px rgba(0,207,255,.45);
  }
  .page-title::after {
    content: "_";
    animation: blink 1s infinite;
  }
  .page-subtitle {
    font-size: 12px;
    color: rgba(0,255,65,.45);
    letter-spacing: .6px;
    margin: 6px auto 0;
    max-width: 60ch;
    line-height: 1.45;
  }
  .page-subtitle strong {
    color: #00cfff;
  }
  .page-header__link {
    display: inline-block;
    margin-top: 8px;
    font-size: 11px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #00cfff;
    text-decoration: none;
  }
  .page-header__link:hover {
    color: #00ff41;
    text-decoration: none;
  }
  @keyframes blink {
    0%,100% {
      opacity: 1;
    }
    50% {
      opacity: 0;
    }
  }
  @keyframes scan-line {
    0% {
      transform: translateX(-100%);
    }
    100% {
      transform: translateX(100%);
    }
  }
  @keyframes card-in {
    from {
      opacity: 0;
      transform: translateY(10px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  .dashboard-container {
    max-width: 960px;
    margin: 0 auto;
  }
  .section-label {
    font-size: 10px;
    color: rgba(0,255,65,.45);
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 14px;
  }
  .ram-row {
    display: flex;
    justify-content: space-between;
    font-size: 11px;
    color: rgba(0,255,65,.4);
    margin-bottom: 5px;
  }
  .ram-bar-track {
    height: 2px;
    background: rgba(0,255,65,.1);
    border: 1px solid rgba(0,255,65,.1);
    overflow: hidden;
    margin-bottom: 16px;
  }
  .ram-bar-fill {
    height: 100%;
    background: #00ff41;
    box-shadow: 0 0 4px rgba(0,255,65,.7);
    transition: width .5s ease;
  }
  .search-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 0;
  }
  .scan-input {
    flex: 1;
    min-width: 12rem;
    background: rgba(0,10,0,.6);
    border: 1px solid rgba(0,255,65,.3);
    color: #00ff41;
    font-family: inherit;
    font-size: 13px;
    padding: 10px 12px;
    outline: none;
    letter-spacing: 1px;
  }
  .scan-input:focus {
    border-color: #00ff41;
    box-shadow: 0 0 8px rgba(0,255,65,.15);
  }
  .btn-primary {
    display: inline-block;
    cursor: pointer;
    border-radius: var(--radius-sm);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
    text-transform: uppercase;
    text-decoration-line: none;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    color: #c8ffd4;
    border: 1px solid rgba(0,255,65,.35);
    background: rgba(0,255,65,.06);
  }
  .btn-primary:hover {
    color: #00ff41;
    border-color: rgba(0,255,65,.8);
    box-shadow: 0 0 10px rgba(0,255,65,.35);
  }
  .results-header {
    font-size: 10px;
    color: rgba(0,255,65,.35);
    letter-spacing: 2px;
    margin: 0 0 12px;
  }
  .target-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: 960px;
    margin: 0 auto;
  }
  .target-card {
    background: linear-gradient(145deg, rgba(0,15,0,.6), rgba(0,5,0,.8));
    border: 1px solid rgba(0,255,65,.3);
    position: relative;
    overflow: hidden;
    padding: 0;
    box-shadow: inset 0 0 10px rgba(0,255,65,.08), 0 4px 14px rgba(0,0,0,.4);
    animation: card-in .35s ease-out both;
  }
  .target-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(0,255,65,.8), transparent);
    animation: scan-line 4s linear infinite;
  }
  .target-card:hover {
    border-color: rgba(0,255,65,.55);
    box-shadow: inset 0 0 16px rgba(0,255,65,.1), 0 8px 24px rgba(0,255,65,.15);
  }
  .tc-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 14px;
  }
  .tc-ip {
    font-size: 15px;
    font-weight: bold;
    color: #00ff41;
    letter-spacing: 1px;
    text-shadow: 0 0 4px rgba(0,255,65,.5);
  }
  .tc-meta {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 6px;
    flex-wrap: wrap;
  }
  .tc-type-icon {
    font-size: 12px;
    opacity: .7;
  }
  .tc-username {
    font-size: 11px;
    color: rgba(0,255,65,.45);
  }
  .tc-rank-badge {
    font-size: 8px;
    font-weight: bold;
    padding: 1px 5px;
    border: 1px solid;
    letter-spacing: 1px;
  }
  .tc-rep-block {
    text-align: right;
    flex-shrink: 0;
  }
  .tc-rep-label {
    font-size: 9px;
    color: rgba(0,255,65,.35);
    letter-spacing: 2px;
    text-transform: uppercase;
  }
  .tc-rep-val {
    font-size: 20px;
    font-weight: bold;
    color: #00ff41;
    text-shadow: 0 0 6px rgba(0,255,65,.6);
    line-height: 1.1;
  }
  .tc-stats {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-top: 1px solid rgba(0,255,65,.15);
    border-bottom: 1px solid rgba(0,255,65,.15);
  }
  .tc-stat-col {
    padding: 10px 14px;
  }
  .tc-stat-col + .tc-stat-col {
    border-left: 1px solid rgba(0,255,65,.15);
  }
  .tc-stat-label {
    font-size: 9px;
    color: rgba(0,255,65,.35);
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 4px;
  }
  .tc-stat-val {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 6px;
  }
  .fw-bar-track {
    height: 3px;
    background: rgba(0,255,65,.08);
    overflow: hidden;
  }
  .fw-bar-fill {
    height: 100%;
    transition: width .7s ease;
  }
  .fw-easy {
    background: #00ff41;
    box-shadow: 0 0 5px rgba(0,255,65,.7);
  }
  .fw-mid {
    background: #f0b232;
    box-shadow: 0 0 5px rgba(240,178,50,.7);
  }
  .fw-hard {
    background: #f76464;
    box-shadow: 0 0 5px rgba(247,100,100,.7);
  }
  .success-high {
    color: #00ff41;
    text-shadow: 0 0 6px rgba(0,255,65,.8);
  }
  .success-mid {
    color: #f0b232;
    text-shadow: 0 0 6px rgba(240,178,50,.8);
  }
  .success-low {
    color: #f76464;
    text-shadow: 0 0 6px rgba(247,100,100,.8);
  }
  .fw-bar-fill.success-high {
    background: #00ff41;
  }
  .fw-bar-fill.success-mid {
    background: #f0b232;
  }
  .fw-bar-fill.success-low {
    background: #f76464;
  }
  .btn-bypass {
    display: block;
    width: 100%;
    padding: 12px 16px;
    background: rgba(0,5,0,.8);
    border: none;
    border-top: 1px solid rgba(0,255,65,.2);
    color: #00ff41;
    font-family: inherit;
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 1px;
    cursor: pointer;
    transition: background .3s, box-shadow .3s, color .3s;
    text-transform: uppercase;
    text-align: center;
  }
  .btn-bypass:hover:not(:disabled) {
    background: rgba(0,255,65,.07);
    box-shadow: inset 0 0 14px rgba(0,255,65,.18);
  }
  .btn-bypass:disabled {
    opacity: .4;
    cursor: not-allowed;
    color: rgba(0,255,65,.3);
  }
  .bypass-bar-fill {
    transition: width 1s linear;
  }
  .page-shell {
    max-width: 1280px;
    margin: 0 auto;
    padding: 12px 16px 20px;
  }
  .page-header {
    text-align: center;
    padding: 4px 0 18px;
  }
  .page {
    width: 100%;
    max-width: 880px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: clamp(14px, 2.2vh, 22px);
  }
  .page--narrow {
    max-width: 560px;
  }
  .page--wide {
    max-width: 1120px;
  }
  .page__grid {
    display: grid;
    gap: clamp(14px, 2.2vh, 22px);
  }
  .page__grid--2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .page__grid--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  @media (max-width: 820px) {
    .page__grid--2, .page__grid--3 {
      grid-template-columns: 1fr;
    }
  }
  .page > .panel, .page__grid > .panel {
    margin: 0;
  }
  .page-note {
    text-align: center;
    font-size: 12px;
    color: rgba(0,255,65,.4);
    letter-spacing: .5px;
  }
  .page-note a {
    color: #00cfff;
    text-decoration: none;
  }
  .page-note a:hover {
    color: #00ff41;
  }
  .btn--sm, .btn-sm {
    padding: 4px 10px;
    font-size: 11px;
    letter-spacing: 1px;
  }
  .btn--primary, .btn-active {
    color: #00ff41;
    border-color: rgba(0,255,65,.8);
    background: rgba(0,255,65,.12);
    box-shadow: 0 0 10px rgba(0,255,65,.25);
  }
  .btn--primary:hover, .btn-active:hover {
    color: #00ff41;
    box-shadow: 0 0 12px rgba(0,255,65,.4);
  }
  .btn--ghost, .btn-ghost {
    color: rgba(0,255,65,.55);
    border-color: rgba(0,255,65,.18);
    background: transparent;
  }
  .btn--ghost:hover, .btn-ghost:hover {
    color: #00ff41;
    border-color: rgba(0,255,65,.5);
    box-shadow: 0 0 8px rgba(0,255,65,.2);
  }
  .status-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    display: inline-block;
  }
  .status-dot.on {
    background: #00ff41;
    box-shadow: 0 0 6px #00ff41;
    animation: pulse-dot 2s infinite;
  }
  @keyframes pulse-dot {
    0%,100% {
      opacity: 1;
    }
    50% {
      opacity: .4;
    }
  }
  .top-bar__stats {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 0;
    flex: 1;
    min-width: 0;
    overflow: hidden;
  }
  .device--dashboard.dash-stack {
    --dash-gap: clamp(10px, 1.1vh, 16px);
    --dash-pad: clamp(14px, 1.6vw, 28px);
    --dash-fs-xs: clamp(11px, 0.75rem + 0.42vmin, 14px);
    --dash-fs-sm: clamp(13px, 0.875rem + 0.55vmin, 18px);
    --dash-fs-md: clamp(15px, 1rem + 0.65vmin, 22px);
    --dash-fs-lg: clamp(19px, 1.2rem + 0.85vmin, 28px);
    --dash-fs-xl: clamp(24px, 1.5rem + 1vmin, 36px);
    --conn-row-h: clamp(36px, 4.2vh, 52px);
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    gap: 0;
    box-sizing: border-box;
  }
  @media (min-width: 961px) {
    .device--dashboard.dash-stack {
      flex: 1;
      min-height: 0;
      height: 100%;
      max-height: none;
      overflow: hidden;
      --dash-fs-xs: 10px;
      --dash-fs-sm: 11px;
      --dash-fs-md: 12px;
      --dash-fs-lg: 13px;
      --dash-fs-xl: 15px;
      --conn-row-h: 28px;
    }
    .device--dashboard .dash-grid {
      height: 100%;
      padding: 6px;
      gap: 6px;
      grid-template-columns: minmax(0, 13rem) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 15rem);
      grid-template-rows: minmax(0, 0.72fr) minmax(0, 1.45fr) minmax(0, 0.62fr);
    }
  }
  .device--dashboard .dash-grid {
    display: grid;
    width: 100%;
    max-width: none;
    padding: 8px;
    margin: 0;
    box-sizing: border-box;
    flex: 1;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
    gap: 8px;
    grid-template-columns: minmax(0, 18rem) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 20rem);
    grid-template-rows: minmax(0, 0.9fr) minmax(0, 1.3fr) minmax(0, 0.8fr);
    grid-template-areas: "operator  connections  connections  log" "defense   modules      modules      intel" "status    activity     activity     net";
    align-content: stretch;
    align-items: stretch;
    justify-items: stretch;
  }
  @media (min-width: 961px) and (max-width: 1400px) {
    .device--dashboard .dash-grid {
      grid-template-columns: minmax(0, 12rem) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 14rem);
    }
  }
  .dash-cell {
    min-height: 0;
    min-width: 0;
    width: 100%;
    height: 100%;
  }
  .dash-cell--operator {
    grid-area: operator;
  }
  .dash-cell--connections {
    grid-area: connections;
  }
  .dash-cell--log {
    grid-area: log;
  }
  .dash-cell--defense {
    grid-area: defense;
  }
  .dash-cell--modules {
    grid-area: modules;
  }
  .dash-cell--intel {
    grid-area: intel;
  }
  .dash-cell--status {
    grid-area: status;
  }
  .dash-cell--net {
    grid-area: net;
  }
  .dash-cell--activity {
    grid-area: activity;
  }
  .chat-preview {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 6px 10px;
    text-decoration: none;
    color: inherit;
    width: 100%;
  }
  .chat-preview:hover .chat-preview__line {
    color: #00ff41;
  }
  .chat-preview__channel {
    font-size: 10px;
    letter-spacing: 1px;
    color: #00cfff;
    flex: 0 0 auto;
  }
  .chat-preview__line {
    font-size: 11px;
    color: rgba(0,255,65,.85);
    flex: 1 1 120px;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .chat-preview__time {
    font-size: 10px;
    color: rgba(0,255,65,.35);
  }
  .chat-preview__empty {
    font-size: 11px;
    color: rgba(0,255,65,.45);
  }
  .chat-preview__draw {
    margin: 0;
  }
  .device--dashboard .dash-cell.panel {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
  }
  .device--dashboard .panel__body, .device--dashboard .panel__body--compact {
    padding: 10px 12px;
  }
  .device--dashboard .panel__body--fill {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
  }
  .device--dashboard .panel__body--scroll, .device--dashboard .dash-scroll {
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: rgba(0,255,65,.35) transparent;
  }
  .device--dashboard .panel__body--scroll::-webkit-scrollbar, .device--dashboard .dash-scroll::-webkit-scrollbar {
    width: 4px;
    height: 4px;
  }
  .device--dashboard .panel__body--scroll::-webkit-scrollbar-thumb, .device--dashboard .dash-scroll::-webkit-scrollbar-thumb {
    background: rgba(0,255,65,.35);
    border-radius: 2px;
  }
  .dash-empty {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    margin: auto;
    min-height: 0;
    min-width: 0;
    padding: 8px;
    text-align: center;
    font-size: var(--dash-fs-xs, 10px);
    color: rgba(0, 120, 40, .5);
    letter-spacing: 0.5px;
  }
  .dash-empty a {
    color: rgba(0, 255, 65, .65);
    text-decoration: none;
  }
  .dash-empty a:hover {
    color: #00ff41;
  }
  .device--dashboard .dash-cell--operator, .device--dashboard .dash-cell--connections, .device--dashboard .dash-cell--log {
    min-height: 0;
  }
  .device--dashboard .panel__body--operator {
    border-bottom: none;
    justify-content: flex-start;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(0,255,65,.35) transparent;
  }
  .device--dashboard .ident--dash {
    flex: 1 1 auto;
    width: 100%;
    border-bottom: none;
    padding: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 0;
  }
  .device--dashboard .dash-cell--log .panel__body--scroll {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
  }
  .device--dashboard .dash-cell--defense .defense-rig {
    flex: 1;
    min-height: 0;
    width: 100%;
    justify-content: center;
  }
  .device--dashboard .dash-cell--status {
    min-height: 0;
  }
  .device--dashboard .panel__body--combat-rig {
    overflow: hidden;
    justify-content: flex-start;
    padding: clamp(6px, 0.8vh, 10px) clamp(8px, 1vw, 12px);
  }
  .device--dashboard #combat-ready-panel {
    flex: 1;
    min-height: 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow: hidden;
  }
  .device--dashboard .panel--combat:has(.combat-rig--engaged) {
    border-color: rgba(0,255,65,.45);
    box-shadow: inset 0 0 24px rgba(0,255,65,.04);
  }
  .device--dashboard .combat-rig {
    flex: 1;
    min-height: 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: clamp(4px, 0.55vh, 8px);
    overflow: hidden;
  }
  .device--dashboard .combat-rig__telemetry {
    flex-shrink: 0;
    padding-bottom: clamp(4px, 0.5vh, 6px);
  }
  .device--dashboard .combat-rig__jobs {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(0,255,65,.35) transparent;
  }
  .device--dashboard .combat-rig__jobs::-webkit-scrollbar {
    width: 4px;
  }
  .device--dashboard .combat-rig__jobs::-webkit-scrollbar-thumb {
    background: rgba(0,255,65,.35);
    border-radius: 2px;
  }
  .device--dashboard .combat-rig__standby {
    flex: 0 0 auto;
    min-height: 0;
    justify-content: flex-start;
  }
  .device--dashboard .combat-rig__spam-income {
    flex-shrink: 0;
    min-height: 0;
  }
  .device--dashboard .combat-rig__spam-list {
    max-height: none;
    flex: 1;
    min-height: 0;
  }
  .device--dashboard .panel__head {
    flex-shrink: 0;
    min-height: 24px;
    padding: 4px 8px;
    box-sizing: border-box;
  }
  @media (min-width: 961px) {
    .device--dashboard .panel__head {
      min-height: 22px;
      padding: 3px 7px;
    }
    .device--dashboard .panel__title {
      font-size: var(--dash-fs-xs);
      letter-spacing: 1px;
    }
    .device--dashboard .panel__badge {
      font-size: 9px;
      padding: 1px 5px;
    }
    .device--dashboard .panel__body, .device--dashboard .panel__body--compact {
      padding: 6px 8px;
    }
    .device--dashboard .panel__body--operator, .device--dashboard .panel__body--defense, .device--dashboard .panel__body--combat-rig {
      padding: 5px 7px;
    }
    .device--dashboard .panel__body--combat-rig {
      padding: 4px 6px;
    }
  }
  .device--dashboard .panel__title {
    font-size: var(--dash-fs-sm);
    letter-spacing: 2px;
  }
  .device--dashboard .panel__badge {
    font-size: var(--dash-fs-xs);
    padding: 2px 8px;
  }
  .device--dashboard .dash-cell--connections .panel__body--fill {
    overflow: hidden;
    min-height: 0;
  }
  .device--dashboard .conn-grid--viewport {
    flex: 1;
    min-height: 0;
    max-height: none;
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    align-content: start;
    gap: 4px;
    scrollbar-width: thin;
    scrollbar-color: rgba(0,255,65,.35) transparent;
    padding-right: 2px;
  }
  .device--dashboard .conn-grid--viewport::-webkit-scrollbar {
    width: 4px;
  }
  .device--dashboard .conn-grid--viewport::-webkit-scrollbar-thumb {
    background: rgba(0,255,65,.35);
    border-radius: 2px;
  }
  .device--dashboard .dash-cell--net {
    overflow: hidden;
    min-height: 0;
  }
  .device--dashboard .dash-cell--net .matrix-win {
    flex: 1;
    min-height: 0;
    height: 100%;
  }
  .device--dashboard .panel__body--matrix {
    padding: 0 !important;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }
  .device--dashboard .panel--matrix .panel__head--matrix {
    display: flex;
    align-items: center;
    gap: 8px;
    border-bottom-color: rgba(0, 255, 65, .15);
    background: rgba(0, 255, 65, .04);
  }
  .device--dashboard .panel--matrix .matrix-win__led {
    width: 6px;
    height: 6px;
    border-radius: 1px;
    background: #00ff41;
    box-shadow: 0 0 8px #00ff41;
    flex-shrink: 0;
    animation: matrix-win-led 1.4s ease-in-out infinite;
  }
  .device--dashboard .panel--matrix .matrix-win__head-tag {
    margin-left: auto;
    font-size: var(--dash-fs-xs);
    letter-spacing: 1.5px;
    color: rgba(0, 207, 255, .75);
    animation: matrix-win-tag 2s step-end infinite;
  }
  .device--dashboard .matrix-win__stage {
    min-height: 0;
    flex: 1;
  }
  .device--dashboard .matrix-win__log {
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: rgba(0,255,65,.35) transparent;
  }
  .device--dashboard .matrix-win__log::-webkit-scrollbar {
    width: 4px;
  }
  .device--dashboard .matrix-win__log::-webkit-scrollbar-thumb {
    background: rgba(0,255,65,.35);
    border-radius: 2px;
  }
  .device--dashboard .matrix-win__log-scroll {
    animation: none !important;
    will-change: auto;
  }
  @keyframes matrix-win-led {
    0%, 100% {
      opacity: 1;
      transform: scale(1);
    }
    50% {
      opacity: .4;
      transform: scale(.85);
    }
  }
  @keyframes matrix-win-tag {
    0%, 88% {
      opacity: 1;
    }
    89%, 100% {
      opacity: .35;
    }
  }
  .device--dashboard .dash-cell--modules .panel__body--scroll {
    flex: 1;
    min-height: 0;
  }
  .device--dashboard .dash-cell--modules .module-grid, .device--dashboard .dash-cell--modules .module-sections {
    flex: 1;
    min-height: 0;
    align-content: start;
    width: 100%;
  }
  .device--dashboard .dash-cell--intel .panel__body--scroll, .device--dashboard .dash-cell--log .panel__body--scroll {
    flex: 1;
    min-height: 0;
  }
  .device--dashboard .dash-cell--activity .panel__body--fill {
    overflow: hidden;
    justify-content: flex-start;
  }
  .device--dashboard .dash-cell--activity .chat-preview {
    flex: 0 0 auto;
    min-height: 0;
    align-self: flex-start;
    align-content: flex-start;
  }
  .device--dashboard .chat-preview--empty {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .device--dashboard .dash-stack {
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
  }
  .device--dashboard .module-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(6px, 0.8vmin, 10px);
  }
  @media (min-width: 961px) {
    .device--dashboard .module-grid {
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 8px;
    }
  }
  @media (min-width: 1800px) {
    .device--dashboard .module-grid {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  @media (min-width: 2400px) {
    .device--dashboard .module-grid {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  .device--dashboard .module {
    grid-template-columns: clamp(34px, 2.8vw, 40px) minmax(0, 1fr);
    column-gap: clamp(6px, 0.7vw, 9px);
    min-height: clamp(40px, 5vh, 56px);
    padding: clamp(5px, 0.65vh, 8px) clamp(6px, 0.8vw, 10px);
  }
  @media (min-width: 961px) {
    .device--dashboard .module {
      grid-template-columns: 36px minmax(0, 1fr);
      column-gap: 8px;
      min-height: 54px;
      padding: 8px 10px;
    }
    .device--dashboard .module__icon {
      width: 36px;
      height: 36px;
    }
    .device--dashboard .module__icon .hack-ico {
      width: 18px;
      height: 18px;
    }
    .device--dashboard .module__label {
      font-size: var(--dash-fs-sm);
      letter-spacing: 0.75px;
    }
    .device--dashboard .module__desc {
      font-size: var(--dash-fs-xs);
      line-height: 1.3;
      margin-top: 2px;
      white-space: normal;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }
  }
  @media (max-width: 960px) {
    .device--dashboard .module__icon {
      width: clamp(34px, 2.8vw, 40px);
      height: clamp(34px, 2.8vw, 40px);
    }
    .device--dashboard .module__icon .hack-ico {
      width: clamp(18px, 1.5vw, 22px);
      height: clamp(18px, 1.5vw, 22px);
    }
  }
  .device--dashboard .module__desc {
    display: block;
    font-size: var(--dash-fs-xs);
    color: rgba(0,255,65,.45);
    margin-top: 1px;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  @media (min-width: 961px) {
    .device--dashboard .module__desc {
      white-space: normal;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }
  }
  .device--dashboard .module__cmd {
    display: none;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 0.15s ease;
  }
  .device--dashboard .module:hover .module__cmd, .device--dashboard .module:focus-within .module__cmd, .device--dashboard .module:focus-visible .module__cmd {
    display: block;
    opacity: 1;
    max-height: 2em;
  }
  @media (max-width: 720px) {
    .device--dashboard .module__cmd {
      display: block;
      opacity: 1;
      max-height: none;
    }
  }
  .device--dashboard .activity-row:nth-child(n+6) {
    display: none;
  }
  @media (min-width: 961px) {
    .device--dashboard .conn-card {
      padding: 3px 6px;
      min-height: var(--conn-row-h, 28px);
      gap: 0 6px;
    }
    .device--dashboard .def-stat {
      padding: 3px 4px;
    }
    .device--dashboard .def-stat__val {
      font-size: 11px;
    }
    .device--dashboard .def-stat__val--compact {
      font-size: 9px;
    }
    .device--dashboard .dash-cell--log .log-entry {
      font-size: var(--dash-fs-xs);
      padding: 2px 0;
      line-height: 1.35;
    }
    .device--dashboard .alert-item {
      padding: 3px 0;
      font-size: var(--dash-fs-xs);
    }
    .device--dashboard .alert-icon {
      font-size: 12px;
    }
    .device--dashboard .chat-preview__line {
      font-size: var(--dash-fs-sm);
    }
    .device--dashboard .chat-preview__channel {
      font-size: var(--dash-fs-xs);
    }
    .device--dashboard .matrix-win__log-scroll p {
      font-size: 9px;
      line-height: 1.35;
      margin: 0 0 2px;
    }
    .device--dashboard .combat-rig__telemetry {
      padding-bottom: 2px;
    }
    .device--dashboard .combat-rig {
      gap: 3px;
    }
  }
  .device--dashboard .conn-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 0 clamp(8px, 1vw, 14px);
    padding: clamp(4px, 0.6vh, 8px) clamp(8px, 1vw, 12px);
    min-height: var(--conn-row-h, 36px);
    text-decoration: none;
    cursor: pointer;
  }
  .device--dashboard .conn-card__host {
    font-size: var(--dash-fs-sm);
  }
  .device--dashboard .conn-card__ip {
    margin: 0;
    font-size: var(--dash-fs-xs);
  }
  .device--dashboard .conn-card__access {
    margin: 0;
    white-space: nowrap;
    font-size: var(--dash-fs-xs);
  }
  .device--dashboard .conn-card__btn {
    display: inline;
    background: transparent;
    color: rgba(0,255,65,.55);
    padding: 0;
    margin: 0;
    font-size: var(--dash-fs-xs);
    font-weight: bold;
    border: none;
    line-height: 1.2;
    box-shadow: none;
    letter-spacing: 0.5px;
  }
  .device--dashboard .conn-card:hover .conn-card__btn {
    color: #00ff41;
  }
  .device--dashboard .def-stat {
    padding: clamp(5px, 0.55vh, 7px) clamp(5px, 0.65vw, 7px);
    gap: 2px;
  }
  .device--dashboard .def-stat__lbl {
    font-size: var(--dash-fs-xs);
    letter-spacing: 1px;
  }
  .device--dashboard .def-stat__val {
    font-size: clamp(13px, 1.05vw, 16px);
  }
  .device--dashboard .def-stat__val--compact {
    font-size: clamp(10px, 0.9vw, 13px);
    letter-spacing: 0;
  }
  .device--dashboard .def-stat__ico .hack-ico {
    width: 11px;
    height: 11px;
  }
  .device--dashboard .module__icon {
    margin-bottom: 0;
    line-height: 1;
  }
  @media (max-width: 960px) {
    .device--dashboard .module__label {
      font-size: var(--dash-fs-sm);
      margin-bottom: 0;
      letter-spacing: 1px;
    }
    .device--dashboard .alert-item {
      padding: clamp(4px, 0.6vh, 8px) 0;
      font-size: var(--dash-fs-sm);
    }
    .device--dashboard .alert-icon {
      font-size: var(--dash-fs-md);
    }
    .device--dashboard .activity-row {
      padding: clamp(4px, 0.6vh, 8px) 0;
      font-size: var(--dash-fs-sm);
    }
    .device--dashboard .panel__body, .device--dashboard .panel__body--compact {
      padding: clamp(10px, 1.2vh, 16px) clamp(12px, 1.4vw, 18px);
    }
    .device--dashboard .panel__body--operator, .device--dashboard .panel__body--defense, .device--dashboard .panel__body--combat-rig {
      padding: clamp(8px, 1vh, 12px) clamp(10px, 1.2vw, 14px);
    }
    .device--dashboard .chat-preview__channel {
      font-size: var(--dash-fs-sm);
    }
    .device--dashboard .chat-preview__line {
      font-size: var(--dash-fs-md);
    }
    .device--dashboard .chat-preview__time {
      font-size: var(--dash-fs-xs);
    }
    .device--dashboard .chat-preview__empty {
      font-size: var(--dash-fs-sm);
    }
    .device--dashboard .conn-empty {
      font-size: var(--dash-fs-sm);
    }
  }
  .device--dashboard .panel__body--defense {
    overflow: hidden;
  }
  .device--dashboard .conn-card:hover {
    border-color: #00ff41;
    background: rgba(0,255,65,.06);
    text-decoration: none;
  }
  .device--dashboard .ident--dash .ident__handle {
    font-size: clamp(14px, 1.1vw, 18px);
    font-weight: bold;
    color: #c8ffd4;
    text-shadow: 0 0 10px rgba(0,255,65,.45);
    letter-spacing: 1.5px;
    line-height: 1.15;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .device--dashboard .ident--dash .ident__rank {
    font-size: var(--dash-fs-xs);
  }
  .device--dashboard .ident--dash .ident__meta {
    margin-top: clamp(4px, 0.6vh, 8px);
    gap: 4px;
  }
  .device--dashboard .ident--dash .ident__ip-row {
    margin-top: clamp(4px, 0.5vh, 6px);
    padding: clamp(3px, 0.5vh, 5px) clamp(5px, 0.7vw, 8px);
  }
  .device--dashboard .ident--dash .ident__ip-lbl {
    font-size: var(--dash-fs-xs);
  }
  .device--dashboard .ident--dash .ident__ip {
    font-size: var(--dash-fs-md);
  }
  .device--dashboard .ident--dash .ident__level {
    font-size: var(--dash-fs-xs);
    letter-spacing: 1px;
    padding: 1px 5px;
    border: 1px solid rgba(0,207,255,.35);
    color: #00cfff;
  }
  .device--dashboard .ident--dash .ident__track {
    margin-top: clamp(4px, 0.5vh, 6px);
    min-width: 0;
  }
  .device--dashboard .ident--dash .ident__track-head {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 6px;
    margin-bottom: 3px;
  }
  .device--dashboard .ident--dash .ident__track-lbl {
    font-size: var(--dash-fs-xs);
    color: rgba(160,255,190,.5);
    letter-spacing: 1px;
    text-transform: uppercase;
  }
  .device--dashboard .ident--dash .ident__track-val {
    font-size: var(--dash-fs-sm);
    font-weight: bold;
    color: #c8ffd4;
    font-variant-numeric: tabular-nums;
    flex-shrink: 0;
  }
  .device--dashboard .ident--dash .ident__track-val--gold {
    color: #ffd700;
  }
  .device--dashboard .ident--dash .bar-track {
    margin-top: 0;
  }
  .device--dashboard .ident--dash .bar-labels {
    font-size: var(--dash-fs-xs);
    flex-wrap: wrap;
    gap: 2px 6px;
    line-height: 1.25;
  }
  .device--dashboard .ident--dash .bar-labels span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .device--dashboard .ident--dash .bar-labels--solo span {
    overflow: visible;
    text-overflow: unset;
    white-space: normal;
  }
  .device--dashboard .alert-text {
    font-size: var(--dash-fs-xs);
    line-height: 1.4;
  }
  .device--dashboard .dash-cell--log .log-entry .ts {
    display: inline;
    margin-bottom: 0;
    margin-right: 6px;
    font-size: var(--dash-fs-xs);
    color: #00cfff;
    font-weight: normal;
    text-shadow: none;
  }
  .device--dashboard .dash-cell--log .log-entry {
    font-size: var(--dash-fs-sm);
    font-weight: bold;
    color: #c8ffd4;
    padding: clamp(4px, 0.6vh, 8px) 0;
    line-height: 1.45;
  }
  @media (max-width: 960px) {
    .device--dashboard .dash-grid {
      height: auto;
      max-height: none;
      overflow: visible;
      grid-template-columns: 1fr;
      grid-template-rows: auto;
      grid-template-areas: "operator" "connections" "log" "defense" "modules" "intel" "status" "net" "activity";
    }
    body:has(.device--dashboard) {
      overflow: auto;
      height: auto;
    }
  }
  .device--scan.scan-grid {
    --dash-gap: clamp(10px, 1.1vh, 16px);
    --dash-pad: clamp(14px, 1.6vw, 28px);
    --dash-fs-xs: clamp(10px, 0.62rem + 0.22vmin, 12px);
    --dash-fs-sm: clamp(12px, 0.75rem + 0.32vmin, 15px);
    --dash-fs-md: clamp(14px, 0.875rem + 0.38vmin, 18px);
    --dash-fs-lg: clamp(18px, 1.1rem + 0.48vmin, 26px);
    display: grid;
    width: 100%;
    max-width: 100%;
    padding: var(--dash-pad);
    margin: 0;
    box-sizing: border-box;
    flex: 1;
    min-height: 0;
    overflow: hidden;
    overflow-x: clip;
    gap: var(--dash-gap);
    grid-template-columns: minmax(0, 0.88fr) minmax(0, 2.5fr) minmax(0, 0.88fr);
    grid-template-rows: 1fr auto;
    grid-template-areas: "rig    sweep   intel" "tactics sweep  links";
    align-content: stretch;
    align-items: stretch;
  }
  @media (min-width: 961px) and (max-width: 1280px) {
    .device--scan.scan-grid {
      grid-template-columns: minmax(0, 0.8fr) minmax(0, 2.65fr) minmax(0, 0.8fr);
      --dash-pad: clamp(12px, 1.2vw, 20px);
    }
  }
  .scan-cell {
    min-height: 0;
    min-width: 0;
    width: 100%;
    height: 100%;
  }
  .scan-cell--rig {
    grid-area: rig;
  }
  .scan-cell--sweep {
    grid-area: sweep;
  }
  .scan-cell--intel {
    grid-area: intel;
  }
  .scan-cell--tactics {
    grid-area: tactics;
  }
  .scan-cell--links {
    grid-area: links;
  }
  .device--scan .scan-cell.panel {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
  }
  .device--scan .panel__head {
    flex-shrink: 0;
    min-height: clamp(32px, 4vh, 40px);
    padding: clamp(6px, 0.8vh, 10px) clamp(12px, 1.2vw, 16px);
  }
  .device--scan .panel__title {
    font-size: var(--dash-fs-sm);
    letter-spacing: 2px;
  }
  .device--scan .panel__badge {
    font-size: var(--dash-fs-xs);
    padding: 2px 8px;
  }
  .device--scan .panel__body, .device--scan .panel__body--compact {
    padding: clamp(10px, 1.2vh, 16px) clamp(12px, 1.4vw, 18px);
  }
  .device--scan .panel__body--fill {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
  }
  .scan-rig {
    display: flex;
    flex-direction: column;
    gap: clamp(10px, 1.1vh, 14px);
    height: 100%;
  }
  .scan-rig__stat-head {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 6px;
    margin-bottom: 4px;
  }
  .scan-rig__stat-lbl {
    font-size: var(--dash-fs-xs);
    letter-spacing: 1px;
    color: rgba(160,255,190,.5);
    text-transform: uppercase;
  }
  .scan-rig__stat-val {
    font-size: var(--dash-fs-sm);
    font-weight: bold;
    color: #c8ffd4;
    font-variant-numeric: tabular-nums;
  }
  .scan-rig__pair {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(6px, 0.8vw, 10px);
  }
  .device--scan .def-stat {
    padding: clamp(5px, 0.55vh, 7px) clamp(5px, 0.65vw, 7px);
    gap: 2px;
  }
  .device--scan .def-stat__lbl {
    font-size: var(--dash-fs-xs);
    letter-spacing: 1px;
  }
  .device--scan .def-stat__val {
    font-size: clamp(13px, 1.05vw, 16px);
  }
  .device--scan .def-stat__ico .hack-ico {
    width: 11px;
    height: 11px;
  }
  .def-stat--scan .def-stat__val {
    color: #00cfff;
  }
  .scan-sweep {
    gap: clamp(10px, 1vh, 12px);
    overflow: hidden;
    container-type: inline-size;
    container-name: scan-sweep;
  }
  .scan-sweep__form {
    display: flex;
    flex-wrap: wrap;
    gap: clamp(6px, 0.8vw, 8px);
    flex-shrink: 0;
  }
  .scan-sweep__input {
    flex: 1 1 12rem;
    min-width: 0;
    background: rgba(0,10,0,.65);
    border: 1px solid rgba(0,255,65,.28);
    color: #00ff41;
    font-family: inherit;
    font-size: var(--dash-fs-sm);
    padding: clamp(8px, 0.9vh, 10px) clamp(10px, 1vw, 12px);
    outline: none;
    letter-spacing: .8px;
  }
  .scan-sweep__input:focus {
    border-color: #00ff41;
    box-shadow: 0 0 10px rgba(0,255,65,.15);
  }
  .scan-sweep__btn {
    font-size: var(--dash-fs-xs);
    padding: clamp(8px, 0.9vh, 10px) clamp(12px, 1.2vw, 16px);
    letter-spacing: 1px;
    flex-shrink: 0;
  }
  .scan-sweep__btn--primary {
    color: #00cfff;
    border-color: rgba(0,207,255,.45);
    background: rgba(0,207,255,.06);
  }
  .scan-sweep__btn--primary:hover {
    color: #00ff41;
    border-color: rgba(0,255,65,.6);
    box-shadow: 0 0 10px rgba(0,255,65,.2);
  }
  .scan-results--viewport {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: rgba(0,255,65,.3) transparent;
    padding: 2px 2px 8px 0;
    scroll-padding-top: 8px;
  }
  .scan-results--viewport::-webkit-scrollbar {
    width: 4px;
  }
  .scan-results--viewport::-webkit-scrollbar-thumb {
    background: rgba(0,255,65,.35);
    border-radius: 2px;
  }
  .scan-results__wrap {
    display: flex;
    flex-direction: column;
    gap: clamp(14px, 1.5vh, 18px);
    width: 100%;
  }
  .scan-results__section {
    min-width: 0;
    width: 100%;
  }
  .scan-results--viewport .scan-node-grid--solo .scan-node {
    width: 100%;
    max-width: none;
  }
  .scan-results__label {
    font-size: var(--dash-fs-xs);
    letter-spacing: 2px;
    color: rgba(0,255,65,.38);
    margin-bottom: clamp(8px, 0.9vh, 10px);
  }
  .scan-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 8px;
    min-height: clamp(120px, 18vh, 220px);
    padding: clamp(16px, 2vh, 24px);
    border: 1px dashed rgba(0,255,65,.18);
    background: rgba(0,255,65,.02);
  }
  .scan-empty--inline {
    min-height: auto;
    padding: clamp(20px, 2vh, 28px) clamp(12px, 1.2vw, 16px);
  }
  .scan-empty--error {
    border-color: rgba(247,100,100,.25);
    background: rgba(247,100,100,.04);
  }
  .scan-empty__icon .hack-ico {
    width: clamp(28px, 2.2vw, 36px);
    height: clamp(28px, 2.2vw, 36px);
    opacity: .45;
  }
  .scan-empty__title {
    margin: 0;
    font-size: var(--dash-fs-sm);
    font-weight: bold;
    letter-spacing: 1.5px;
    color: rgba(0,255,65,.55);
  }
  .scan-empty--error .scan-empty__title {
    color: #f76464;
  }
  .scan-empty__hint {
    margin: 0;
    max-width: 36rem;
    font-size: var(--dash-fs-xs);
    line-height: 1.5;
    color: rgba(0,255,65,.38);
  }
  .scan-empty__hint a {
    color: #00cfff;
    text-decoration: none;
  }
  .scan-empty__hint a:hover {
    color: #00ff41;
  }
  .scan-empty__hint strong {
    color: #c8ffd4;
    font-weight: bold;
  }
  .scan-node-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: clamp(10px, 1.1vh, 14px);
    width: 100%;
  }
  .scan-results--viewport .scan-node-grid {
    grid-template-columns: 1fr;
    align-items: stretch;
  }
  .scan-node-grid--solo {
    grid-template-columns: 1fr;
  }
  @container scan-sweep (min-width: 520px) {
    .scan-results--viewport .scan-node-grid:not(.scan-node-grid--solo) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .scan-node {
    display: flex;
    flex-direction: column;
    align-self: stretch;
    min-width: 0;
    min-height: min-content;
    width: 100%;
    box-sizing: border-box;
    background: linear-gradient(145deg, rgba(0,15,0,.65), rgba(0,5,0,.88));
    border: 1px solid rgba(0,255,65,.22);
    position: relative;
    overflow: clip;
    animation: card-in .35s ease-out both;
  }
  .scan-results--viewport .scan-node {
    animation: none;
  }
  .scan-node::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(0,255,65,.75), transparent);
    animation: scan-line 4s linear infinite;
  }
  .scan-node:hover {
    border-color: rgba(0,255,65,.45);
    box-shadow: inset 0 0 14px rgba(0,255,65,.06);
  }
  .scan-node--operator {
    border-left: 3px solid #00cfff;
  }
  .scan-node--npc {
    border-left: 3px solid rgba(0,255,65,.45);
  }
  .scan-node--active {
    border-left: 3px solid #ffd700;
  }
  .scan-node--result {
    border-left: 3px solid #00ff41;
  }
  .scan-node--result-fail {
    border-left: 3px solid #f76464;
  }
  .scan-node__head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
    flex-shrink: 0;
    padding: clamp(10px, 1.1vh, 12px) clamp(10px, 1.1vw, 12px) 0;
  }
  .scan-node__identity {
    min-width: 0;
    flex: 1;
  }
  .scan-node__ip {
    display: block;
    font-size: var(--dash-fs-md);
    font-weight: bold;
    color: #00ff41;
    letter-spacing: 1px;
    text-shadow: 0 0 6px rgba(0,255,65,.45);
  }
  .scan-node__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
    margin-top: 4px;
  }
  .scan-node__kind {
    font-size: 8px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #00cfff;
    padding: 1px 5px;
    border: 1px solid rgba(0,207,255,.35);
  }
  .scan-node__kind--npc {
    color: rgba(0,255,65,.55);
    border-color: rgba(0,255,65,.25);
  }
  .scan-node__kind--active {
    color: #ffd700;
    border-color: rgba(255,215,0,.4);
  }
  .scan-node__kind--shell {
    color: rgba(0,255,65,.75);
    border-color: rgba(0,255,65,.45);
  }
  .scan-node__kind--fail {
    color: #f76464;
    border-color: rgba(247,100,100,.45);
  }
  .scan-node__name {
    font-size: var(--dash-fs-xs);
    color: rgba(0,255,65,.45);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
  }
  .scan-node__badge {
    font-size: 8px;
    font-weight: bold;
    padding: 1px 5px;
    border: 1px solid;
    letter-spacing: .8px;
  }
  .scan-node__aside {
    text-align: right;
    flex-shrink: 0;
  }
  .scan-node__aside-lbl {
    display: block;
    font-size: 8px;
    letter-spacing: 1.5px;
    color: rgba(0,255,65,.35);
  }
  .scan-node__aside-val {
    font-size: var(--dash-fs-lg);
    font-weight: bold;
    color: #00ff41;
    line-height: 1.1;
  }
  .scan-node__aside-val--sm {
    font-size: var(--dash-fs-sm);
  }
  .scan-node__aside-val--ok {
    color: #00ff41;
    text-shadow: 0 0 8px rgba(0,255,65,.55);
  }
  .scan-node__aside-val--fail {
    color: #f76464;
    text-shadow: 0 0 8px rgba(247,100,100,.45);
  }
  .scan-node__pct {
    font-size: var(--dash-fs-md);
    font-weight: bold;
    color: #ffd700;
    font-variant-numeric: tabular-nums;
    flex-shrink: 0;
  }
  .scan-node__stats {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    flex-shrink: 0;
    border-top: 1px solid rgba(0,255,65,.12);
    border-bottom: 1px solid rgba(0,255,65,.12);
    margin-top: clamp(8px, 0.9vh, 10px);
  }
  .scan-node__stats--solo {
    grid-template-columns: 1fr;
  }
  .scan-node__stats--solo .scan-node__stat + .scan-node__stat {
    border-left: none;
  }
  .scan-node__stat {
    padding: clamp(8px, 0.9vh, 10px) clamp(10px, 1vw, 12px);
  }
  .scan-node__stat + .scan-node__stat {
    border-left: 1px solid rgba(0,255,65,.12);
  }
  .scan-node__stat-head {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 4px;
    margin-bottom: 5px;
  }
  .scan-node__stat-lbl {
    font-size: 8px;
    letter-spacing: 1px;
    color: rgba(0,255,65,.35);
    text-transform: uppercase;
  }
  .scan-node__stat-val {
    font-size: var(--dash-fs-sm);
    font-weight: bold;
    color: #c8ffd4;
  }
  .scan-node__intel {
    list-style: none;
    margin: 0;
    flex-shrink: 0;
    padding: clamp(6px, 0.7vh, 8px) clamp(10px, 1.1vw, 12px);
    font-size: var(--dash-fs-xs);
    color: rgba(0,255,65,.38);
    line-height: 1.45;
  }
  .scan-node__intel li + li {
    margin-top: 2px;
  }
  .scan-node__intel a {
    color: #00cfff;
    text-decoration: none;
  }
  .scan-node__intel a:hover {
    color: #00ff41;
  }
  .scan-node__foot {
    padding: 0;
    flex-shrink: 0;
    margin-top: clamp(4px, 0.5vh, 6px);
  }
  .scan-node__foot--dim {
    padding: clamp(8px, 0.9vh, 10px) clamp(10px, 1.1vw, 12px);
    font-size: var(--dash-fs-xs);
    color: rgba(0,255,65,.35);
  }
  .scan-node__form {
    display: flex;
    flex-direction: column;
    gap: 0;
  }
  .scan-node__proxies {
    width: 100%;
    box-sizing: border-box;
    border: none;
    border-top: 1px solid rgba(0,255,65,.12);
    border-radius: 0;
    background: rgba(0,5,0,.5);
    font-size: var(--dash-fs-xs);
    padding: clamp(6px, 0.7vh, 8px) clamp(10px, 1vw, 12px);
  }
  .scan-node__bypass {
    border-left: none;
    border-right: none;
    border-bottom: none;
  }
  .scan-node__progress-note {
    margin: 8px 0 0;
    font-size: var(--dash-fs-xs);
    color: rgba(0,255,65,.4);
    line-height: 1.4;
  }
  .scan-node__progress-note a {
    color: #00cfff;
    text-decoration: none;
  }
  .scan-intel {
    display: flex;
    flex-direction: column;
    gap: clamp(6px, 0.7vh, 8px);
  }
  .scan-intel__row {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 8px;
  }
  .scan-intel__lbl {
    font-size: var(--dash-fs-xs);
    letter-spacing: 1px;
    color: rgba(160,255,190,.5);
  }
  .scan-intel__val {
    font-size: var(--dash-fs-sm);
    font-weight: bold;
    color: #c8ffd4;
    font-variant-numeric: tabular-nums;
  }
  .scan-intel__val--cyan {
    color: #00cfff;
  }
  .scan-intel__cap {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    font-size: var(--dash-fs-xs);
    padding: clamp(4px, 0.5vh, 6px) 0;
  }
  .scan-intel__cap-lbl {
    color: rgba(0,255,65,.38);
    letter-spacing: .8px;
  }
  .scan-intel__cap-val {
    color: #00cfff;
    font-weight: bold;
  }
  .scan-intel__note {
    margin: 4px 0 0;
    font-size: var(--dash-fs-xs);
    line-height: 1.45;
    color: rgba(0,255,65,.35);
  }
  .scan-tactics {
    gap: 0;
    justify-content: center;
  }
  .device--scan .alert-item {
    padding: clamp(4px, 0.6vh, 8px) 0;
    font-size: var(--dash-fs-xs);
  }
  .device--scan .alert-icon .hack-ico {
    width: 12px;
    height: 12px;
  }
  .device--scan .alert-text {
    font-size: var(--dash-fs-xs);
    line-height: 1.4;
  }
  .device--scan .alert-text a {
    color: #00cfff;
    text-decoration: none;
  }
  .scan-links {
    display: flex;
    flex-direction: column;
    gap: clamp(6px, 0.7vh, 8px);
  }
  .scan-link {
    display: block;
    padding: clamp(8px, 0.9vh, 10px) clamp(10px, 1.1vw, 12px);
    border: 1px solid rgba(0,255,65,.14);
    background: rgba(0,255,65,.03);
    text-decoration: none;
    color: inherit;
    transition: border-color .2s, background .2s;
  }
  .scan-link:hover {
    border-color: rgba(0,255,65,.35);
    background: rgba(0,255,65,.06);
    text-decoration: none;
  }
  .scan-link__lbl {
    display: block;
    font-size: var(--dash-fs-xs);
    font-weight: bold;
    letter-spacing: 1.2px;
    color: #00cfff;
    margin-bottom: 2px;
  }
  .scan-link__desc {
    display: block;
    font-size: var(--dash-fs-xs);
    color: rgba(0,255,65,.38);
    line-height: 1.35;
  }
  @media (max-width: 960px) {
    .device--scan.scan-grid {
      height: auto;
      max-height: none;
      overflow: visible;
      grid-template-columns: 1fr;
      grid-template-rows: auto;
      grid-template-areas: "sweep" "rig" "intel" "tactics" "links";
    }
    .scan-cell--sweep {
      min-height: clamp(280px, 42vh, 420px);
    }
    body:has(.device--scan) {
      overflow: auto;
      height: auto;
    }
  }
  .panel--flat {
    padding: 0;
    overflow: hidden;
  }
  .panel__head {
    padding: 7px 12px;
    border-bottom: 1px solid rgba(0,255,65,.15);
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgba(0,255,65,.04);
  }
  .panel__title {
    font-size: 9px;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: rgba(0,255,65,.35);
    font-weight: bold;
  }
  .panel__title span {
    color: #00cfff;
    text-shadow: 0 0 5px rgba(0,207,255,.5);
  }
  .panel__badge {
    font-size: 8px;
    letter-spacing: 1px;
    color: rgba(125,255,170,.55);
    border: 1px solid rgba(125,255,170,.25);
    padding: 1px 5px;
  }
  .panel__body {
    padding: 12px;
  }
  .panel__link {
    font-size: 8px;
    color: rgba(0,255,65,.3);
    letter-spacing: 1px;
    text-decoration: none;
  }
  .panel__link:hover {
    color: #00ff41;
    text-decoration: none;
  }
  .panel__head-meta {
    display: flex;
    align-items: center;
    gap: 5px;
    flex: 1;
    min-width: 0;
    justify-content: flex-end;
  }
  .panel__meta {
    font-size: 8px;
    letter-spacing: .6px;
    color: rgba(0,255,65,.42);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
  }
  .panel__badge--warn {
    color: #f76464;
    border-color: rgba(247,100,100,.35);
    flex-shrink: 0;
  }
  .device {
    display: grid;
    grid-template-columns: 240px 1fr 220px;
    gap: 10px;
    align-items: start;
  }
  @media (max-width: 960px) {
    .device:not(.dash-grid):not(.scan-grid) {
      grid-template-columns: 1fr;
    }
  }
  .panel-left, .panel-center, .panel-right {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .ident {
    padding: 14px 12px 12px;
    border-bottom: 1px solid rgba(0,255,65,.12);
  }
  .ident__handle {
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 2px;
    color: #c8ffd4;
    text-shadow: 0 0 12px rgba(0,255,65,.8);
    line-height: 1.2;
  }
  .ident__handle::after {
    content: '_';
    color: #00cfff;
    animation: blink 1s infinite;
  }
  .ident__meta {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    margin-top: 6px;
  }
  .ident__rank {
    display: inline-block;
    font-size: 9px;
    letter-spacing: 2px;
    font-weight: bold;
    padding: 2px 7px;
    border: 1px solid rgba(0,255,65,.4);
    color: #7dffaa;
  }
  .ident__prestige {
    font-size: 9px;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 2px 6px;
    border: 1px solid rgba(185,122,255,.6);
    color: #b97aff;
    text-shadow: 0 0 6px rgba(185,122,255,.5);
  }
  .prestige-badge {
    font-size: 9px;
    font-weight: bold;
    color: #b97aff;
    text-shadow: 0 0 6px rgba(185,122,255,.6);
    letter-spacing: 1px;
    vertical-align: middle;
  }
  .level-max {
    font-size: 9px;
    color: rgba(0,207,255,.4);
    font-weight: normal;
  }
  .ident__rep-row {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-top: 12px;
  }
  .ident__rep-lbl {
    font-size: 9px;
    color: rgba(0,255,65,.35);
    letter-spacing: 2px;
  }
  .ident__rep-val {
    font-size: 22px;
    font-weight: bold;
    color: #ffd700;
    text-shadow: 0 0 10px rgba(255,215,0,.6);
    line-height: 1;
  }
  .ident__level {
    display: inline-block;
    font-size: 9px;
    letter-spacing: 1px;
    padding: 2px 6px;
    border: 1px solid rgba(0,207,255,.35);
    color: #00cfff;
  }
  .ident__ip-row {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
    margin-top: 10px;
    padding: 6px 8px;
    border: 1px solid rgba(0,207,255,.22);
    background: rgba(0,207,255,.04);
  }
  .ident__ip-lbl {
    font-size: 9px;
    color: rgba(0,255,65,.35);
    letter-spacing: 1.5px;
    text-transform: uppercase;
    flex-shrink: 0;
  }
  .ident__ip {
    font-size: 13px;
    font-weight: bold;
    color: #00cfff;
    text-shadow: 0 0 8px rgba(0,207,255,.45);
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.5px;
    text-decoration: none;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .ident__ip:hover {
    color: #00ff41;
    text-shadow: 0 0 8px rgba(0,255,65,.45);
    text-decoration: none;
  }
  .ident__track {
    margin-top: 10px;
    min-width: 0;
  }
  .ident__track-head {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 8px;
    margin-bottom: 4px;
  }
  .ident__track-lbl {
    font-size: 9px;
    color: rgba(0,255,65,.35);
    letter-spacing: 1.5px;
    text-transform: uppercase;
  }
  .ident__track-val {
    font-size: 13px;
    font-weight: bold;
    color: #c8ffd4;
    font-variant-numeric: tabular-nums;
  }
  .ident__track-val--gold {
    color: #ffd700;
  }
  .bar-track {
    height: 3px;
    background: rgba(0,255,65,.08);
    border: 1px solid rgba(0,255,65,.12);
    margin-top: 8px;
    border-radius: 2px;
  }
  .bar-fill {
    height: 100%;
    background: linear-gradient(90deg, #00ff41, #00cfff);
    box-shadow: 0 0 8px #00ff41;
    transition: width .5s;
    border-radius: 2px;
  }
  .bar-labels {
    display: flex;
    justify-content: space-between;
    margin-top: 4px;
    font-size: 8px;
    color: rgba(0,255,65,.35);
    letter-spacing: .8px;
  }
  .bar-labels--solo {
    justify-content: flex-start;
  }
  .bar-labels--solo span {
    white-space: normal;
    line-height: 1.35;
  }
  .text-danger {
    color: #f76464 !important;
    text-shadow: 0 0 6px rgba(247,100,100,.45);
  }
  .metric-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 7px 0;
    border-bottom: 1px solid rgba(0,255,65,.07);
  }
  .metric-row:last-child {
    border-bottom: none;
  }
  .metric-lbl {
    font-size: 9px;
    color: rgba(0,255,65,.35);
    text-transform: uppercase;
    letter-spacing: 1.5px;
  }
  .metric-val {
    font-size: 13px;
    font-weight: bold;
    color: #c8ffd4;
    text-shadow: 0 0 6px #00ff41;
  }
  .metric-val.cyan {
    color: #00cfff;
    text-shadow: 0 0 6px #00cfff;
  }
  .metric-val.gold {
    color: #ffd700;
    text-shadow: 0 0 8px rgba(255,215,0,.6);
  }
  .metric-val.nuc-val {
    color: #b97aff;
    text-shadow: 0 0 8px rgba(185,122,255,.6);
  }
  .metric-sub {
    font-size: 8px;
    font-weight: normal;
    color: rgba(185,122,255,.5);
    letter-spacing: .5px;
  }
  .nuc-val {
    color: #b97aff !important;
    text-shadow: 0 0 8px rgba(185,122,255,.6) !important;
  }
  .defense-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }
  .def-cell {
    background: rgba(0,255,65,.03);
    border: 1px solid rgba(0,255,65,.1);
    padding: 8px;
    text-align: center;
  }
  .def-cell__lbl {
    font-size: 8px;
    color: rgba(0,255,65,.35);
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-bottom: 4px;
  }
  .def-cell__val {
    font-size: 20px;
    font-weight: bold;
    color: #c8ffd4;
    text-shadow: 0 0 10px #00ff41;
    line-height: 1;
  }
  .defense-rig {
    display: flex;
    flex-direction: column;
    gap: clamp(6px, 0.75vh, 10px);
    width: 100%;
    min-height: 0;
    min-width: 0;
  }
  .defense-rig__block {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
  }
  .defense-rig__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    font-size: 8px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: rgba(0,207,255,.55);
  }
  .defense-rig__link {
    font-size: 8px;
    color: rgba(0,255,65,.38);
    text-decoration: none;
    letter-spacing: 1px;
    flex-shrink: 0;
  }
  .defense-rig__link:hover {
    color: #00ff41;
    text-decoration: none;
  }
  .defense-rig__pair, .defense-rig__quad {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(4px, 0.55vw, 7px);
    min-width: 0;
  }
  .def-stat {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-height: 0;
    padding: clamp(8px, 1vh, 12px) clamp(8px, 1vw, 10px);
    background: linear-gradient(160deg, rgba(0,255,65,.05) 0%, rgba(2,10,4,.85) 55%);
    border: 1px solid rgba(0,255,65,.14);
    overflow: hidden;
    transition: border-color .2s ease, box-shadow .2s ease;
  }
  .def-stat::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 2px;
    background: var(--def-accent, #00ff41);
    opacity: .75;
  }
  .def-stat:hover {
    border-color: rgba(0,255,65,.32);
    box-shadow: inset 0 0 18px rgba(0,255,65,.04);
  }
  .def-stat__head {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
  }
  .def-stat__ico {
    display: inline-flex;
    flex-shrink: 0;
    color: var(--def-accent, #00ff41);
    opacity: .85;
  }
  .def-stat__ico .hack-ico {
    width: 14px;
    height: 14px;
  }
  .def-stat__lbl {
    font-size: 8px;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    color: rgba(0,255,65,.42);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .def-stat__val {
    font-size: clamp(16px, 1.6vw, 22px);
    font-weight: bold;
    color: #d8ffe3;
    line-height: 1;
    letter-spacing: .5px;
  }
  .def-stat__unit, .def-stat__sep {
    font-size: .62em;
    font-weight: normal;
    color: rgba(0,255,65,.45);
    margin-left: 1px;
  }
  .def-stat__meter {
    height: 3px;
    margin-top: 2px;
    background: rgba(0,255,65,.08);
    border: 1px solid rgba(0,255,65,.1);
    overflow: hidden;
  }
  .def-stat__meter-fill {
    height: 100%;
    background: linear-gradient(90deg, #00ff41, #00cfff);
    box-shadow: 0 0 6px rgba(0,255,65,.45);
    transition: width .45s ease;
  }
  .def-stat--fw {
    --def-accent: #00ff41;
  }
  .def-stat--bypass {
    --def-accent: #f0b232;
  }
  .def-stat--cpu {
    --def-accent: #00cfff;
  }
  .def-stat--ram {
    --def-accent: #7dffaa;
  }
  .def-stat--net {
    --def-accent: #00cfff;
  }
  .def-stat--ssd {
    --def-accent: #ffd700;
  }
  .def-stat--bypass .def-stat__val {
    color: #ffe8b0;
  }
  .def-stat--cpu .def-stat__val, .def-stat--net .def-stat__val {
    color: #c8f4ff;
  }
  .def-stat--ssd .def-stat__val {
    color: #ffe566;
  }
  .finance-row {
    display: flex;
    flex-direction: column;
    gap: 6px;
  }
  .fin-line {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .fin-lbl {
    font-size: 9px;
    color: rgba(0,255,65,.35);
    letter-spacing: 1.5px;
    text-transform: uppercase;
  }
  .fin-val {
    font-size: 13px;
    font-weight: bold;
    color: #c8ffd4;
    text-shadow: 0 0 6px #00ff41;
  }
  .fin-val.gold {
    color: #ffd700;
    text-shadow: 0 0 8px rgba(255,215,0,.6);
  }
  .nuc-fin {
    color: #b97aff;
    text-shadow: 0 0 8px rgba(185,122,255,.6);
  }
  .fin-sub {
    font-size: 8px;
    font-weight: normal;
    color: rgba(185,122,255,.45);
    margin-left: 4px;
  }
  .module-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
  }
  .module-sections {
    display: flex;
    flex-direction: column;
    gap: clamp(8px, 1vh, 12px);
    min-height: 0;
  }
  .module-section {
    padding: 6px 4px 8px;
    border-radius: 4px;
    border: 1px solid rgba(0, 255, 65, 0.08);
    background: rgba(0, 255, 65, 0.02);
  }
  .module-section--combat {
    border-color: rgba(0, 255, 65, 0.12);
    background: rgba(0, 255, 65, 0.03);
  }
  .module-section--economy {
    border-color: rgba(255, 215, 0, 0.12);
    background: rgba(255, 215, 0, 0.03);
  }
  .module-section--social {
    border-color: rgba(0, 207, 255, 0.1);
    background: rgba(0, 207, 255, 0.025);
  }
  .module-section--system {
    border-color: rgba(185, 122, 255, 0.1);
    background: rgba(185, 122, 255, 0.025);
  }
  .module-section__head {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
    padding: 0 2px;
  }
  .module-section__title {
    font-size: var(--dash-fs-xs, 10px);
    letter-spacing: 1px;
    flex-shrink: 0;
    color: rgba(0, 255, 65, 0.5);
  }
  .module-section--economy .module-section__title {
    color: rgba(255, 215, 0, 0.58);
  }
  .module-section--social .module-section__title {
    color: rgba(0, 207, 255, 0.52);
  }
  .module-section--system .module-section__title {
    color: rgba(185, 122, 255, 0.52);
  }
  .module-section__rule {
    flex: 1;
    height: 1px;
    background: linear-gradient(90deg, rgba(0, 255, 65, 0.28), transparent);
  }
  .module-section--economy .module-section__rule {
    background: linear-gradient(90deg, rgba(255, 215, 0, 0.28), transparent);
  }
  .module-section--social .module-section__rule {
    background: linear-gradient(90deg, rgba(0, 207, 255, 0.24), transparent);
  }
  .module-section--system .module-section__rule {
    background: linear-gradient(90deg, rgba(185, 122, 255, 0.22), transparent);
  }
  .module-grid--section {
    gap: 8px;
  }
  @media (max-width: 720px) {
    .module-grid {
      grid-template-columns: 1fr 1fr;
    }
  }
  @media (max-width: 480px) {
    .module-grid {
      grid-template-columns: 1fr;
    }
  }
  .module {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    grid-template-rows: auto 1fr auto;
    column-gap: 10px;
    row-gap: 3px;
    align-items: start;
    min-height: 88px;
    padding: 10px 12px 10px 10px;
    cursor: pointer;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    background: linear-gradient(145deg, rgba(0,255,65,.045) 0%, transparent 42%), rgba(2,10,4,.88);
    border: 1px solid rgba(0,255,65,.18);
    transition: border-color .2s, box-shadow .2s, background .2s, transform .15s;
  }
  .module::after {
    content: '';
    position: absolute;
    inset: 0;
    background: repeating-linear-gradient( 0deg, transparent, transparent 3px, rgba(0,255,65,.018) 3px, rgba(0,255,65,.018) 4px );
    pointer-events: none;
    opacity: .55;
  }
  .module:hover {
    border-color: rgba(0,255,65,.55);
    background: linear-gradient(145deg, rgba(0,255,65,.08) 0%, transparent 50%), rgba(0,255,65,.04);
    box-shadow: 0 0 20px rgba(0,255,65,.14), inset 0 0 24px rgba(0,255,65,.03);
    text-decoration: none;
    transform: translateY(-1px);
  }
  .module:hover .module__cmd {
    color: #00ff41;
  }
  .module__icon {
    grid-row: 1 / 3;
    grid-column: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin: 0;
    color: #00ff41;
    background: rgba(0,0,0,.42);
    border: 1px solid rgba(0,255,65,.22);
    box-shadow: inset 0 0 14px rgba(0,255,65,.05), 0 0 10px rgba(0,255,65,.06);
    position: relative;
    z-index: 1;
  }
  .module__icon::before {
    content: '';
    position: absolute;
    inset: 4px;
    border: 1px solid rgba(0,255,65,.1);
    pointer-events: none;
  }
  .module__icon .hack-ico {
    width: 22px;
    height: 22px;
    filter: drop-shadow(0 0 6px currentColor);
  }
  .module__label {
    grid-column: 2;
    grid-row: 1;
    align-self: end;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 1.6px;
    color: rgba(200,255,212,.9);
    margin: 0;
    line-height: 1.2;
    position: relative;
    z-index: 1;
  }
  .module__desc {
    grid-column: 2;
    grid-row: 2;
    font-size: 9px;
    color: rgba(0,255,65,.42);
    line-height: 1.35;
    margin: 0;
    position: relative;
    z-index: 1;
  }
  .money-btc {
    display: inline;
    white-space: nowrap;
  }
  .money-btc__sym {
    font-family: "Segoe UI Symbol", "Noto Sans Symbols 2", system-ui, sans-serif;
    font-weight: 700;
    color: rgba(255, 196, 72, 0.95);
    margin-right: 0.2em;
  }
  .money-btc__val {
    font-variant-numeric: tabular-nums;
  }
  .module__cmd {
    grid-column: 1 / -1;
    grid-row: 3;
    font-size: 8px;
    letter-spacing: 1px;
    color: rgba(0,255,65,.45);
    text-transform: uppercase;
    transition: color .2s;
    margin: 6px 0 0;
    padding-top: 6px;
    border-top: 1px solid rgba(0,255,65,.1);
    position: relative;
    z-index: 1;
  }
  .module__cmd::before {
    content: "> ";
    color: #00cfff;
  }
  .module__cmd--soon {
    color: rgba(255,100,0,.4);
  }
  .module--hot {
    border-color: rgba(0,255,65,.38);
  }
  .module--hot .module__icon {
    border-color: rgba(0,255,65,.45);
    box-shadow: inset 0 0 16px rgba(0,255,65,.08), 0 0 14px rgba(0,255,65,.18);
    animation: module-hot-pulse 2.4s ease-in-out infinite;
  }
  @keyframes module-hot-pulse {
    0%, 100% {
      box-shadow: inset 0 0 16px rgba(0,255,65,.08), 0 0 10px rgba(0,255,65,.12);
    }
    50% {
      box-shadow: inset 0 0 20px rgba(0,255,65,.12), 0 0 18px rgba(0,255,65,.28);
    }
  }
  .module--cyan {
    border-color: rgba(0,207,255,.22);
  }
  .module--cyan .module__icon {
    color: #00cfff;
    border-color: rgba(0,207,255,.28);
    box-shadow: inset 0 0 14px rgba(0,207,255,.05), 0 0 10px rgba(0,207,255,.08);
  }
  .module--cyan .module__icon::before {
    border-color: rgba(0,207,255,.12);
  }
  .module--cyan .module__cmd {
    color: rgba(0,207,255,.55);
  }
  .module--cyan .module__label {
    color: rgba(0,207,255,.88);
  }
  .module--cyan:hover {
    border-color: rgba(0,207,255,.6);
    box-shadow: 0 0 20px rgba(0,207,255,.16);
  }
  .module--gold {
    border-color: rgba(255,215,0,.22);
  }
  .module--gold .module__icon {
    color: #ffd700;
    border-color: rgba(255,215,0,.28);
    box-shadow: inset 0 0 14px rgba(255,215,0,.05), 0 0 10px rgba(255,215,0,.08);
  }
  .module--gold .module__icon::before {
    border-color: rgba(255,215,0,.12);
  }
  .module--gold .module__label {
    color: rgba(255,215,0,.82);
  }
  .module--gold:hover {
    border-color: rgba(255,215,0,.55);
    box-shadow: 0 0 20px rgba(255,215,0,.14);
  }
  .module--purple {
    border-color: rgba(185,122,255,.22);
  }
  .module--purple .module__icon {
    color: #b97aff;
    border-color: rgba(185,122,255,.28);
    box-shadow: inset 0 0 14px rgba(185,122,255,.05), 0 0 10px rgba(185,122,255,.08);
  }
  .module--purple .module__icon::before {
    border-color: rgba(185,122,255,.12);
  }
  .module--purple .module__label {
    color: rgba(185,122,255,.85);
  }
  .module--disabled {
    opacity: .42;
    pointer-events: none;
    cursor: default;
    filter: grayscale(.35);
  }
  .activity-row {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 0;
    border-bottom: 1px solid rgba(0,255,65,.06);
    font-size: 10px;
  }
  .activity-row:last-child {
    border-bottom: none;
  }
  .activity-dot {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #00ff41;
    box-shadow: 0 0 4px #00ff41;
    flex-shrink: 0;
  }
  .activity-dot.idle {
    background: rgba(0,255,65,.2);
    box-shadow: none;
  }
  .activity-text {
    flex: 1;
    color: rgba(200,255,212,.7);
  }
  .activity-time {
    color: rgba(0,255,65,.25);
    font-size: 9px;
    letter-spacing: 1px;
  }
  .log-entry {
    font-size: 10px;
    padding: 5px 0;
    border-bottom: 1px solid rgba(0,255,65,.07);
    color: rgba(200,255,212,.7);
    line-height: 1.5;
  }
  .log-entry:last-child {
    border-bottom: none;
  }
  .log-entry .ts {
    color: #00cfff;
    font-weight: bold;
    font-size: 9px;
    display: block;
    margin-bottom: 1px;
    text-shadow: 0 0 4px rgba(0,207,255,.5);
  }
  .sec-lbl {
    font-size: 8px;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: rgba(0,207,255,.6);
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
  }
  .sec-lbl::after {
    content: "";
    flex: 1;
    height: 1px;
    background: rgba(0,207,255,.15);
  }
  .mini-bar {
    margin-top: 3px;
  }
  .mini-bar .bar-track {
    height: 2px;
  }
  .bar-fill--cyan {
    background: #00cfff;
    box-shadow: 0 0 5px #00cfff;
  }
  .combat-rig {
    display: flex;
    flex-direction: column;
    gap: clamp(6px, 0.8vh, 10px);
    width: 100%;
  }
  .combat-rig__telemetry {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding-bottom: clamp(6px, 0.7vh, 8px);
    border-bottom: 1px solid rgba(0,255,65,.12);
    min-width: 0;
    flex-shrink: 0;
  }
  .combat-rig__state {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
  }
  .combat-rig__pulse {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: rgba(0,255,65,.25);
    box-shadow: 0 0 0 1px rgba(0,255,65,.2);
  }
  .combat-rig--engaged .combat-rig__pulse {
    background: #00ff41;
    box-shadow: 0 0 8px #00ff41;
    animation: combat-pulse 1.8s ease-in-out infinite;
  }
  @keyframes combat-pulse {
    0%, 100% {
      opacity: 1;
      transform: scale(1);
    }
    50% {
      opacity: .45;
      transform: scale(.85);
    }
  }
  .combat-rig__mode {
    font-size: 9px;
    font-weight: bold;
    letter-spacing: 1.5px;
    color: rgba(0,255,65,.45);
  }
  .combat-rig--engaged .combat-rig__mode {
    color: #00ff41;
    text-shadow: 0 0 8px rgba(0,255,65,.4);
  }
  .combat-rig__scan {
    display: flex;
    align-items: baseline;
    gap: 4px;
    min-width: 0;
    font-size: 8px;
    letter-spacing: .6px;
    color: rgba(0,255,65,.38);
  }
  .combat-rig__scan-val {
    color: #00cfff;
    font-weight: bold;
  }
  .combat-rig__scan-cap {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .combat-rig__jobs {
    display: flex;
    flex-direction: column;
    gap: clamp(6px, 0.7vh, 8px);
    flex: 0 0 auto;
    flex-shrink: 0;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(0,255,65,.35) transparent;
    padding-right: 2px;
  }
  .combat-rig__jobs::-webkit-scrollbar {
    width: 4px;
  }
  .combat-rig__jobs::-webkit-scrollbar-thumb {
    background: rgba(0,255,65,.35);
    border-radius: 2px;
  }
  .combat-job {
    flex-shrink: 0;
    padding: clamp(6px, 0.7vh, 8px) clamp(8px, 1vw, 10px);
    background: linear-gradient(135deg, rgba(0,255,65,.06), rgba(2,10,4,.9));
    border: 1px solid rgba(0,255,65,.18);
    border-left: 3px solid var(--combat-accent, #00ff41);
  }
  .combat-job--bypass {
    --combat-accent: #00cfff;
  }
  .combat-job--bruteforce {
    --combat-accent: #ffd700;
  }
  .combat-job--spam {
    --combat-accent: #ff6bcb;
  }
  .combat-job__head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 4px;
    min-width: 0;
  }
  .combat-job__type {
    font-size: 9px;
    font-weight: bold;
    letter-spacing: 1.2px;
    color: var(--combat-accent, #00ff41);
    flex-shrink: 0;
  }
  .combat-job__ip {
    font-size: 9px;
    color: rgba(200,255,212,.9);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    flex: 1;
    text-align: right;
  }
  .combat-job__progress-wrap {
    flex-shrink: 0;
  }
  .combat-bar-track {
    height: clamp(10px, 1.2vh, 12px);
    background: rgba(0,0,0,.35);
    border: 1px solid rgba(0,255,65,.18);
  }
  .combat-bar-fill {
    display: block;
    min-width: 2px;
    height: 100%;
    box-shadow: 0 0 10px rgba(0,255,65,.25);
  }
  .combat-bar-fill--bypass {
    background: linear-gradient(90deg, #00a8cc, #00cfff);
    box-shadow: 0 0 10px rgba(0,207,255,.45);
  }
  .combat-bar-fill--bruteforce {
    background: linear-gradient(90deg, #f0b232, #ffd700);
    box-shadow: 0 0 10px rgba(255,215,0,.35);
  }
  .combat-bar-fill--spam {
    background: linear-gradient(90deg, #c04090, #ff6bcb);
    box-shadow: 0 0 10px rgba(255,107,203,.35);
  }
  .combat-job__readout {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 6px;
    margin-top: 4px;
    font-size: 8px;
    letter-spacing: .4px;
  }
  .combat-job__pct {
    font-weight: bold;
    font-variant-numeric: tabular-nums;
    color: #c8ffd4;
  }
  .combat-job__time {
    font-variant-numeric: tabular-nums;
    color: rgba(0,255,65,.42);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .combat-rig__standby {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 3px;
    padding: clamp(2px, 0.3vh, 4px) 0;
  }
  .combat-rig__standby-line {
    margin: 0;
    font-size: 9px;
    color: rgba(0,255,65,.45);
    letter-spacing: .5px;
  }
  .combat-rig__standby-hint {
    margin: 0;
    font-size: 8px;
    color: rgba(0,255,65,.32);
    line-height: 1.35;
  }
  .combat-rig__standby-hint a {
    color: #00cfff;
    text-decoration: none;
  }
  .combat-rig__standby-hint a:hover {
    color: #00ff41;
  }
  .combat-rig__spam-income {
    flex: 0 0 auto;
    padding-top: clamp(4px, 0.5vh, 6px);
    border-top: 1px solid rgba(255,107,203,.2);
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
  }
  .combat-rig__spam-list {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(255,107,203,.35) transparent;
    padding-right: 2px;
  }
  .combat-rig__spam-list::-webkit-scrollbar {
    width: 4px;
  }
  .combat-rig__spam-list::-webkit-scrollbar-thumb {
    background: rgba(255,107,203,.35);
    border-radius: 2px;
  }
  .combat-rig__spam-head {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    font-size: 11px;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #ff6bcb;
  }
  .combat-rig__spam-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: baseline;
    gap: 6px 8px;
    font-size: 11px;
    min-width: 0;
  }
  .combat-rig__spam-ip {
    font-family: var(--font-mono);
    color: #6a8a72;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
  }
  .device--dashboard .combat-rig__mode, .device--dashboard .combat-rig__scan {
    font-size: var(--dash-fs-xs);
  }
  .device--dashboard .combat-job__type, .device--dashboard .combat-job__ip, .device--dashboard .combat-job__readout {
    font-size: var(--dash-fs-xs);
  }
  .device--dashboard .combat-rig__standby-line, .device--dashboard .combat-rig__standby-hint {
    font-size: var(--dash-fs-xs);
  }
  .device--dashboard .combat-rig__spam-head, .device--dashboard .combat-rig__spam-row {
    font-size: var(--dash-fs-xs);
  }
  .panel--live {
    border-color: rgba(0,255,65,.55);
    background: rgba(0,255,65,.05);
  }
  .panel__badge--live {
    color: #00ff41;
    border-color: rgba(0,255,65,.4);
  }
  .panel__body--compact {
    padding: 10px;
  }
  .conn-empty {
    font-size: 10px;
    color: rgba(160,255,190,.55);
    text-align: center;
    padding: 10px;
  }
  .conn-empty a {
    color: #00ff41;
  }
  .conn-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }
  .conn-grid--viewport {
    --conn-row-h: 52px;
    max-height: calc(var(--conn-row-h) * 2 + 8px);
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: rgba(0,255,65,.35) transparent;
    padding-right: 2px;
  }
  .conn-grid--viewport::-webkit-scrollbar {
    width: 4px;
  }
  .conn-grid--viewport::-webkit-scrollbar-thumb {
    background: rgba(0,255,65,.35);
    border-radius: 2px;
  }
  .conn-card {
    background: rgba(2,10,4,.8);
    border: 1px solid rgba(0,255,65,.35);
    padding: 5px 6px;
    min-height: var(--conn-row-h, 52px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .conn-card__host {
    font-size: 10px;
    font-weight: bold;
    color: #c8ffd4;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .conn-card__ip {
    font-size: 8px;
    color: #00cfff;
    line-height: 1.2;
    margin-top: 1px;
  }
  .conn-card__access {
    font-size: 7px;
    color: rgba(160,255,190,.55);
    margin-top: 2px;
    line-height: 1.2;
  }
  .conn-card__access span {
    color: #00ff41;
  }
  .conn-card__btn {
    display: block;
    margin-top: 4px;
    text-align: center;
    font-size: 8px;
    line-height: 1.3;
    color: #020804;
    background: #00ff41;
    text-decoration: none;
    padding: 2px 3px;
    font-weight: bold;
  }
  .conn-card__btn:hover {
    text-decoration: none;
    box-shadow: 0 0 8px rgba(0,255,65,.5);
  }
  .alert-item {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    padding: 7px 0;
    border-bottom: 1px solid rgba(0,255,65,.07);
    font-size: 10px;
  }
  .alert-item:last-child {
    border-bottom: none;
  }
  .alert-icon {
    font-size: 13px;
    flex-shrink: 0;
    color: rgba(125,255,170,.55);
  }
  .alert-text {
    color: rgba(125,255,170,.55);
    line-height: 1.5;
  }
  .alert-text strong {
    color: #c8ffd4;
    text-shadow: 0 0 5px #00ff41;
  }
  .money-btc {
    display: inline;
    white-space: nowrap;
  }
  .money-btc__sym {
    font-family: "Segoe UI Symbol", "Noto Sans Symbols 2", system-ui, sans-serif;
    font-weight: 700;
    color: rgba(255, 196, 72, 0.95);
    margin-right: 0.2em;
  }
  .money-btc__val {
    font-variant-numeric: tabular-nums;
  }
  .net-vis {
    display: flex;
    gap: 4px;
    align-items: flex-end;
    height: 40px;
    margin: 6px 0;
  }
  .net-bar {
    flex: 1;
    background: rgba(0,207,255,.08);
    border-top: 1px solid rgba(0,207,255,.5);
    position: relative;
    min-height: 4px;
  }
  .net-bar::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,207,255,.25), transparent);
  }
  .net-vis-labels {
    display: flex;
    justify-content: space-between;
    font-size: 8px;
    color: rgba(0,255,65,.25);
    margin-top: 4px;
  }
  .matrix-win {
    display: flex;
    flex-direction: column;
    min-height: 0;
    flex: 1;
    overflow: hidden;
    background: #020804;
  }
  .matrix-win__stage {
    position: relative;
    flex: 1;
    min-height: clamp(80px, 12vh, 160px);
    overflow: hidden;
  }
  .matrix-win__canvas {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 0;
  }
  .matrix-win__scanlines {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: repeating-linear-gradient( 0deg, transparent, transparent 2px, rgba(0, 0, 0, .14) 2px, rgba(0, 0, 0, .14) 4px );
    animation: matrix-win-flicker 4s steps(2) infinite;
  }
  @keyframes matrix-win-flicker {
    0%, 100% {
      opacity: .35;
    }
    50% {
      opacity: .55;
    }
  }
  .matrix-win__glow {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(105deg, rgba(0, 255, 65, .08) 0%, transparent 45%, rgba(0, 207, 255, .05) 100%);
    animation: matrix-win-glow 6s ease-in-out infinite alternate;
  }
  @keyframes matrix-win-glow {
    0% {
      opacity: .5;
    }
    100% {
      opacity: 1;
    }
  }
  .matrix-win__log {
    position: absolute;
    inset: 0;
    z-index: 2;
    overflow: hidden;
    background: linear-gradient( 105deg, rgba(2, 8, 4, .94) 0%, rgba(2, 8, 4, .82) 42%, rgba(2, 8, 4, .35) 72%, transparent 100% );
    mask-image: linear-gradient(to bottom, transparent, #000 6%, #000 94%, transparent);
  }
  .matrix-win__log-scroll {
    padding: clamp(6px, 0.8vh, 10px) clamp(8px, 1vw, 12px);
    animation: matrix-win-scroll 16s linear infinite;
    will-change: transform;
  }
  .matrix-win__log-scroll p {
    margin: 0 0 4px;
    font-size: var(--dash-fs-xs, 10px);
    line-height: 1.5;
    color: rgba(180, 255, 200, .72);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-shadow: 0 0 8px rgba(0, 255, 65, .25);
  }
  .matrix-win__prompt {
    color: #00cfff;
  }
  .matrix-win__ts {
    color: rgba(0, 207, 255, .55);
    margin-right: 5px;
  }
  .matrix-win__ok {
    color: rgba(0, 255, 65, .8);
  }
  .matrix-win__warn {
    color: #ffd700;
  }
  .matrix-win__hot {
    color: #00cfff;
  }
  .matrix-win__alert {
    color: #ff6b6b;
  }
  .matrix-win__cursor {
    display: inline-block;
    width: 0.5em;
    height: 1em;
    margin-left: 2px;
    vertical-align: text-bottom;
    background: #00ff41;
    box-shadow: 0 0 8px #00ff41;
    animation: matrix-win-blink 0.85s step-end infinite;
  }
  @keyframes matrix-win-blink {
    0%, 100% {
      opacity: 1;
    }
    50% {
      opacity: 0;
    }
  }
  @keyframes matrix-win-scroll {
    0% {
      transform: translateY(0);
    }
    100% {
      transform: translateY(-50%);
    }
  }
  .matrix-win__ticker {
    flex-shrink: 0;
    overflow: clip;
    contain: inline-size;
    border-top: 1px solid rgba(0, 255, 65, .12);
    background: rgba(0, 0, 0, .55);
    padding: 4px 0;
  }
  .matrix-win__ticker-track {
    display: flex;
    width: max-content;
    animation: matrix-win-ticker 20s linear infinite;
    font-size: var(--dash-fs-xs, 10px);
    letter-spacing: 1.2px;
    color: rgba(0, 255, 65, .4);
    white-space: nowrap;
  }
  .matrix-win__ticker-track span {
    padding-right: 4rem;
  }
  @keyframes matrix-win-ticker {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-50%);
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .device--dashboard .matrix-win__log-scroll, .device--dashboard .matrix-win__scanlines, .device--dashboard .matrix-win__glow, .device--dashboard .matrix-win__ticker-track, .device--dashboard .matrix-win__cursor, .device--dashboard .matrix-win__led, .device--dashboard .matrix-win__head-tag {
      animation: none !important;
    }
  }
  body.boot-active {
    overflow: hidden !important;
  }
  .boot {
    position: fixed;
    inset: 0;
    z-index: 10000;
    background: #010402;
    overflow: hidden;
    opacity: 0;
    animation: boot-fade-in .8s ease forwards;
  }
  @keyframes boot-fade-in {
    to {
      opacity: 1;
    }
  }
  .boot__canvas {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
  }
  .boot__scanlines {
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background: repeating-linear-gradient( 0deg, transparent, transparent 2px, rgba(0, 0, 0, .22) 2px, rgba(0, 0, 0, .22) 4px );
    opacity: .45;
    animation: boot-scan 8s linear infinite;
  }
  @keyframes boot-scan {
    0% {
      transform: translateY(0);
    }
    100% {
      transform: translateY(4px);
    }
  }
  .boot__vignette {
    position: absolute;
    inset: 0;
    z-index: 3;
    pointer-events: none;
    background: radial-gradient(ellipse at center, transparent 35%, rgba(0, 0, 0, .75) 100%);
  }
  .boot__glitch {
    position: absolute;
    inset: 0;
    z-index: 4;
    pointer-events: none;
    opacity: 0;
    mix-blend-mode: screen;
    background: linear-gradient(90deg, rgba(0, 255, 65, .08), rgba(0, 207, 255, .06));
    animation: boot-glitch 2.2s steps(1) infinite;
  }
  .boot--p1 .boot__glitch, .boot--p2 .boot__glitch {
    opacity: 1;
  }
  @keyframes boot-glitch {
    0%, 92%, 100% {
      clip-path: inset(0 0 0 0);
      transform: none;
    }
    93% {
      clip-path: inset(12% 0 58% 0);
      transform: translate(-4px, 0);
    }
    94% {
      clip-path: inset(48% 0 8% 0);
      transform: translate(5px, 0);
    }
    95% {
      clip-path: inset(72% 0 4% 0);
      transform: translate(-2px, 0);
    }
    96% {
      clip-path: inset(0 0 0 0);
      transform: translate(3px, 0);
    }
  }
  .boot__logo-stage {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 10;
    transform: translate(-50%, -50%);
    perspective: 900px;
    transition: transform 1.4s cubic-bezier(.22, .8, .24, 1), opacity .6s ease;
  }
  .boot--p3 .boot__logo-stage, .boot--p4 .boot__logo-stage {
    left: auto;
    right: clamp(14px, 2vw, 28px);
    top: clamp(10px, 1.2vh, 18px);
    transform: translate(0, 0) scale(.32);
    opacity: 0;
  }
  .boot__logo-3d {
    transform-style: preserve-3d;
    opacity: 0;
    transition: opacity 1.4s ease;
    animation: boot-logo-spin 3.6s cubic-bezier(.45, .05, .25, 1) forwards;
    animation-play-state: paused;
  }
  .boot--p0 .boot__logo-3d, .boot--p1 .boot__logo-3d, .boot--p2 .boot__logo-3d {
    opacity: 1;
  }
  .boot--p1 .boot__logo-3d, .boot--p2 .boot__logo-3d {
    animation-play-state: running;
  }
  @keyframes boot-logo-spin {
    0% {
      transform: rotateY(0deg) rotateX(8deg) scale(.85);
      opacity: 0;
      filter: blur(2px);
    }
    12% {
      opacity: 1;
      filter: blur(0);
    }
    50% {
      transform: rotateY(180deg) rotateX(-6deg) scale(1);
    }
    100% {
      transform: rotateY(360deg) rotateX(4deg) scale(1);
      opacity: 1;
    }
  }
  .boot__logo {
    font-family: "JetBrains Mono", "Consolas", monospace;
    font-size: clamp(2.4rem, 7vw, 5.5rem);
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    transform: skewX(-8deg);
    filter: drop-shadow(0 0 18px rgba(0, 255, 65, .45));
    position: relative;
  }
  .boot__logo::before {
    content: "";
    position: absolute;
    inset: -8px -12px;
    border: 1px solid rgba(0, 255, 65, .25);
    clip-path: polygon(0 12%, 8% 0, 92% 0, 100% 18%, 100% 88%, 92% 100%, 8% 100%, 0 82%);
    pointer-events: none;
  }
  .boot__logo-no {
    color: #00ff41;
    text-shadow: 0 0 12px rgba(0, 255, 65, .8), 2px 0 0 rgba(0, 207, 255, .35);
  }
  .boot__logo-hack {
    color: #00cfff;
    text-shadow: 0 0 12px rgba(0, 207, 255, .8), -2px 0 0 rgba(0, 255, 65, .35);
  }
  .boot--p1 .boot__logo {
    animation: boot-logo-shatter .9s ease-in-out infinite alternate;
  }
  @keyframes boot-logo-shatter {
    0% {
      letter-spacing: .08em;
      filter: drop-shadow(0 0 18px rgba(0, 255, 65, .45));
    }
    100% {
      letter-spacing: .14em;
      filter: drop-shadow(0 0 28px rgba(0, 207, 255, .55));
    }
  }
  .boot__fx {
    position: absolute;
    inset: 0;
    z-index: 5;
    pointer-events: none;
  }
  .boot__pulse {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 40vmax;
    height: 40vmax;
    margin: -20vmax 0 0 -20vmax;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(0, 255, 65, .35) 0%, rgba(0, 207, 255, .12) 35%, transparent 70%);
    opacity: 0;
    transform: scale(.2);
  }
  .boot--p2 .boot__pulse {
    animation: boot-pulse .9s ease-out forwards;
  }
  @keyframes boot-pulse {
    0% {
      opacity: 0;
      transform: scale(.15);
    }
    30% {
      opacity: 1;
    }
    100% {
      opacity: 0;
      transform: scale(1.8);
    }
  }
  .boot__ring {
    position: absolute;
    left: 50%;
    top: 50%;
    border: 1px solid rgba(0, 255, 65, .35);
    border-radius: 50%;
    opacity: 0;
    transform: translate(-50%, -50%) scale(.1);
  }
  .boot__ring--1 {
    width: 18vmin;
    height: 18vmin;
  }
  .boot__ring--2 {
    width: 32vmin;
    height: 32vmin;
    border-color: rgba(0, 207, 255, .28);
  }
  .boot__ring--3 {
    width: 52vmin;
    height: 52vmin;
    border-style: dashed;
  }
  .boot--p2 .boot__ring--1 {
    animation: boot-ring .85s ease-out .05s forwards;
  }
  .boot--p2 .boot__ring--2 {
    animation: boot-ring 1.1s ease-out .12s forwards;
  }
  .boot--p2 .boot__ring--3 {
    animation: boot-ring 1.35s ease-out .2s forwards;
  }
  @keyframes boot-ring {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) scale(.08);
    }
    25% {
      opacity: .9;
    }
    100% {
      opacity: .15;
      transform: translate(-50%, -50%) scale(1.15);
    }
  }
  .boot__hex {
    position: absolute;
    inset: -20%;
    opacity: 0;
    background-image: linear-gradient(30deg, rgba(0, 255, 65, .06) 12%, transparent 12.5%, transparent 87%, rgba(0, 255, 65, .06) 87.5%, rgba(0, 255, 65, .06)), linear-gradient(150deg, rgba(0, 255, 65, .06) 12%, transparent 12.5%, transparent 87%, rgba(0, 255, 65, .06) 87.5%, rgba(0, 255, 65, .06)), linear-gradient(90deg, rgba(0, 207, 255, .04) 1px, transparent 1px), linear-gradient(rgba(0, 207, 255, .04) 1px, transparent 1px);
    background-size: 44px 76px, 44px 76px, 22px 22px, 22px 22px;
    mask-image: radial-gradient(circle at center, #000 0%, transparent 72%);
  }
  .boot--p2 .boot__hex, .boot--p3 .boot__hex {
    animation: boot-hex-in 1.2s ease forwards;
  }
  @keyframes boot-hex-in {
    0% {
      opacity: 0;
      transform: scale(.6);
    }
    100% {
      opacity: .55;
      transform: scale(1);
    }
  }
  .boot__diag {
    position: absolute;
    width: 72px;
    font-size: 9px;
    letter-spacing: 1px;
    color: rgba(0, 255, 65, .55);
    opacity: 0;
  }
  .boot__diag span {
    display: block;
    margin-bottom: 4px;
  }
  .boot__diag i {
    display: block;
    height: 3px;
    width: calc(var(--v, 50) * 1%);
    background: linear-gradient(90deg, #00ff41, #00cfff);
    box-shadow: 0 0 8px rgba(0, 255, 65, .5);
  }
  .boot__diag--a {
    left: 12%;
    top: 38%;
  }
  .boot__diag--b {
    right: 14%;
    top: 32%;
  }
  .boot__diag--c {
    left: 18%;
    bottom: 28%;
  }
  .boot--p2 .boot__diag, .boot--p3 .boot__diag {
    animation: boot-diag-in .7s ease forwards;
  }
  .boot__diag--b {
    animation-delay: .08s !important;
  }
  .boot__diag--c {
    animation-delay: .16s !important;
  }
  @keyframes boot-diag-in {
    from {
      opacity: 0;
      transform: translateY(8px);
    }
    to {
      opacity: 1;
      transform: none;
    }
  }
  .boot__stream {
    position: absolute;
    width: 1px;
    background: linear-gradient(to bottom, transparent, rgba(0, 207, 255, .7), transparent);
    opacity: 0;
  }
  .boot__stream--1 {
    left: 28%;
    top: 10%;
    height: 40%;
    animation: boot-stream 1.4s linear infinite;
  }
  .boot__stream--2 {
    left: 62%;
    top: 18%;
    height: 35%;
    animation: boot-stream 1.8s linear .3s infinite;
  }
  .boot__stream--3 {
    right: 22%;
    top: 8%;
    height: 45%;
    animation: boot-stream 1.6s linear .6s infinite;
  }
  .boot--p2 .boot__stream, .boot--p3 .boot__stream {
    opacity: .65;
  }
  @keyframes boot-stream {
    0% {
      transform: translateY(-100%);
      opacity: 0;
    }
    20% {
      opacity: 1;
    }
    100% {
      transform: translateY(100%);
      opacity: 0;
    }
  }
  .boot__hud {
    position: absolute;
    inset: 0;
    z-index: 6;
    opacity: 0;
    pointer-events: none;
    transition: opacity 1s ease .2s;
  }
  .boot--p3 .boot__hud, .boot--p4 .boot__hud {
    opacity: 1;
  }
  .boot__city {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 28vh;
    opacity: .7;
  }
  .boot__city-nodes {
    animation: boot-node-pulse 2s ease-in-out infinite;
  }
  @keyframes boot-node-pulse {
    0%, 100% {
      opacity: .5;
    }
    50% {
      opacity: 1;
    }
  }
  .boot__term {
    position: absolute;
    left: clamp(12px, 2vw, 28px);
    top: clamp(56px, 8vh, 88px);
    font-size: clamp(10px, .85vw, 12px);
    line-height: 1.55;
    color: rgba(0, 255, 65, .45);
    font-family: "JetBrains Mono", monospace;
    max-width: min(340px, 42vw);
  }
  .boot__term-ok {
    color: rgba(0, 255, 65, .75);
  }
  .boot__term-cyan {
    color: rgba(0, 207, 255, .8);
  }
  .boot__nodes {
    position: absolute;
    right: clamp(12px, 2vw, 28px);
    top: clamp(56px, 8vh, 88px);
    display: flex;
    gap: 10px;
    align-items: center;
  }
  .boot__nodes span {
    width: 8px;
    height: 8px;
    border: 1px solid rgba(0, 207, 255, .5);
    border-radius: 50%;
    box-shadow: 0 0 8px rgba(0, 207, 255, .35);
    animation: boot-node-blink 1.4s ease-in-out infinite;
  }
  .boot__nodes span:nth-child(2) {
    animation-delay: .2s;
  }
  .boot__nodes span:nth-child(3) {
    animation-delay: .45s;
  }
  .boot__nodes span:nth-child(4) {
    animation-delay: .7s;
  }
  .boot__nodes span:nth-child(5) {
    animation-delay: .95s;
  }
  @keyframes boot-node-blink {
    0%, 100% {
      opacity: .35;
      transform: scale(.85);
    }
    50% {
      opacity: 1;
      transform: scale(1);
      background: rgba(0, 255, 65, .25);
    }
  }
  .boot__corner {
    position: absolute;
    right: clamp(14px, 2vw, 28px);
    top: clamp(10px, 1.2vh, 18px);
    z-index: 12;
    font-family: "JetBrains Mono", monospace;
    font-size: clamp(14px, 1.2vw, 18px);
    font-weight: 700;
    letter-spacing: .06em;
    opacity: 0;
    transform: translateY(-6px);
    transition: opacity .5s ease, transform .5s ease;
  }
  .boot--p3 .boot__corner, .boot--p4 .boot__corner {
    opacity: 1;
    transform: none;
  }
  .boot__corner-no {
    color: #00ff41;
  }
  .boot__corner-hack {
    color: #00cfff;
  }
  .boot__corner-cursor {
    color: #00ff41;
    animation: boot-cursor 1s step-end infinite;
  }
  @keyframes boot-cursor {
    0%, 49% {
      opacity: 1;
    }
    50%, 100% {
      opacity: 0;
    }
  }
  .boot__skip {
    position: absolute;
    right: clamp(12px, 2vw, 24px);
    bottom: clamp(12px, 2vh, 20px);
    z-index: 20;
    font-family: inherit;
    font-size: 10px;
    letter-spacing: 2px;
    color: rgba(0, 255, 65, .45);
    background: transparent;
    border: 1px solid rgba(0, 255, 65, .2);
    padding: 6px 12px;
    cursor: pointer;
    transition: color .2s, border-color .2s;
  }
  .boot__skip:hover {
    color: #00ff41;
    border-color: rgba(0, 255, 65, .5);
  }
  .boot--p4 {
    animation: boot-fade-out .85s ease forwards;
  }
  @keyframes boot-fade-out {
    to {
      opacity: 0;
      visibility: hidden;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .boot {
      display: none !important;
    }
  }
  .hsep {
    height: 1px;
    background: rgba(0,255,65,.1);
    margin: 10px 0;
  }
  .xp-block {
    padding: 3px 0 1px;
  }
  .xp-block__labels {
    display: flex;
    justify-content: space-between;
    font-size: 8px;
    margin-bottom: 3px;
  }
  .xp-block__cur {
    color: #00cfff;
  }
  .xp-block__next {
    color: rgba(0,207,255,.4);
  }
  .page-shell {
    max-width: 1280px;
    margin: 0 auto;
    padding: 12px 14px 20px;
  }
  @media (min-width: 961px) {
    html:has(.device--dashboard) {
      height: 100%;
      overflow: hidden;
    }
    body:has(.device--dashboard) {
      display: flex;
      flex-direction: column;
      height: 100vh;
      height: 100dvh;
      min-height: 0;
      overflow: hidden;
      overflow-x: clip;
      padding-bottom: 0;
    }
    body:has(.device--dashboard) .page-shell {
      flex: 1;
      min-height: 0;
      display: flex;
      flex-direction: column;
      overflow: hidden;
    }
    body:has(.device--dashboard) .page-shell > .device--dashboard {
      flex: 1;
      min-height: 0;
      min-width: 0;
    }
    body:has(.device--dashboard) .bottom-nav {
      display: none;
    }
    body:has(.device--scan) {
      display: flex;
      flex-direction: column;
      overflow: hidden;
      overflow-x: clip;
      height: 100vh;
      height: 100dvh;
      min-height: 0;
      padding-bottom: 0;
    }
    body:has(.device--scan) .page-shell {
      flex: 1;
      min-height: 0;
      display: flex;
      flex-direction: column;
      overflow: hidden;
    }
    body:has(.device--scan) .device--scan.scan-grid {
      flex: 1;
      min-height: 0;
      height: auto;
      max-height: none;
    }
  }
  body:has(.device--dashboard) .page-shell {
    padding: 0;
    max-width: none;
    width: 100%;
  }
  body:has(.device--scan) .page-shell {
    padding: 0;
    max-width: none;
    width: 100%;
  }
  body:has(.device--dashboard) .bottom-nav__grid {
    max-width: none;
  }
  body:has(.device--scan) .bottom-nav__grid {
    max-width: none;
  }
  body:has(.device--dashboard) .top-bar {
    font-size: 11px;
    max-width: 100%;
    box-sizing: border-box;
  }
  body:has(.device--dashboard) .top-bar__stat--level {
    flex-shrink: 1;
    min-width: 0;
    max-width: 148px;
  }
  body:has(.device--scan) .top-bar {
    font-size: clamp(11px, 0.85vw, 13px);
  }
  body:has(.device--dashboard) .nohack-logo--sm {
    font-size: 15px;
  }
  body:has(.device--scan) .nohack-logo--sm {
    font-size: clamp(18px, 1.45vw, 24px);
  }
  body:has(.device--dashboard) .top-bar__stat .val {
    font-size: 11px;
  }
  body:has(.device--scan) .top-bar__stat .val {
    font-size: clamp(12px, 0.75rem + 0.45vmin, 16px);
  }
  body:has(.device--dashboard) .hack-ico--stat {
    width: 13px;
    height: 13px;
  }
  body:has(.device--scan) .hack-ico--stat {
    width: clamp(14px, 1.1vw, 16px);
    height: clamp(14px, 1.1vw, 16px);
  }
  .device--dashboard .dash-grid {
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
  }
  .device--scan.scan-grid {
    width: 100%;
    max-width: none;
  }
  .device:not(.dash-grid):not(.scan-grid):not(.dash-stack) {
    gap: 12px;
    padding: 12px 14px;
    max-width: 1280px;
    margin: 0 auto;
  }
  .conn-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .conn-tile {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    flex-wrap: wrap;
    padding: 10px 12px;
    background: rgba(0,255,65,.03);
    border: 1px solid rgba(0,255,65,.15);
    transition: border-color .2s;
  }
  .conn-tile:hover {
    border-color: rgba(0,255,65,.35);
  }
  .conn-tile__ip {
    font-size: 13px;
    font-weight: bold;
    color: #00cfff;
    text-shadow: 0 0 6px rgba(0,207,255,.5);
    letter-spacing: 1px;
  }
  .action-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
  }
  .action-bar .field {
    font-size: 11px;
    padding: 4px 6px;
  }
  .action-bar .btn {
    font-size: 10px;
    padding: 4px 8px;
  }
  .btn--start {
    color: #ffd700;
    border-color: rgba(255,215,0,.45);
  }
  .btn--start:hover:not(:disabled) {
    background: rgba(255,215,0,.08);
    box-shadow: inset 0 0 10px rgba(255,215,0,.12);
  }
  .targets-ops__body {
    padding-top: 8px;
  }
  .targets-ops__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(10px, 1.2vw, 16px);
  }
  @media (max-width: 720px) {
    .targets-ops__grid {
      grid-template-columns: 1fr;
    }
  }
  .targets-ops__step {
    padding: clamp(8px, 1vh, 10px) clamp(10px, 1.2vw, 12px);
    border: 1px solid rgba(0,255,65,.14);
    background: rgba(0,255,65,.03);
  }
  .targets-ops__step-lbl {
    display: block;
    font-size: 9px;
    font-weight: bold;
    letter-spacing: 1.2px;
    color: #00cfff;
    margin-bottom: 4px;
  }
  .targets-ops__step-text {
    margin: 0;
    font-size: 11px;
    line-height: 1.45;
    color: rgba(200,255,212,.75);
  }
  .targets-ops__step-text a {
    color: #00cfff;
    text-decoration: none;
  }
  .targets-ops__step-text a:hover {
    color: #00ff41;
  }
  .targets-ops__na {
    padding: 4px 0;
  }
  .device-result-mount {
    width: 100%;
    margin: 8px 0 4px;
  }
  .device-session {
    width: 100%;
    box-sizing: border-box;
    padding: clamp(12px, 1.2vw, 16px);
    border: 1px solid rgba(0,255,65,.28);
    background: linear-gradient(135deg, rgba(0,255,65,.05), rgba(2,10,4,.94));
  }
  .device-session__head {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 8px;
    margin-bottom: 10px;
  }
  .device-session__ip {
    font-size: 15px;
    font-weight: bold;
    color: #00ff41;
    letter-spacing: .5px;
  }
  .device-session__badge {
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 1.2px;
    padding: 2px 6px;
    border: 1px solid rgba(0,255,65,.35);
    background: rgba(0,255,65,.08);
  }
  .device-session__section {
    margin-top: 14px;
  }
  .device-session__label {
    font-size: 10px;
    letter-spacing: 1.4px;
    color: rgba(0,207,255,.85);
    margin: 0 0 6px;
  }
  .device-session__app-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 6px 0;
    border-bottom: 1px solid rgba(255,255,255,.06);
  }
  .device-session__app-row:last-child {
    border-bottom: none;
  }
  .device-session__logs {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
    max-height: 160px;
    overflow-y: auto;
  }
  .device-session__foot {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px;
    padding-top: 10px;
    border-top: 1px solid rgba(255,255,255,.08);
  }
  @media (min-width: 961px) {
    .device--remote .dash-grid {
      grid-template-columns: minmax(0, 18rem) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 20rem);
      grid-template-rows: minmax(0, 0.9fr) minmax(0, 1.3fr) minmax(0, 0.8fr);
      grid-template-areas: "operator  connections  connections  log" "defense   modules      modules      intel" "status    net          net          net";
    }
    .device--remote .dash-grid--no-target-shells {
      grid-template-areas: "operator  operator  log  log" "defense   modules   modules  intel" "status    net       net      net";
    }
  }
  .device--remote .dash-cell--hidden-remote {
    display: none !important;
  }
  .dash-remote-strip {
    flex-shrink: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    margin: 0 8px;
    border: 1px solid rgba(226,178,58,.45);
    background: rgba(226,178,58,.06);
    color: #e2b23a;
    font-size: 11px;
  }
  .dash-remote-strip__label {
    letter-spacing: 0.12em;
    font-size: 9px;
  }
  .dash-remote-strip__ip {
    font-weight: 700;
    color: #ffd700;
  }
  .dash-remote-strip__host {
    max-width: 10rem;
    color: rgba(255,224,150,.9);
  }
  .dash-remote-strip__sep {
    opacity: 0.45;
  }
  .dash-remote-strip__conn {
    color: #ffd700;
    font-size: 10px;
  }
  .dash-remote-strip__disconnect {
    margin-left: auto;
  }
  .dash-remote-strip__disconnect-btn {
    min-height: 44px;
    min-width: 44px;
    border-color: rgba(226,178,58,.5);
    color: #ffe08c;
  }
  .dash-toasts {
    flex-shrink: 0;
    padding: 0 8px;
  }
  .dash-toast {
    font-size: 11px;
    padding: 6px 8px;
    margin: 4px 0;
    border: 1px solid rgba(0,255,65,.25);
  }
  .dash-toast--ok {
    color: #39ff6a;
  }
  .dash-toast--danger {
    color: #ff4d4d;
    border-color: rgba(255,77,77,.4);
  }
  .dash-inline-toast {
    font-size: 10px;
    padding: 4px 6px;
    margin-bottom: 8px;
    border: 1px solid rgba(0,255,65,.2);
  }
  .dash-inline-toast--ok {
    color: #39ff6a;
  }
  .dash-inline-toast--danger {
    color: #ff4d4d;
  }
  .log-entry--mine {
    color: #39ff6a;
    background: rgba(57,255,106,.04);
    padding-left: 4px;
    margin-left: -4px;
    border-radius: 2px;
  }
  .log-entry--wiped {
    opacity: 0.55;
  }
  .dash-remote-apps {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
  }
  .dash-remote-app-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    padding: 6px 0;
    border-bottom: 1px solid rgba(255,255,255,.06);
    font-size: 11px;
  }
  .dash-remote-app-row:last-child {
    border-bottom: none;
  }
  .panel__foot--dash {
    flex-shrink: 0;
    padding: 6px 10px;
    border-top: 1px solid rgba(0,255,65,.12);
  }
  .conn-card--readonly {
    cursor: default;
    pointer-events: none;
    opacity: 0.85;
  }
  .conn-card--current {
    border-color: rgba(34, 197, 94, 0.65);
    box-shadow: 0 0 0 1px rgba(34, 197, 94, 0.35);
  }
  .device--remote .module--live {
    border-color: rgba(0,255,65,.38);
    animation: remote-module-pulse 1.6s ease-in-out infinite;
  }
  .device--remote .module:not(.module--disabled) {
    border-color: rgba(0,255,65,.28);
    background: linear-gradient(145deg, rgba(0,255,65,.045) 0%, transparent 42%), rgba(2,10,4,.88);
  }
  .device--remote .module:not(.module--disabled) .module__label {
    color: rgba(200,255,212,.9);
  }
  .device--remote .module:not(.module--disabled) .module__icon {
    color: #00ff41;
    border-color: rgba(0,255,65,.28);
    box-shadow: inset 0 0 14px rgba(0,255,65,.05), 0 0 10px rgba(0,255,65,.06);
  }
  @keyframes remote-module-pulse {
    0%, 100% {
      box-shadow: 0 0 0 rgba(0,255,65,0);
    }
    50% {
      box-shadow: 0 0 12px rgba(0,255,65,.22);
    }
  }
  .device--remote .module--busy .module__cmd::after {
    content: " …";
    color: #ffd700;
  }
  .device--remote .module--busy {
    opacity: 0.85;
    pointer-events: none;
  }
  .remote-module__progress {
    width: 100%;
    height: 5px;
    margin-top: 6px;
    background: rgba(0,0,0,.35);
    border-radius: 1px;
    overflow: hidden;
  }
  .remote-module__progress-fill {
    height: 100%;
    background: linear-gradient(90deg, #ffd700, #39ff6a);
    transition: width 0.35s ease;
  }
  .remote-htmx-indicator {
    height: 2px;
    margin: 0 8px;
    background: rgba(255,215,0,.15);
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.15s;
  }
  .remote-htmx-indicator.htmx-request {
    opacity: 1;
  }
  .remote-htmx-indicator.htmx-request::after {
    content: "";
    display: block;
    height: 100%;
    width: 35%;
    background: #ffd700;
    animation: remote-htmx-slide 0.9s ease-in-out infinite;
  }
  @keyframes remote-htmx-slide {
    0% {
      transform: translateX(-100%);
    }
    100% {
      transform: translateX(320%);
    }
  }
  .device--remote .dash-cell--log .panel__body--scroll {
    flex: 1;
    min-height: 0;
  }
  .device--remote .dash-cell--intel .panel__body--scroll, .device--remote .dash-cell--bank .panel__body--fill {
    flex: 1;
    min-height: 0;
  }
  .remote-bank-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
    min-height: 0;
  }
  .remote-bank-body__msg {
    font-size: 11px;
    margin: 0;
    line-height: 1.45;
  }
  .remote-bank-cta {
    text-decoration: none;
    min-height: 72px;
  }
  .btn--block {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
  }
  .device-session__app-meta {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
  }
  .device-session__app-meta strong {
    font-size: 11px;
  }
  .device-session__app-meta .text-term-dim {
    font-size: 9px;
  }
  .remote-action-result:empty {
    display: none;
  }
  .remote-action-result:not(:empty) {
    margin-top: 8px;
    padding: 6px 8px;
    border: 1px solid rgba(0,255,65,.2);
    background: rgba(0,255,65,.04);
  }
  .module-form {
    display: flex;
    margin: 0;
    padding: 0;
    min-width: 0;
    min-height: 100%;
  }
  .module-form.module {
    display: grid;
    min-height: 0;
  }
  .module-form > .module {
    flex: 1;
    width: 100%;
  }
  .device--dashboard .module-form.module > button.module {
    display: contents;
    appearance: none;
    -webkit-appearance: none;
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    min-height: 0;
    width: auto;
    text-align: inherit;
    font: inherit;
    color: inherit;
    cursor: pointer;
  }
  button.module {
    width: 100%;
    font: inherit;
    color: inherit;
    appearance: none;
    -webkit-appearance: none;
    text-align: left;
  }
  a.module[role="button"] {
    border: none;
    width: 100%;
  }
  @keyframes remote-panel-flash {
    0%, 100% {
      box-shadow: none;
    }
    20%, 55% {
      box-shadow: 0 0 0 2px rgba(0,207,255,.85), 0 0 22px rgba(0,207,255,.35);
    }
  }
  .device--remote .dash-cell.remote-panel--flash {
    animation: remote-panel-flash 1.2s ease;
    border-color: rgba(0,207,255,.55) !important;
  }
  body:has(.device--remote) .page-shell {
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
  }
  @media (min-width: 961px) {
    body:has(.device--remote) .device--dashboard.dash-stack {
      height: auto;
      max-height: none;
      overflow: visible;
    }
    body:has(.device--remote) .device--remote .dash-grid {
      min-height: calc(100dvh - 7.5rem);
    }
  }
  .panel__link-form {
    margin: 0;
    display: inline;
  }
  .panel__link--btn {
    background: none;
    border: none;
    cursor: pointer;
    font: inherit;
    padding: 0;
  }
  .remote-device-resources {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 20px;
  }
  .remote-device-resources__item {
    display: flex;
    flex-direction: column;
    gap: 2px;
  }
  .remote-device-resources__item--warn .remote-device-resources__val {
    color: #ff8c00;
  }
  .remote-device-resources__lbl {
    font-size: 9px;
    letter-spacing: 1.2px;
    color: rgba(0,207,255,.75);
  }
  .remote-device-resources__val {
    font-size: 14px;
    font-weight: bold;
    color: #00ff41;
  }
  .module--form {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    grid-template-rows: auto 1fr auto;
    column-gap: 10px;
    row-gap: 3px;
    align-items: start;
    min-height: 88px;
    padding: 10px 12px 10px 10px;
    cursor: pointer;
    text-align: left;
    position: relative;
    overflow: hidden;
    background: linear-gradient(145deg, rgba(0,255,65,.045) 0%, transparent 42%), rgba(2,10,4,.88);
    border: 1px solid rgba(0,255,65,.18);
    transition: border-color .2s, box-shadow .2s, background .2s, transform .15s;
  }
  .module--form::after {
    content: '';
    position: absolute;
    inset: 0;
    background: repeating-linear-gradient( 0deg, transparent, transparent 3px, rgba(0,255,65,.018) 3px, rgba(0,255,65,.018) 4px );
    pointer-events: none;
    opacity: .55;
  }
  .module--form:hover {
    border-color: rgba(0,255,65,.55);
    background: linear-gradient(145deg, rgba(0,255,65,.08) 0%, transparent 50%), rgba(0,255,65,.04);
    box-shadow: 0 0 20px rgba(0,255,65,.14), inset 0 0 24px rgba(0,255,65,.03);
    transform: translateY(-1px);
  }
  .module--form .module__btn {
    display: contents;
    cursor: pointer;
  }
  .module--form.module--gold {
    border-color: rgba(255,215,0,.28);
  }
  .module--form.module--gold:hover {
    border-color: rgba(255,215,0,.5);
    background: linear-gradient(145deg, rgba(255,215,0,.08) 0%, transparent 50%), rgba(255,215,0,.04);
  }
  .target-op-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
  }
  .target-op {
    width: 100%;
    box-sizing: border-box;
    padding: clamp(10px, 1vh, 12px) clamp(12px, 1.2vw, 14px);
    border: 1px solid rgba(255,215,0,.28);
    background: linear-gradient(135deg, rgba(255,215,0,.06), rgba(2,10,4,.92));
  }
  .target-op__head {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 8px;
    margin-bottom: 8px;
    min-width: 0;
  }
  .target-op__type {
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 1.2px;
  }
  .target-op__type--bypass {
    color: #00cfff;
  }
  .target-op__type--bruteforce {
    color: #ffd700;
  }
  .target-op__type--spam {
    color: #ff6bcb;
  }
  .target-op__type--download {
    color: #7ee787;
  }
  .target-op__pct {
    font-size: 12px;
    font-weight: bold;
    color: #ffd700;
    font-variant-numeric: tabular-nums;
    text-shadow: 0 0 8px rgba(255,215,0,.35);
  }
  .target-op__track {
    height: 12px;
    width: 100%;
    background: rgba(0,0,0,.45);
    border: 1px solid rgba(255,215,0,.25);
    overflow: hidden;
  }
  .target-op__fill {
    display: block;
    height: 100%;
    min-width: 3px;
    transition: width 1s linear;
  }
  .target-op__fill--bypass {
    background: linear-gradient(90deg, #00a8cc, #00cfff);
    box-shadow: 0 0 12px rgba(0,207,255,.5);
  }
  .target-op__fill--bruteforce {
    background: linear-gradient(90deg, #f0b232, #ffd700);
    box-shadow: 0 0 12px rgba(255,215,0,.45);
  }
  .target-op__fill--spam {
    background: linear-gradient(90deg, #c04090, #ff6bcb);
    box-shadow: 0 0 12px rgba(255,107,203,.45);
  }
  .target-op__fill--download {
    background: linear-gradient(90deg, #2ea043, #7ee787);
    box-shadow: 0 0 12px rgba(126,231,135,.4);
  }
  .target-op__readout {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 8px;
    margin-top: 6px;
    min-width: 0;
  }
  .target-op__time {
    font-size: 10px;
    color: rgba(0,255,65,.55);
    font-variant-numeric: tabular-nums;
    flex-shrink: 0;
  }
  .target-op__hint {
    font-size: 9px;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .target-op__hint a {
    color: #00cfff;
    text-decoration: none;
  }
  .target-op__hint a:hover {
    color: #00ff41;
  }
  .data-row.target {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }
  .data-row.target .data-row__main {
    width: 100%;
  }
  .data-row.target .data-row__actions {
    width: 100%;
    padding-top: 8px;
    border-top: 1px solid rgba(0,255,65,.12);
  }
  .data-row.target .target-row__results:empty {
    display: none;
  }
  .data-row.target .target-row__results {
    width: 100%;
    min-height: 0;
  }
  .data-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    padding: 12px 14px;
    background: linear-gradient(145deg, rgba(0,15,0,.6), rgba(0,5,0,.8));
    border: 1px solid rgba(0,255,65,.25);
    position: relative;
    overflow: hidden;
  }
  .data-row::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(0,255,65,.6), transparent);
  }
  .data-row__main {
    flex: 1;
    min-width: 0;
  }
  .data-row__title {
    font-size: 12px;
    font-weight: bold;
    color: #ffd700;
    letter-spacing: 1px;
  }
  .data-row__meta {
    font-size: 10px;
    color: rgba(0,255,65,.4);
    margin-top: 3px;
  }
  .data-row__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
  }
  .data-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .shop-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-align: center;
    margin-bottom: 4px;
  }
  .shop-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-align: center;
  }
  .shop-actions form {
    margin: 0;
  }
  .lb-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid rgba(0,255,65,.08);
    font-size: 12px;
  }
  .lb-row:last-child {
    border-bottom: none;
  }
  .lb-rank {
    color: rgba(0,255,65,.35);
    width: 24px;
    font-size: 10px;
  }
  .lb-name {
    flex: 1;
    color: #c8ffd4;
  }
  .lb-score {
    color: #ffd700;
    font-weight: bold;
    text-shadow: 0 0 6px rgba(255,215,0,.5);
  }
  .lb-row.top .lb-rank {
    color: #00cfff;
  }
  .msg-banner {
    padding: 8px 12px;
    border: 1px solid;
    font-size: 11px;
    letter-spacing: .5px;
  }
  .msg-error {
    color: #ff5577;
    border-color: rgba(255,34,68,.35);
    background: rgba(255,34,68,.08);
  }
  .msg-ok {
    color: #7dffaa;
    border-color: rgba(0,255,65,.35);
    background: rgba(0,255,65,.06);
  }
  body.guest-shell {
    padding-bottom: var(--guest-footer-h, 58px);
  }
  .page-shell--guest {
    max-width: 1400px;
    width: 100%;
  }
  .guest-top-link {
    font-size: 9px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: rgba(0,255,65,.55);
    text-decoration: none;
    padding: 4px 8px;
    border: 1px solid rgba(0,255,65,.2);
    background: rgba(0,255,65,.04);
  }
  .guest-top-link:hover {
    color: #00ff41;
    border-color: rgba(0,255,65,.55);
    text-decoration: none;
    box-shadow: 0 0 8px rgba(0,255,65,.2);
  }
  .guest-landing-hero {
    text-align: center;
    margin-bottom: 12px;
  }
  .guest-landing-hero .nohack-logo--hero {
    justify-content: center;
  }
  .guest-landing-hero .page-header {
    margin-top: 12px;
  }
  .guest-landing-cta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    margin: 16px 0 20px;
  }
  .guest-auth {
    margin-top: 4px;
  }
  .guest-auth .form-group {
    margin-bottom: 14px;
  }
  .guest-auth .form-label {
    display: block;
    font-size: 9px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: rgba(0,255,65,.55);
    margin-bottom: 6px;
  }
  .guest-auth__field {
    width: 100%;
    display: block;
    box-sizing: border-box;
    padding: 10px 12px;
    font-size: 13px;
  }
  .guest-auth .form-hint {
    font-size: 10px;
    color: rgba(0,255,65,.4);
    margin-top: 4px;
  }
  .guest-auth__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 4px;
  }
  .guest-auth__links {
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid rgba(0,255,65,.12);
    font-size: 11px;
    color: rgba(0,255,65,.5);
  }
  .guest-auth__links p {
    margin: 6px 0;
  }
  .module--static {
    cursor: default;
    pointer-events: none;
  }
  .module--static:hover {
    transform: none;
    border-color: rgba(0,255,65,.18);
    box-shadow: none;
    background: linear-gradient(145deg, rgba(0,255,65,.045) 0%, transparent 42%), rgba(2,10,4,.88);
  }
  .terminal-mount {
    min-height: 320px;
    background: rgba(0,5,0,.9);
    border: 1px solid rgba(0,255,65,.3);
    padding: 0;
    overflow: hidden;
  }
  .mine-map-layout {
    display: grid;
    grid-template-columns: 200px 1fr 140px;
    gap: 12px;
    max-width: 1100px;
    margin: 0 auto;
  }
  @media (max-width: 900px) {
    .mine-map-layout {
      grid-template-columns: 1fr;
    }
    .mine-map-minimap {
      order: 3;
    }
  }
  .mine-map-grid {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    gap: 3px;
    background: #0a120a;
    border: 1px solid rgba(0, 255, 136, 0.35);
    padding: 6px;
  }
  .mine-map-cell {
    aspect-ratio: 1;
    min-height: 36px;
    border: 1px solid rgba(200, 180, 0, 0.45);
    background: linear-gradient(180deg, #3d3800 0%, #2a2600 100%);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .mine-map-cell--special {
    border-color: rgba(0, 200, 255, 0.6);
    background: linear-gradient(180deg, #1a3040 0%, #0f2030 100%);
  }
  .mine-map-cell--jackpot {
    border-color: rgba(255, 220, 0, 0.9);
    background: linear-gradient(180deg, #4a4000 0%, #2a2200 100%);
    box-shadow: 0 0 8px rgba(255, 200, 0, 0.35);
  }
  .mine-map-cell--mined {
    background: #1a1a1a;
    border-color: #333;
    opacity: 0.65;
  }
  .mine-map-cell--yours.mine-map-cell--mined {
    border-color: rgba(0, 255, 136, 0.5);
  }
  .mine-map-cell__form, .mine-map-cell__btn {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    color: #ffe566;
    font-size: 18px;
    cursor: pointer;
  }
  .mine-map-cell__btn:hover {
    text-shadow: 0 0 8px rgba(255, 230, 100, 0.8);
  }
  .mine-map-cell--empty {
    background: transparent;
    border-color: transparent;
  }
  .mine-minimap {
    display: grid;
    grid-template-columns: repeat(20, 1fr);
    gap: 1px;
    width: 100%;
  }
  .mine-minimap__cell {
    aspect-ratio: 1;
    display: block;
    min-width: 4px;
    background: #3d3800;
    border: 1px solid #554f00;
  }
  .mine-minimap__cell--special {
    background: #1a4060;
  }
  .mine-minimap__cell--jackpot {
    background: #6a5a00;
  }
  .mine-minimap__cell--mined {
    background: #222;
    opacity: 0.5;
  }
  .mine-minimap__cell--view {
    outline: 1px solid rgba(0, 255, 200, 0.9);
    outline-offset: -1px;
  }
  .btn--sm {
    padding: 4px 10px;
    font-size: 11px;
  }
}
.msg-success {
  color: #7dffaa;
  border-color: rgba(0,255,65,.35);
  background: rgba(0,255,65,.06);
}
.msg-banner {
  border-radius: 0;
  letter-spacing: .3px;
}
.module__icon svg, .module__icon .hack-ico {
  display: block;
  filter: drop-shadow(0 0 6px currentColor);
}
.alert-icon .hack-ico, .alert-icon svg {
  display: block;
  filter: drop-shadow(0 0 4px currentColor);
}
.def-stat__ico .hack-ico {
  filter: drop-shadow(0 0 4px currentColor);
}
.module__icon:empty::after {
  content: "//";
  font-size: 14px;
  color: rgba(0,255,65,.4);
}
.panel {
  transition: border-color .2s ease, box-shadow .2s ease;
}
.panel:hover {
  border-color: rgba(0,255,65,.5);
  box-shadow: 0 0 16px rgba(0,255,65,.14), inset 0 0 28px rgba(0,255,65,.04);
}
.panel--flat:hover {
  border-color: rgba(0,255,65,.45);
}
.panel__head {
  background: rgba(0,255,65,.03);
  border-bottom: 1px solid rgba(0,255,65,.12);
}
.panel__title {
  letter-spacing: 2px;
}
.btn, .btn-primary, .btn-danger, .btn-bypass, .btn-guest {
  transition: color .15s ease, border-color .15s ease, box-shadow .15s ease, background .15s ease, transform .08s ease;
}
.btn:active:not(:disabled), .btn-primary:active:not(:disabled) {
  transform: scale(0.97);
}
.btn-danger:active:not(:disabled) {
  transform: scale(0.97);
}
.btn:focus-visible, .btn-primary:focus-visible {
  outline: 1.5px solid rgba(0,255,65,.9);
  outline-offset: 2px;
  box-shadow: 0 0 0 3px rgba(0,255,65,.12);
}
.module {
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease, transform .15s ease;
}
.module:hover {
  border-color: rgba(0,255,65,.75);
  box-shadow: 0 0 22px rgba(0,255,65,.18), inset 0 0 16px rgba(0,255,65,.05);
}
.module--cyan:hover {
  border-color: rgba(0,207,255,.75);
  box-shadow: 0 0 22px rgba(0,207,255,.18), inset 0 0 16px rgba(0,207,255,.04);
}
.module--gold:hover {
  border-color: rgba(255,215,0,.65);
  box-shadow: 0 0 22px rgba(255,215,0,.16), inset 0 0 16px rgba(255,215,0,.04);
}
.module--purple:hover {
  border-color: rgba(185,122,255,.65);
  box-shadow: 0 0 22px rgba(185,122,255,.18), inset 0 0 16px rgba(185,122,255,.04);
}
.module::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 8px 0 0;
  border-color: rgba(0,255,65,.0) transparent transparent transparent;
  transition: border-color .18s ease;
  pointer-events: none;
  z-index: 1;
}
.module:hover::before {
  border-color: rgba(0,255,65,.5) transparent transparent transparent;
}
.module--cyan:hover::before {
  border-color: rgba(0,207,255,.5) transparent transparent transparent;
}
.module--gold:hover::before {
  border-color: rgba(255,215,0,.5) transparent transparent transparent;
}
.module--purple:hover::before {
  border-color: rgba(185,122,255,.5) transparent transparent transparent;
}
.scan-input {
  transition: border-color .15s ease, box-shadow .15s ease;
}
.scan-input::placeholder {
  letter-spacing: 0.5px;
}
.data-row {
  transition: border-color .2s ease;
}
.data-row:hover {
  border-color: rgba(0,255,65,.4);
}
.target-card {
  transition: border-color .2s ease, box-shadow .2s ease;
}
.lb-row {
  transition: background .15s ease;
}
.lb-row:hover {
  background: rgba(0,255,65,.04);
  padding-left: 4px;
  transition: background .15s ease, padding-left .15s ease;
}
.conn-tile {
  transition: border-color .15s ease, background .15s ease;
}
.bar-fill, .fw-bar-fill, .ram-bar-fill, .bypass-bar-fill {
  transition: width .6s cubic-bezier(0.4, 0, 0.2, 1);
}
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: rgba(0,255,65,.2);
  border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(0,255,65,.4);
}
* {
  scrollbar-width: thin;
  scrollbar-color: rgba(0,255,65,.2) transparent;
}
.page-title::after {
  content: "_";
  animation: blink 1.2s step-end infinite;
  color: #00cfff;
}
.ident__handle::after {
  color: #00cfff;
  animation: blink 1.2s step-end infinite;
}
.glow-green {
  text-shadow: 0 0 8px #00ff41, 0 0 16px rgba(0,255,65,.4);
}
.glow-cyan {
  text-shadow: 0 0 8px #00cfff, 0 0 16px rgba(0,207,255,.4);
}
.glow-gold {
  text-shadow: 0 0 8px #ffd700, 0 0 16px rgba(255,215,0,.4);
}
.alert-icon svg {
  width: 13px;
  height: 13px;
  filter: drop-shadow(0 0 4px currentColor);
}
.field {
  transition: border-color .15s ease, box-shadow .15s ease;
}
.field:focus-visible {
  outline: 1.5px solid rgba(0,255,65,.85);
  outline-offset: 1px;
  border-color: var(--color-term-fg);
  box-shadow: 0 0 10px rgba(0,255,65,.25);
}
@keyframes stat-update {
  0% {
    opacity: 1;
  }
  25% {
    opacity: .5;
    text-shadow: 0 0 12px currentColor;
  }
  100% {
    opacity: 1;
  }
}
.conn-card {
  transition: border-color .15s ease, background .15s ease;
}
.top-bar__stat {
  transition: background .15s ease, border-color .15s ease, box-shadow .15s ease;
}
.top-bar__stat:hover {
  background: rgba(0,255,65,.08);
  border-color: rgba(0,255,65,.28);
  box-shadow: 0 0 10px rgba(0,255,65,.08);
}
.top-bar__stat--bank:hover {
  background: rgba(255,215,0,.08);
  border-color: rgba(255,215,0,.28);
}
.top-bar__stat--vtc:hover, .top-bar__stat--level:hover {
  background: rgba(0,207,255,.08);
  border-color: rgba(0,207,255,.28);
}
.top-bar__stat--nuc:hover {
  background: rgba(185,122,255,.08);
  border-color: rgba(185,122,255,.28);
}
.login-form-container {
  box-shadow: 0 0 30px rgba(0,255,0,.1), inset 0 0 40px rgba(0,255,0,.02);
}
.login-form-container:hover {
  box-shadow: 0 0 40px rgba(0,255,0,.14), inset 0 0 40px rgba(0,255,0,.03);
}
.panel__badge--live {
  animation: badge-pulse 3s ease-in-out infinite;
}
@keyframes badge-pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: .6;
  }
}
.dash-resources-panel {
  display: flex;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
  flex-shrink: 0;
}
@media (min-width: 961px) {
  .dash-resources-panel {
    display: none !important;
  }
}
.device--dashboard .dash-wallet-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--dash-gap);
  width: 100%;
}
.device--dashboard .dash-wallet-stat {
  display: flex;
  flex-direction: column;
  gap: clamp(4px, 0.6vh, 6px);
  min-width: 0;
  padding: clamp(8px, 1vh, 12px) clamp(10px, 1.2vw, 14px);
  border: 1px solid rgba(0,255,65,.14);
  background: rgba(0,0,0,.28);
  border-radius: 2px;
}
.device--dashboard .dash-wallet-stat--wallet {
  border-color: rgba(0,255,65,.22);
}
.device--dashboard .dash-wallet-stat--bank {
  border-color: rgba(255,215,0,.2);
  background: rgba(255,215,0,.04);
}
.device--dashboard .dash-wallet-stat--traces {
  border-color: rgba(255,85,119,.25);
  background: rgba(255,85,119,.05);
}
.device--dashboard .dash-wallet-stat__lbl {
  font-size: var(--dash-fs-xs);
  letter-spacing: 2px;
  text-transform: uppercase;
  color: rgba(0,255,65,.38);
}
.device--dashboard .dash-wallet-stat__val {
  display: inline-flex;
  align-items: center;
  gap: clamp(4px, 1vw, 8px);
  font-size: var(--dash-fs-md);
  font-weight: bold;
  color: #c8ffd4;
  font-variant-numeric: tabular-nums;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.device--dashboard .dash-wallet-stat__val .hack-ico {
  flex-shrink: 0;
  width: clamp(14px, 1.1vw, 16px);
  height: clamp(14px, 1.1vw, 16px);
}
.dash-wallet-stat__val--gold {
  color: #ffd700;
  text-shadow: 0 0 6px rgba(255,215,0,.45);
}
.dash-wallet-stat__val--cyan {
  color: #00cfff;
  text-shadow: 0 0 6px rgba(0,207,255,.45);
}
.dash-wallet-stat__val--purple {
  color: #b97aff;
  text-shadow: 0 0 6px rgba(185,122,255,.45);
}
.dash-wallet-stat__val--danger {
  color: #ff5577;
  text-shadow: 0 0 6px rgba(255,85,119,.45);
}
.dash-wallet-stat__frac {
  opacity: .45;
  margin: 0 1px;
  font-weight: normal;
}
.device--dashboard .dash-wallet-stat__max {
  font-size: var(--dash-fs-xs);
  color: rgba(0,207,255,.5);
  font-weight: normal;
  margin-left: 2px;
}
.device--dashboard .dash-wallet-stat__prestige {
  font-size: var(--dash-fs-xs);
  color: #b97aff;
  margin-left: 4px;
  font-weight: bold;
}
.device--dashboard .dash-wallet-stat--xp {
  grid-column: 1 / -1;
}
.device--dashboard .dash-wallet-xp {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto auto;
  gap: 4px 10px;
  align-items: center;
  width: 100%;
}
.dash-wallet-xp__track {
  grid-column: 1 / -1;
  height: 6px;
  background: rgba(0,207,255,.1);
  border: 1px solid rgba(0,207,255,.22);
  border-radius: 2px;
  overflow: hidden;
}
.dash-wallet-xp__fill {
  height: 100%;
  background: #00cfff;
  box-shadow: 0 0 6px #00cfff;
  border-radius: 1px;
  transition: width .4s;
}
.device--dashboard .dash-wallet-xp__val {
  font-size: var(--dash-fs-sm);
  font-weight: bold;
  color: #00cfff;
  font-variant-numeric: tabular-nums;
}
.device--dashboard .dash-wallet-xp__hint {
  font-size: var(--dash-fs-xs);
  color: rgba(0,255,65,.42);
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dash-wallet-loading {
  font-size: 11px;
  color: rgba(0,255,65,.45);
  letter-spacing: 1px;
  text-transform: uppercase;
  margin: 0;
}
@media (max-width: 960px) {
  :root {
    --app-nav-h: 54px;
    --app-scroll-pad: calc(var(--app-nav-h) + env(safe-area-inset-bottom, 0px) + 16px);
  }
  body:has(.bottom-nav) {
    padding-bottom: var(--app-scroll-pad);
  }
  body:has(.bottom-nav) .page-shell {
    padding: 8px 12px 0;
    overflow: visible;
  }
  body:has(.device--dashboard) .page-shell, body:has(.device--scan) .page-shell, body:has(.device--remote) .page-shell {
    padding: 0;
  }
  html:has(.device--dashboard), html:has(.device--scan), html:has(.device--remote) {
    height: auto;
    overflow-x: hidden;
  }
  body:has(.device--dashboard), body:has(.device--scan), body:has(.device--remote) {
    overflow-x: hidden;
    overflow-y: auto;
    height: auto;
    min-height: 100vh;
    min-height: 100dvh;
    -webkit-overflow-scrolling: touch;
  }
  .device--dashboard.dash-stack {
    padding: 12px;
    gap: 12px;
    height: auto;
    max-height: none;
    overflow: visible;
    padding-bottom: var(--app-scroll-pad);
    box-sizing: border-box;
  }
  .device--dashboard .dash-grid {
    height: auto;
    max-height: none;
    overflow: visible;
    padding: 0;
    gap: 12px;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas: "operator" "connections" "log" "defense" "modules" "intel" "status" "net" "activity";
  }
  .device--remote .dash-grid {
    height: auto;
    max-height: none;
    overflow: visible;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas: "operator" "connections" "log" "defense" "modules" "intel" "status" "net";
  }
  .device--remote--npc .dash-grid {
    grid-template-areas: "operator" "connections" "log" "defense" "modules" "intel" "status" "net";
  }
  .device--remote .dash-cell {
    height: auto;
    min-height: 0;
  }
  .device--remote .dash-cell.panel {
    height: auto;
    min-height: 0;
  }
  .device--remote .dash-cell--net {
    min-height: auto;
  }
  .device--remote .dash-cell--net .matrix-win {
    min-height: min(220px, 38vh);
    max-height: min(320px, 48vh);
  }
  .device--remote .dash-cell--modules .panel__body--scroll {
    max-height: none;
    overflow: visible;
  }
  .device--remote .dash-cell--log .panel__body--scroll {
    max-height: min(240px, 36vh);
  }
  .device--scan.scan-grid {
    height: auto;
    max-height: none;
    overflow: visible;
    padding: 12px;
    padding-bottom: var(--app-scroll-pad);
    gap: 12px;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas: "sweep" "rig" "intel" "tactics" "links";
    box-sizing: border-box;
  }
  .device--scan .scan-cell--sweep {
    min-height: clamp(280px, 42vh, 420px);
  }
  .device--scan .scan-cell--links {
    margin-bottom: 4px;
  }
  .dash-resources-panel {
    display: flex !important;
    flex-direction: column;
    margin: 0;
    width: 100%;
  }
  .device--dashboard .dash-cell, .device--scan .scan-cell {
    height: auto;
    min-height: 0;
  }
  .device--dashboard .dash-cell.panel, .device--scan .scan-cell.panel {
    height: auto;
    min-height: 0;
  }
  .device--dashboard .dash-cell--status {
    min-height: auto;
  }
  .device--dashboard .dash-cell--connections .panel__body--fill {
    overflow: visible;
    min-height: auto;
  }
  .device--dashboard .conn-grid--viewport {
    flex: none;
    max-height: min(320px, 45vh);
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .device--dashboard .module-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .device--dashboard .module__desc {
    display: block;
  }
  .device--dashboard .combat-rig__jobs, .device--dashboard .combat-rig__spam-list {
    max-height: none;
  }
  .device--dashboard .dash-cell--net {
    overflow: visible;
    min-height: clamp(180px, 32vh, 280px);
  }
  .device--dashboard .dash-cell--net .matrix-win {
    height: auto;
    min-height: clamp(160px, 28vh, 240px);
  }
  .device--dashboard .panel__body--operator {
    overflow: visible;
  }
  .page {
    gap: 12px;
    max-width: 100%;
  }
  .page-header {
    padding: 4px 4px 14px;
  }
  .page-title {
    font-size: clamp(15px, 4.2vw, 20px);
    line-height: 1.25;
  }
  .page-subtitle {
    font-size: 11px;
    padding: 0 4px;
  }
  .panel__head {
    min-height: 40px;
    padding: 8px 12px;
    flex-wrap: wrap;
    gap: 6px;
  }
  .panel__link, .page-header__link {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    padding: 6px 10px;
    font-size: 10px;
    letter-spacing: 1px;
  }
  .scan-link {
    min-height: 48px;
    padding: 10px 12px;
  }
  .scan-sweep__form {
    flex-direction: column;
    align-items: stretch;
  }
  .scan-sweep__input, .scan-sweep__btn {
    width: 100%;
    min-height: 44px;
  }
  .btn, .btn-primary, .btn-bypass {
    min-height: 44px;
    padding: 10px 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .top-bar__stats {
    display: none !important;
  }
  .top-bar__user {
    display: none;
  }
  .top-bar {
    padding: 0 8px;
    gap: 4px;
    padding-left: max(8px, env(safe-area-inset-left, 0px));
    padding-right: max(8px, env(safe-area-inset-right, 0px));
  }
  .top-bar__brand, .top-bar .nohack-logo {
    font-size: 11px;
    margin-right: 4px;
    flex-shrink: 1;
    min-width: 0;
  }
  .top-bar__clock {
    font-size: 9px;
  }
  .top-bar__logout {
    min-height: 32px;
    padding: 6px 10px;
    font-size: 8px;
  }
  .nav-item {
    min-height: 44px;
    padding: 6px 2px;
    font-size: 10px;
    letter-spacing: 1.2px;
  }
  .nav-icon, .nav-item .hack-ico {
    width: 22px;
    height: 22px;
  }
  body:has(.bottom-nav) .page-shell > .page, body:has(.bottom-nav) .page-shell > .page--narrow, body:has(.bottom-nav) .page-shell > .page--wide {
    padding-bottom: var(--app-scroll-pad);
    box-sizing: border-box;
  }
  .metric-row {
    flex-wrap: wrap;
    gap: 8px;
  }
  .target-card {
    padding: 12px;
  }
  .data-list {
    gap: 12px;
  }
}
@media (max-width: 480px) {
  .device--dashboard .conn-grid--viewport, .device--dashboard .module-grid {
    grid-template-columns: 1fr;
  }
  .top-bar__group--level {
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .glitch::before, .glitch::after, .status-dot.on, .scan-line, .target-card::before, .logo, .top-bar__xp-fill, .ram-bar-fill, .bar-fill, .fw-bar-fill, .bypass-bar-fill, .def-stat__meter-fill, .combat-bar-fill, .combat-rig__pulse, .target-op__fill, .device-session-boot {
    animation: none !important;
    transition-duration: 0.01ms !important;
  }
}
.page-shell--device-session {
  height: calc(100dvh - 44px - 54px - env(safe-area-inset-bottom, 0px));
  max-height: calc(100dvh - 44px - 54px - env(safe-area-inset-bottom, 0px));
  overflow: hidden;
  padding: 0;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.page-shell--device-session > #sse-alerts-mount {
  display: none;
}
.device-session-view {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  background: var(--color-ds-bg);
  color: var(--color-ds-text);
  position: relative;
  overflow: hidden;
  font-variant-numeric: tabular-nums;
}
.device-session-boot {
  position: absolute;
  inset: 0;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-ds-bg);
  pointer-events: none;
  animation: ds-boot-fade 1.2s ease-out forwards;
}
.device-session-boot.is-done {
  display: none;
}
.device-session-boot__text {
  font-size: clamp(14px, 2.5vw, 18px);
  letter-spacing: 0.35em;
  color: var(--color-ds-accent);
  text-shadow: 0 0 24px rgba(57,255,106,.35);
}
@keyframes ds-boot-fade {
  0% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
.device-session-toasts {
  flex-shrink: 0;
  padding: 4px 8px 0;
}
.device-session-toasts:empty {
  display: none;
}
.device-session-toast {
  font-size: 11px;
  padding: 6px 8px;
  border: 1px solid var(--color-ds-panel-border);
  margin-bottom: 4px;
}
.device-session-toast--ok {
  color: var(--color-ds-accent);
  border-color: rgba(57,255,106,.4);
}
.device-session-toast--danger {
  color: var(--color-ds-danger);
  border-color: rgba(255,77,77,.45);
}
.device-session-inline-toast {
  font-size: 10px;
  padding: 4px 6px;
  margin-bottom: 8px;
  border: 1px solid var(--color-ds-panel-border);
}
.device-session-inline-toast--ok {
  color: var(--color-ds-accent);
}
.device-session-inline-toast--danger {
  color: var(--color-ds-danger);
}
.device-session-header {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 8px 10px;
  border-bottom: 1px solid var(--color-ds-panel-border);
  min-height: 44px;
}
.device-session-header__main {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  min-width: 0;
  font-size: 11px;
}
.device-session-header__eyebrow {
  font-size: 9px;
  letter-spacing: 0.12em;
  color: rgba(200,245,208,.55);
}
.device-session-header__ip {
  font-size: clamp(13px, 2.8vw, 16px);
  font-weight: 700;
  color: var(--color-ds-accent);
}
.device-session-header__alias {
  max-width: 8rem;
  color: var(--color-ds-text);
}
.device-session-header__divider {
  color: rgba(200,245,208,.35);
}
.device-session-header__fw {
  color: rgba(200,245,208,.75);
}
.device-session-header__conn {
  color: var(--color-ds-warn);
  font-size: 10px;
}
.device-session-header__disconnect-btn {
  min-height: 44px;
  min-width: 44px;
}
.device-session-view__main {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.device-session-view__grid {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .device-session-view__grid {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr 1fr;
    gap: 0;
  }
  .device-session-view__grid--npc {
    grid-template-columns: 1fr 1fr;
  }
}
.device-session-panel {
  min-height: 0;
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid var(--color-ds-panel-border);
}
@media (min-width: 1024px) {
  .device-session-panel {
    border-bottom: none;
    border-right: 1px solid var(--color-ds-panel-border);
  }
  .device-session-panel:last-child {
    border-right: none;
  }
  .device-session-panel__summary {
    display: none;
  }
  .device-session-panel {
    display: flex;
  }
}
.device-session-panel__summary {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 12px;
  min-height: 44px;
  cursor: pointer;
  user-select: none;
}
.device-session-panel__summary::-webkit-details-marker {
  display: none;
}
.device-session-panel__eyebrow {
  font-size: 10px;
  letter-spacing: 0.14em;
  color: rgba(200,245,208,.7);
}
.device-session-panel__hint {
  font-size: 10px;
  color: var(--color-ds-warn);
}
.device-session-panel__inner {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.device-session-panel:not([open]) .device-session-panel__inner {
  display: none;
}
@media (min-width: 1024px) {
  .device-session-panel .device-session-panel__inner {
    display: flex !important;
  }
}
.device-session-panel__content {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.device-session-panel__head {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 10px 4px;
  border-bottom: 1px solid rgba(31,61,42,.6);
}
.device-session-panel__title {
  font-size: 10px;
  letter-spacing: 0.14em;
  margin: 0;
  color: rgba(200,245,208,.75);
  font-weight: 600;
}
.device-session-panel__meta {
  font-size: 10px;
  color: rgba(200,245,208,.55);
}
.device-session-panel__meta--warn {
  color: var(--color-ds-warn);
}
.device-session-panel__body {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 8px 10px;
  -webkit-overflow-scrolling: touch;
}
.device-session-panel__body--log {
  padding-bottom: 4px;
}
.device-session-panel__foot {
  flex-shrink: 0;
  padding: 6px 10px 8px;
  border-top: 1px solid rgba(31,61,42,.6);
}
.device-session-empty {
  font-size: 11px;
  color: rgba(200,245,208,.55);
  margin: 0;
  line-height: 1.45;
}
.device-session-software-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.device-session-software-row {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto auto;
  gap: 2px 8px;
  padding: 8px 0;
  border-bottom: 1px solid rgba(31,61,42,.5);
  align-items: center;
}
.device-session-software-row:last-child {
  border-bottom: none;
}
.device-session-software-row__name {
  font-size: 12px;
  font-weight: 600;
  grid-column: 1;
}
.device-session-software-row__levels {
  font-size: 10px;
  color: rgba(200,245,208,.6);
  grid-column: 1;
}
.device-session-software-row__action {
  grid-column: 2;
  grid-row: 1 / span 2;
}
.device-session-software-row__current {
  font-size: 10px;
  color: var(--color-ds-accent);
  letter-spacing: 0.05em;
}
.device-session-dl {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 72px;
}
.device-session-dl__bar {
  flex: 1;
  height: 6px;
  background: rgba(31,61,42,.8);
  border-radius: 1px;
  overflow: hidden;
  min-width: 48px;
}
.device-session-dl__fill {
  height: 100%;
  background: var(--color-ds-accent);
  transition: width 0.3s ease;
}
.device-session-dl__pct {
  font-size: 10px;
  color: var(--color-ds-accent);
  min-width: 2.5em;
  text-align: right;
}
.device-session-bank-status {
  display: flex;
  gap: 6px;
  font-size: 11px;
  margin-bottom: 10px;
}
.device-session-bank-status__label {
  color: rgba(200,245,208,.55);
}
.device-session-bank-status--locked .device-session-bank-status__value {
  color: rgba(200,245,208,.75);
}
.device-session-bank-status--cracking .device-session-bank-status__value {
  color: var(--color-ds-warn);
}
.device-session-bank-status--cracked .device-session-bank-status__value {
  color: var(--color-ds-accent);
}
.device-session-bank-hint {
  font-size: 10px;
  margin: 0 0 10px;
}
.device-session-bank-cd {
  font-size: 10px;
  color: var(--color-ds-warn);
  margin: 0 0 8px;
}
.device-session-bank-withdraw {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.device-session-bank-withdraw__label {
  font-size: 10px;
  letter-spacing: 0.08em;
}
.device-session-bank-withdraw__pct {
  background: var(--color-ds-bg);
  color: var(--color-ds-text);
  border: 1px solid var(--color-ds-panel-border);
  padding: 6px 8px;
  min-height: 44px;
  font-family: inherit;
}
.device-session-form {
  margin: 0;
}
.device-session-form--block .btn {
  width: 100%;
}
.device-session-form .btn, .device-session-header__disconnect-btn {
  min-height: 44px;
  min-width: 44px;
}
.device-session-form .btn:focus-visible, .device-session-header__disconnect-btn:focus-visible, .device-session-actions__btn:focus-visible {
  outline: 2px solid var(--color-ds-accent);
  outline-offset: 2px;
}
.device-session-log-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.device-session-log-row {
  display: grid;
  grid-template-columns: 1em 1fr auto auto;
  gap: 6px;
  font-size: 10px;
  align-items: baseline;
  padding: 4px 0;
  border-bottom: 1px solid rgba(31,61,42,.35);
}
.device-session-log-row--mine {
  color: var(--color-ds-accent);
  background: rgba(57,255,106,.04);
  padding-left: 4px;
  margin-left: -4px;
  border-radius: 2px;
}
.device-session-log-row--wiped {
  opacity: 0.55;
}
.device-session-log-row__dot {
  color: var(--color-ds-accent);
}
.device-session-log-row__action {
  text-transform: lowercase;
}
.device-session-log-row__who {
  color: rgba(200,245,208,.55);
  text-align: right;
}
.device-session-log-row__time {
  color: rgba(200,245,208,.45);
}
.device-session-log-lock {
  font-size: 9px;
  color: var(--color-ds-danger);
  margin-left: 8px;
}
.device-session-actions {
  flex-shrink: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 4px;
  padding: 6px 8px calc(6px + env(safe-area-inset-bottom, 0px));
  border-top: 1px solid var(--color-ds-panel-border);
  background: rgba(10,14,10,.96);
  position: sticky;
  bottom: 0;
  z-index: 5;
}
.device-session-actions__btn {
  min-height: 44px;
  font-family: inherit;
  font-size: 10px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  background: rgba(57,255,106,.06);
  color: var(--color-ds-text);
  border: 1px solid var(--color-ds-panel-border);
  border-radius: 2px;
  cursor: pointer;
  padding: 4px;
}
.device-session-actions__btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.device-session-actions__btn--danger {
  color: var(--color-ds-danger);
  border-color: rgba(255,77,77,.35);
}
.device-session-actions--npc {
  grid-template-columns: repeat(3, 1fr);
}
@media (min-width: 1024px) {
  .device-session-actions {
    display: none;
  }
  .device-session-header__disconnect {
    display: block;
  }
}
@media (max-width: 1023px) {
  .device-session-header__disconnect {
    display: none;
  }
}
.top-bar__remote-disconnect {
  margin: 0 0 0 auto;
  padding: 0;
  border: none;
  background: none;
  flex-shrink: 0;
  position: relative;
  z-index: 3;
}
.top-bar__remote-exit--btn {
  cursor: pointer;
  font-family: inherit;
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #ff2244;
  border: 1px solid rgba(255,34,68,.3);
  background: transparent;
  min-height: 32px;
  min-width: 44px;
  padding: 2px 6px;
  position: relative;
  z-index: 1;
  transition: color .2s, border-color .2s, background .2s;
}
.top-bar__remote-exit--btn:hover {
  color: #ff5577;
  border-color: #ff2244;
  background: rgba(255,34,68,.08);
}
.top-bar__remote-exit--btn:focus-visible {
  outline: 2px solid rgba(255,85,119,.55);
  outline-offset: 2px;
}
@media (max-width: 960px) {
  .top-bar.top-bar--remote {
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: center;
    height: auto;
    min-height: 44px;
    overflow: visible;
    padding-top: 4px;
    padding-bottom: 6px;
    row-gap: 6px;
  }
  .top-bar--remote .nohack-logo, .top-bar--remote .top-bar__brand {
    order: 1;
    flex: 0 1 auto;
    min-width: 0;
  }
  .top-bar--remote .top-bar__right {
    order: 2;
    margin-left: auto;
    flex: 0 0 auto;
  }
  .top-bar--remote .top-bar__clock, .top-bar--remote .top-bar__sep {
    display: none;
  }
  .top-bar--remote .top-bar__remote {
    order: 3;
    flex: 1 1 100%;
    max-width: 100%;
    width: 100%;
    margin: 0;
    padding: 5px 8px;
    gap: 6px;
    flex-wrap: wrap;
  }
  .top-bar--remote .top-bar__remote-text {
    max-width: none;
    flex: 1 1 8rem;
    min-width: 0;
  }
  .top-bar--remote .top-bar__remote-meta {
    display: none;
  }
  .top-bar--remote a.top-bar__remote-exit:not(.top-bar__remote-exit--btn) {
    display: none;
  }
  .top-bar--remote .top-bar__remote-disconnect {
    margin-left: auto;
    flex-shrink: 0;
  }
  body:has(.top-bar--remote) {
    padding-top: 92px;
  }
}
@media (max-width: 960px) {
  .device.device--dashboard.device--remote.dash-stack {
    height: auto;
    max-height: none;
    overflow: visible;
    padding-bottom: var(--app-scroll-pad, 70px);
  }
  .device.device--dashboard.device--remote .dash-grid {
    display: grid;
    height: auto;
    max-height: none;
    overflow: visible;
    flex: none;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: none;
    grid-auto-rows: auto;
    align-items: stretch;
    grid-template-areas: "operator" "connections" "modules" "log" "defense" "intel" "status" "net";
    gap: 12px;
    padding: 0;
  }
  .device.device--dashboard.device--remote .dash-cell, .device.device--dashboard.device--remote .dash-cell.panel {
    height: auto;
    min-height: 0;
    position: relative;
    width: 100%;
  }
  .device.device--dashboard.device--remote .dash-cell--net .matrix-win {
    height: auto;
    min-height: min(200px, 34vh);
    max-height: min(280px, 42vh);
  }
  .device.device--dashboard.device--remote .matrix-win__log-scroll {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
  }
  .device.device--dashboard.device--remote .dash-cell--modules .module-grid {
    grid-template-columns: 1fr;
  }
}
.device-app-overlay {
  position: fixed;
  inset: 0;
  z-index: 200;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));
  box-sizing: border-box;
}
.device-app-overlay.hidden {
  display: none;
}
.device-app-overlay__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 6, 2, 0.9);
  backdrop-filter: blur(5px);
  opacity: 0;
  transition: opacity .22s ease;
}
.device-app-overlay.is-open .device-app-overlay__backdrop, .device-app-overlay--open .device-app-overlay__backdrop {
  opacity: 1;
}
.device-app-overlay__dialog.device-app-window {
  position: relative;
  z-index: 1;
  width: min(680px, 100%);
  max-height: min(88dvh, 100%);
  display: flex;
  flex-direction: column;
  margin: 0;
  background: rgba(1, 8, 3, 0.98);
  opacity: 0;
  transform: translateY(10px) scale(0.985);
  transition: opacity .22s ease, transform .22s ease, box-shadow .22s ease;
  box-shadow: 0 0 0 1px rgba(0,255,65,.08), 0 18px 48px rgba(0,0,0,.55), 0 0 32px rgba(0,255,65,.06);
}
.device-app-overlay.is-open .device-app-overlay__dialog, .device-app-overlay--open .device-app-overlay__dialog {
  opacity: 1;
  transform: translateY(0) scale(1);
}
.device-app-window__head {
  flex-shrink: 0;
  gap: 8px;
  padding-right: 6px;
  background: rgba(0, 14, 5, 0.99);
}
.device-app-window__head .panel__head-meta {
  margin-right: 4px;
}
.device-app-window__close {
  flex-shrink: 0;
  min-width: 36px;
  min-height: 36px;
  padding: 0;
  border: 1px solid rgba(0,255,65,.18);
  background: rgba(0,255,65,.04);
  color: rgba(200,255,212,.7);
  cursor: pointer;
  font-size: 13px;
  line-height: 1;
  transition: color .15s, border-color .15s, background .15s;
}
.device-app-window__close:hover {
  color: #ff5577;
  border-color: rgba(255,85,119,.4);
  background: rgba(255,85,119,.06);
}
.device-app-window__body {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 12px 14px 14px;
  background: rgba(1, 8, 3, 0.98);
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: rgba(0,255,65,.35) transparent;
}
.device-app-window__body::-webkit-scrollbar {
  width: 4px;
}
.device-app-window__body::-webkit-scrollbar-thumb {
  background: rgba(0,255,65,.35);
  border-radius: 2px;
}
.device-app-window--bank .panel__title span {
  color: #ffd700;
  text-shadow: 0 0 6px rgba(255,215,0,.45);
}
.device-app-window--software .panel__title span {
  color: #00cfff;
}
.device-app-window--log .panel__title span {
  color: #7ee787;
  text-shadow: 0 0 5px rgba(126,231,135,.4);
}
.device-app-window--processes .panel__title span {
  color: #ff6bcb;
  text-shadow: 0 0 5px rgba(255,107,203,.35);
}
.device-app-window--steal .panel__title span {
  color: #ffd700;
}
.device-app-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 0;
}
.device-app-section-label {
  margin: 0;
  font-size: 9px;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: rgba(0,255,65,.38);
}
.device-app-stat {
  padding: 10px 12px;
  border: 1px solid rgba(0,255,65,.16);
  background: rgba(0,255,65,.03);
}
.device-app-stat--gold {
  border-color: rgba(255,215,0,.28);
  background: linear-gradient(135deg, rgba(255,215,0,.06), rgba(0,255,65,.02));
}
.device-app-stat__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 4px;
}
.device-app-stat__label {
  font-size: 8px;
  letter-spacing: 2px;
  font-weight: bold;
  color: rgba(0,255,65,.42);
}
.device-app-stat--gold .device-app-stat__label {
  color: rgba(255,215,0,.55);
}
.device-app-stat__meta {
  font-size: 9px;
  color: rgba(200,255,212,.5);
}
.device-app-stat__value {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.1;
  color: #ffd700;
  text-shadow: 0 0 10px rgba(255,215,0,.25);
}
.device-app-stat--gold .device-app-stat__value .money-btc__sym, .device-app-stat--gold .device-app-stat__value .money-btc__val {
  color: inherit;
  text-shadow: inherit;
}
.device-app-actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-top: 10px;
  border-top: 1px solid rgba(0,255,65,.1);
}
.device-app-actions--foot {
  margin-top: 2px;
}
.device-app-status {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 8px;
  border: 1px solid rgba(0,255,65,.15);
  background: rgba(0,0,0,.2);
  font-size: 9px;
  letter-spacing: 1.5px;
}
.device-app-status__label {
  color: rgba(0,255,65,.4);
  font-weight: bold;
}
.device-app-status__value {
  font-weight: bold;
}
.device-app-status--ok .device-app-status__value {
  color: #39ff6a;
}
.device-app-status--warn .device-app-status__value {
  color: #ffb347;
}
.device-app-status--locked .device-app-status__value {
  color: #ff5577;
}
.device-app-hint {
  margin: 0;
  font-size: 10px;
  color: rgba(200,255,212,.55);
  line-height: 1.45;
}
.device-app-hint--danger {
  color: #ff6b6b;
}
.device-app-form {
  margin: 0;
}
.device-app-form--row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.device-app-form__label {
  font-size: 8px;
  letter-spacing: 1.5px;
  font-weight: bold;
  color: rgba(0,255,65,.45);
}
.device-app-form__select {
  font-family: inherit;
  font-size: 10px;
  padding: 5px 8px;
  border: 1px solid rgba(0,255,65,.22);
  background: rgba(0,0,0,.35);
  color: rgba(200,255,212,.85);
}
.device-app-progress {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.device-app-progress--inline {
  flex-direction: row;
  align-items: center;
  gap: 8px;
  min-width: 120px;
}
.device-app-progress--inline .fw-bar-track {
  flex: 1;
  min-width: 64px;
}
.device-app-progress__readout {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  font-size: 9px;
  color: rgba(0,207,255,.75);
}
.device-app-tag {
  font-size: 9px;
  letter-spacing: .5px;
  padding: 2px 6px;
  border: 1px solid rgba(0,255,65,.2);
}
.device-app-tag--ok {
  color: #39ff6a;
  border-color: rgba(57,255,106,.3);
}
.device-app-software-list {
  gap: 0;
}
.device-app-software-row.data-row {
  align-items: center;
  padding: 8px 0;
}
.device-app-software-row .data-row__title--cyan {
  color: #00cfff;
}
.device-app-software-row--dl {
  background: rgba(0,207,255,.04);
}
.device-app-log__editor {
  margin: 0;
  min-height: 200px;
  max-height: min(48dvh, 360px);
  display: flex;
  flex-direction: column;
}
.device-app-log__editor .panel__body {
  flex: 1;
  min-height: 0;
  padding: 8px 10px;
  background: rgba(0,0,0,.28);
}
.device-app-log__entry {
  position: relative;
  padding-right: 36px;
}
.device-app-log__entry:focus-visible {
  outline: 1px solid rgba(0,255,65,.45);
  outline-offset: 1px;
}
.device-app-log__del {
  position: absolute;
  top: 2px;
  right: 0;
  margin: 0;
}
.device-app-log__del-btn {
  min-width: 32px;
  min-height: 32px;
  border: 1px solid transparent;
  background: transparent;
  color: rgba(255,85,119,.65);
  cursor: pointer;
  font-size: 16px;
  line-height: 1;
  transition: color .15s, border-color .15s, background .15s;
}
.device-app-log__entry:hover .device-app-log__del-btn, .device-app-log__del-btn:focus-visible {
  color: #ff5577;
  border-color: rgba(255,85,119,.35);
  background: rgba(255,85,119,.08);
}
.device-app-content--processes .combat-rig {
  margin: 0;
}
@media (max-width: 1023px) {
  .device-app-overlay {
    padding: 0;
    align-items: stretch;
  }
  .device-app-overlay__dialog.device-app-window {
    width: 100%;
    max-height: 100dvh;
    border-radius: 0;
    transform: translateY(16px);
  }
  .device-app-overlay.is-open .device-app-overlay__dialog, .device-app-overlay--open .device-app-overlay__dialog {
    transform: translateY(0);
  }
  .device-app-window__close {
    min-width: 44px;
    min-height: 44px;
  }
  .device-app-log__editor {
    max-height: 55dvh;
  }
}
@media (prefers-reduced-motion: reduce) {
  .device-app-overlay__backdrop {
    backdrop-filter: none;
    transition: none;
  }
  .device-app-overlay__dialog.device-app-window {
    transition: none;
    transform: none;
    opacity: 1;
  }
  .device-app-overlay__backdrop {
    opacity: 1;
  }
}
.btn-press {
  transition: transform .12s ease, background .12s ease, border-color .12s ease, color .12s ease;
  -webkit-tap-highlight-color: transparent;
}
.btn-press:active {
  transform: scale(0.97);
}
.hack-ico--png {
  object-fit: contain;
  flex-shrink: 0;
  filter: drop-shadow(0 0 4px rgba(0, 255, 65, 0.45));
}
.icon-preview-grid {
  display: grid;
  gap: 12px;
}
.icon-preview-card {
  padding: 12px;
  border: 1px solid rgba(0, 255, 65, 0.18);
  background: rgba(0, 255, 65, 0.03);
}
.icon-preview-card__label {
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 1.2px;
  color: #00cfff;
  margin-bottom: 10px;
}
.icon-preview-card__row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.icon-preview-card__row--4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.icon-preview-status__grid {
  display: grid;
  gap: 8px;
  margin: 0 0 12px;
}
.icon-preview-status__row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  font-size: 11px;
}
.icon-preview-status__row dt {
  color: rgba(200, 255, 212, 0.55);
  margin: 0;
}
.icon-preview-status__row dd {
  margin: 0;
  text-align: right;
}
.icon-preview-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.icon-preview-actions__form {
  margin: 0;
}
.icon-preview-card__cell {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}
.icon-preview-card__tag {
  font-size: 9px;
  letter-spacing: 1px;
  color: rgba(200, 255, 212, 0.45);
}
.icon-preview-card__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  background: rgba(0, 0, 0, 0.55);
  border-radius: 6px;
  padding: 6px;
}
.icon-preview-ico {
  width: 48px;
  height: 48px;
}
.dash-tab-dock {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.dash-tab-dock__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4px;
  height: 100%;
  padding: 6px 8px 4px;
}
.dash-tab-dock__btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-height: 44px;
  padding: 6px 4px;
  border: 1px solid transparent;
  border-radius: 4px;
  background: transparent;
  color: rgba(160, 255, 190, 0.55);
  font-family: inherit;
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 1.4px;
  cursor: pointer;
  position: relative;
}
.dash-tab-dock__btn:hover {
  color: #c8ffd4;
  background: rgba(0, 255, 65, 0.05);
}
.dash-tab-dock__btn--active {
  color: #00ff41;
  background: rgba(0, 255, 65, 0.1);
  border-color: rgba(0, 255, 65, 0.28);
  text-shadow: 0 0 8px rgba(0, 255, 65, 0.45);
}
.dash-tab-dock__btn--active::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 40px;
  height: 2px;
  background: #00ff41;
  border-radius: 1px;
  box-shadow: 0 0 8px rgba(0, 255, 65, 0.6);
}
.dash-tab-dock__icon {
  width: 20px;
  height: 20px;
}
.dash-tab-dock__label {
  line-height: 1;
}
.dash-ops-links {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.dash-list-row {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid rgba(0, 255, 65, 0.16);
  background: rgba(0, 255, 65, 0.03);
  text-decoration: none;
  color: inherit;
  transition: border-color .2s, background .2s;
}
.dash-list-row:hover {
  border-color: rgba(0, 255, 65, 0.38);
  background: rgba(0, 255, 65, 0.06);
  text-decoration: none;
}
.dash-list-row__icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dash-list-row__body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.dash-list-row__title {
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #00ff41;
}
.dash-list-row__desc {
  font-size: 10px;
  color: rgba(200, 255, 212, 0.55);
  line-height: 1.35;
}
.dash-list-row__arrow {
  flex-shrink: 0;
  color: #00cfff;
  font-size: 14px;
}
.steal-hero {
  grid-column: 1 / -1;
  margin-bottom: 4px;
}
.steal-hero__card {
  min-height: 56px;
  border-color: rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(135deg, rgba(255, 215, 0, 0.08), rgba(0, 255, 65, 0.04)) !important;
}
.steal-hero__card .module__label {
  color: #ffd700;
}
.steal-hero__card .module__cmd {
  color: #ffd700;
  border-color: rgba(255, 215, 0, 0.45);
}
@media (min-width: 961px) {
  .dash-tab-dock {
    display: none;
  }
  .dash-cell--ops-links {
    display: none !important;
  }
}
@media (max-width: 960px) {
  :root {
    --app-nav-h: 78px;
  }
  body:has(.dash-tab-dock) {
    padding-bottom: calc(var(--app-nav-h) + env(safe-area-inset-bottom, 0px) + 12px);
  }
  body:has(.dash-tab-dock) .device--dashboard.dash-stack {
    padding-bottom: calc(var(--app-nav-h) + env(safe-area-inset-bottom, 0px) + 12px);
  }
  body:has(.dash-tab-dock) .device--dashboard [data-dash-tab]:not(.dash-tab--active) {
    display: none !important;
  }
  body:has(.dash-tab-dock) .device--dashboard .dash-resources-panel[data-dash-tab]:not(.dash-tab--active) {
    display: none !important;
  }
  body:has(.dash-tab-dock) .device--dashboard .module-grid .module, body:has(.dash-tab-dock) .device--dashboard .module-sections .module {
    min-height: 44px;
    border-radius: 4px;
    padding: 12px;
  }
  body:has(.dash-tab-dock) .device--dashboard .module__icon {
    width: 28px;
    height: 28px;
  }
  body:has(.dash-tab-dock) .device--dashboard .module__icon .hack-ico, body:has(.dash-tab-dock) .device--dashboard .module__icon .hack-ico--png {
    width: 22px;
    height: 22px;
  }
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-space-y-reverse: 0;
      --tw-border-style: solid;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
    }
  }
}

/* nohack-design-overrides */
/*
 * NoHack design system — Phase 1 bundle (generated).
 * Source layers: nohack-tokens.css, nohack-visual-v3.css, nohack-design-system-ext.css, nohack-design-premium.css, nohack-chrome-rail.css, nohack-module-layout.css, nohack-guest-landing.css, nohack-font-logo.css
 * Regenerate: node scripts/bundle-design-system.mjs
 */

/*
 * NOHACK Design Tokens — single source of truth (palette preserved).
 * Loaded before component styles in the design-system bundle.
 */
:root {
  /* ── Brand palette (unchanged) ── */
  --nh-bg: #020804;
  --nh-bg-elevated: #040c05;
  --nh-bg-surface: #0a0e0a;
  --nh-bg-glass: rgba(6, 14, 8, 0.82);
  --nh-bg-glass-strong: rgba(4, 10, 6, 0.94);
  --nh-fg: #00ff41;
  --nh-fg-soft: #c8ffd4;
  --nh-fg-muted: #7dffaa;
  --nh-dim: #6fae87;
  --nh-cyan: #00cfff;
  --nh-electric: #00e8ff;
  --nh-gold: #ffd700;
  --nh-gold-soft: #f0b232;
  --nh-danger: #ff2244;
  --nh-danger-soft: #ff5577;
  --nh-danger-bg: rgba(255, 34, 68, 0.1);
  --nh-purple: #b97aff;
  --nh-success: #00ff41;
  --nh-warning: #ffd700;
  --nh-info: #00cfff;

  /* ── Semantic borders & glows ── */
  --nh-border: rgba(0, 255, 65, 0.12);
  --nh-border-hover: rgba(0, 255, 65, 0.28);
  --nh-border-strong: rgba(0, 255, 65, 0.36);
  --nh-border-cyan: rgba(0, 207, 255, 0.28);
  --nh-border-gold: rgba(255, 215, 0, 0.28);
  --nh-border-danger: rgba(255, 34, 68, 0.32);
  --nh-glow-green: rgba(0, 255, 65, 0.32);
  --nh-glow-cyan: rgba(0, 207, 255, 0.32);
  --nh-glow-gold: rgba(255, 215, 0, 0.28);
  --nh-glow-danger: rgba(255, 34, 68, 0.28);

  /* ── Typography ── */
  --nh-font: "JetBrains Mono", "Courier New", Courier, monospace;
  --nh-font-logo: "dx scans-serif";
  --nh-text-xs: 0.625rem;
  --nh-text-sm: 0.6875rem;
  --nh-text-base: 0.75rem;
  --nh-text-md: 0.8125rem;
  --nh-text-lg: 1rem;
  --nh-text-xl: 1.25rem;
  --nh-text-2xl: clamp(1.25rem, 2.5vw, 1.75rem);
  --nh-text-3xl: clamp(1.5rem, 3vw, 2rem);
  --nh-leading-tight: 1.25;
  --nh-leading-normal: 1.5;
  --nh-leading-relaxed: 1.65;
  --nh-track-tight: 0.06em;
  --nh-track-normal: 0.1em;
  --nh-track-wide: 0.14em;
  --nh-track-wider: 0.18em;

  /* ── Spacing (4px grid) ── */
  --nh-space-1: 4px;
  --nh-space-2: 8px;
  --nh-space-3: 12px;
  --nh-space-4: 16px;
  --nh-space-5: 20px;
  --nh-space-6: 24px;
  --nh-space-8: 32px;
  --nh-space-10: 40px;

  /* ── Radius & sizing ── */
  --nh-radius-sm: 2px;
  --nh-radius: 4px;
  --nh-radius-md: 6px;
  --nh-radius-lg: 10px;
  --nh-radius-full: 999px;
  --nh-chrome-h: 48px;
  --nh-nav-h: 56px;
  --nh-content-max: 1320px;
  --nh-page-max: 880px;
  --nh-page-narrow: 480px;

  /* ── Elevation ── */
  --nh-shadow-sm: 0 4px 16px rgba(0, 0, 0, 0.35);
  --nh-shadow: 0 12px 40px rgba(0, 0, 0, 0.5);
  --nh-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.6);
  --nh-shadow-inset: inset 0 1px 0 rgba(0, 255, 65, 0.07), inset 0 0 40px rgba(0, 255, 65, 0.02);
  --nh-shadow-glow-green: 0 0 24px var(--nh-glow-green);
  --nh-shadow-glow-cyan: 0 0 24px var(--nh-glow-cyan);

  /* ── Effects ── */
  --nh-blur: blur(12px);
  --nh-blur-strong: blur(20px);
  --nh-transition-fast: 120ms cubic-bezier(0.4, 0, 0.2, 1);
  --nh-transition: 200ms cubic-bezier(0.4, 0, 0.2, 1);
  --nh-transition-slow: 320ms cubic-bezier(0.4, 0, 0.2, 1);

  /* ── Z-index scale ── */
  --nh-z-chrome: 500;
  --nh-z-overlay: 800;
  --nh-z-modal: 900;
  --nh-z-boot: 9500;
}

/*
 * NOHACK Visual System v3 — core component reskin (CSS-only).
 * Tokens: nohack-tokens.css · Extensions: nohack-design-system-ext.css · Premium: nohack-design-premium.css
 */

/* ═══ 1. ATMOSPHERE ═══ */
.nohack-ds body {
  font-family: var(--nh-font);
  background-color: var(--nh-bg) !important;
  background-image:
    radial-gradient(ellipse 80% 50% at 50% -20%, rgba(0, 207, 255, 0.07), transparent 55%),
    radial-gradient(ellipse 60% 40% at 100% 100%, rgba(0, 255, 65, 0.05), transparent 50%),
    radial-gradient(ellipse 50% 35% at 0% 80%, rgba(185, 122, 255, 0.04), transparent 45%),
    linear-gradient(rgba(0, 255, 65, 0.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 255, 65, 0.018) 1px, transparent 1px) !important;
  background-size: auto, auto, auto, 40px 40px, 40px 40px !important;
  color: var(--nh-fg);
}

.nohack-ds body::after {
  opacity: 0.35 !important;
  background: repeating-linear-gradient(
    0deg,
    transparent,
    transparent 2px,
    rgba(0, 0, 0, 0.08) 2px,
    rgba(0, 0, 0, 0.08) 3px
  ) !important;
}

.nohack-ds body.guest-shell {
  padding-bottom: 24px !important;
}

a {
  color: var(--nh-cyan);
  text-decoration: none;
  transition: color 0.15s ease, text-shadow 0.15s ease;
}

a:hover {
  color: var(--nh-electric);
  text-shadow: 0 0 8px var(--nh-glow-cyan);
  text-decoration: none;
}

h1, .page-title {
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-shadow: 0 0 20px rgba(0, 255, 65, 0.25);
}

.page-subtitle {
  color: var(--nh-dim);
  font-size: 12px;
  letter-spacing: 0.06em;
  line-height: 1.5;
}

/* ═══ 2. CHROME — TOP BAR ═══ */
.top-bar {
  height: 48px !important;
  padding: 0 14px !important;
  background: rgba(2, 8, 4, 0.88) !important;
  border-bottom: 1px solid var(--nh-border) !important;
  backdrop-filter: var(--nh-blur);
  -webkit-backdrop-filter: var(--nh-blur);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.4);
}

.nohack-ds body {
  padding-top: var(--nh-chrome-h) !important;
  padding-bottom: calc(var(--nh-nav-h) + 16px + env(safe-area-inset-bottom, 0px)) !important;
}

.top-bar__stats {
  flex: 1;
  min-width: 0;
  overflow: hidden;
}

.top-bar__right {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.top-bar__clock {
  font-size: 10px;
  color: var(--nh-dim);
  letter-spacing: 0.1em;
  font-variant-numeric: tabular-nums;
}

.top-bar__sep {
  width: 1px;
  height: 18px;
  background: var(--nh-border-strong);
}

.top-bar__user {
  font-size: 10px;
  color: var(--nh-dim);
  letter-spacing: 0.08em;
}

.top-bar__user strong {
  color: var(--nh-fg-soft);
}

.top-bar__logout,
.guest-top-link {
  font-size: 9px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 4px 10px;
  border: 1px solid var(--nh-border);
  background: rgba(0, 255, 65, 0.04);
  color: var(--nh-dim);
  border-radius: var(--nh-radius);
  cursor: pointer;
  transition: all 0.15s ease;
  text-decoration: none;
}

.top-bar__logout:hover,
.guest-top-link:hover {
  color: var(--nh-danger-soft);
  border-color: rgba(255, 34, 68, 0.4);
  background: rgba(255, 34, 68, 0.08);
  box-shadow: 0 0 12px rgba(255, 34, 68, 0.2);
}

.guest-top-link:hover {
  color: var(--nh-cyan);
  border-color: rgba(0, 207, 255, 0.4);
  background: rgba(0, 207, 255, 0.06);
  box-shadow: 0 0 12px var(--nh-glow-cyan);
}

.status-dot.on {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--nh-fg);
  box-shadow: 0 0 8px var(--nh-fg), 0 0 16px rgba(0, 255, 65, 0.4);
  animation: nh-pulse 2.5s ease-in-out infinite;
}

@keyframes nh-pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.55; }
}

/* ═══ 3. BOTTOM NAV — FLOATING DOCK ═══ */
.bottom-nav {
  position: fixed !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  bottom: calc(10px + env(safe-area-inset-bottom, 0px)) !important;
  width: min(calc(100% - 24px), 520px) !important;
  height: auto !important;
  min-height: 52px !important;
  padding: 6px 8px !important;
  background: rgba(4, 12, 5, 0.92) !important;
  border: 1px solid var(--nh-border-strong) !important;
  border-radius: var(--nh-radius-lg) !important;
  backdrop-filter: var(--nh-blur);
  -webkit-backdrop-filter: var(--nh-blur);
  box-shadow: var(--nh-shadow), 0 0 0 1px rgba(0, 255, 65, 0.04) inset !important;
  z-index: 500;
}

body {
  padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px)) !important;
}

.bottom-nav__grid {
  gap: 4px !important;
}

.nav-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 3px !important;
  padding: 6px 4px !important;
  font-size: 8px !important;
  letter-spacing: 0.1em !important;
  color: var(--nh-dim) !important;
  border-radius: var(--nh-radius) !important;
  border: 1px solid transparent !important;
  background: transparent !important;
  text-decoration: none !important;
  transition: all 0.15s ease !important;
}

.nav-item:hover {
  color: var(--nh-cyan) !important;
  background: rgba(0, 207, 255, 0.06) !important;
}

.nav-item.active {
  color: var(--nh-fg) !important;
  background: rgba(0, 255, 65, 0.1) !important;
  border-color: var(--nh-border-strong) !important;
  box-shadow: 0 0 16px rgba(0, 255, 65, 0.15), inset 0 0 12px rgba(0, 255, 65, 0.04) !important;
}

.nav-icon {
  width: 18px !important;
  height: 18px !important;
  opacity: 0.85;
}

.nav-item.active .nav-icon {
  opacity: 1;
  filter: drop-shadow(0 0 4px var(--nh-glow-green));
}

/* Dash tab dock */
.dash-tab-dock {
  display: flex;
  gap: 4px;
  width: 100%;
}

.dash-tab-dock__btn {
  flex: 1;
  padding: 8px 4px;
  font-size: 8px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--nh-dim);
  background: transparent;
  border: 1px solid transparent;
  border-radius: var(--nh-radius);
  cursor: pointer;
  transition: all 0.15s ease;
}

.dash-tab-dock__btn:hover {
  color: var(--nh-cyan);
  background: rgba(0, 207, 255, 0.06);
}

.dash-tab-dock__btn--active {
  color: var(--nh-fg);
  background: rgba(0, 255, 65, 0.1);
  border-color: var(--nh-border-strong);
  box-shadow: 0 0 12px rgba(0, 255, 65, 0.12);
}

/* ═══ 4. PAGE SHELL ═══ */
.page-shell {
  max-width: 1320px;
  padding: 16px 18px 28px !important;
}

.page-shell--guest {
  max-width: 1400px;
  width: 100%;
}

.page {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.page-header {
  padding-bottom: 4px;
  border-bottom: 1px solid var(--nh-border);
  margin-bottom: 4px;
}

.page-title {
  font-size: clamp(18px, 2.5vw, 26px);
  margin: 0 0 6px;
  color: var(--nh-fg);
}

.page-title span {
  color: var(--nh-fg-soft);
}

/* ═══ 5. PANELS ═══ */
.panel {
  position: relative;
  border: 1px solid var(--nh-border) !important;
  border-radius: var(--nh-radius-lg) !important;
  background: linear-gradient(165deg, rgba(8, 18, 10, 0.85), rgba(3, 8, 4, 0.95)) !important;
  box-shadow: var(--nh-shadow), var(--nh-shadow-inset) !important;
  backdrop-filter: var(--nh-blur);
  -webkit-backdrop-filter: var(--nh-blur);
  overflow: hidden;
}

.panel--flat {
  padding: 0 !important;
}

.panel--flat > .panel__head {
  border-bottom: 1px solid var(--nh-border);
  background: rgba(0, 255, 65, 0.03);
}

.panel--live {
  border-color: rgba(0, 255, 65, 0.22) !important;
}

.panel--combat {
  border-color: rgba(255, 215, 0, 0.2) !important;
}

.panel__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 14px;
  min-height: 40px;
}

.panel__title {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--nh-dim);
}

.panel__title span {
  color: var(--nh-fg-soft);
}

.panel__meta,
.panel__link {
  font-size: 9px;
  letter-spacing: 0.1em;
  color: var(--nh-dim);
  text-transform: uppercase;
}

.panel__link {
  color: var(--nh-cyan);
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  font-family: inherit;
}

.panel__link:hover {
  color: var(--nh-electric);
  text-shadow: 0 0 8px var(--nh-glow-cyan);
}

.panel__badge {
  font-size: 8px;
  letter-spacing: 0.12em;
  padding: 2px 8px;
  border-radius: 2px;
  border: 1px solid var(--nh-border);
  color: var(--nh-dim);
  text-transform: uppercase;
}

.panel__badge--live {
  color: var(--nh-fg);
  border-color: rgba(0, 255, 65, 0.4);
  background: rgba(0, 255, 65, 0.08);
  animation: nh-live-blink 2s step-end infinite;
}

@keyframes nh-live-blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.65; }
}

.panel__body {
  padding: 14px;
}

.panel__body--compact {
  padding: 10px 14px;
}

.panel__body--fill {
  flex: 1;
  min-height: 0;
}

.panel-sweep {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
  z-index: 1;
}

.panel-sweep::after {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 60%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(0, 255, 65, 0.04), transparent);
  animation: nh-panel-sweep 6s ease-in-out infinite;
}

@keyframes nh-panel-sweep {
  0% { left: -60%; }
  100% { left: 120%; }
}

/* ═══ 6. BUTTONS & FORMS ═══ */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 16px !important;
  font-size: 10px !important;
  font-weight: 600;
  letter-spacing: 0.14em !important;
  text-transform: uppercase;
  color: var(--nh-fg-soft) !important;
  background: rgba(0, 255, 65, 0.05) !important;
  border: 1px solid var(--nh-border-strong) !important;
  border-radius: var(--nh-radius) !important;
  cursor: pointer;
  transition: all 0.15s ease;
  text-decoration: none !important;
  box-shadow: inset 0 1px 0 rgba(0, 255, 65, 0.08);
}

.btn:hover {
  color: var(--nh-fg) !important;
  border-color: rgba(0, 255, 65, 0.55) !important;
  background: rgba(0, 255, 65, 0.12) !important;
  box-shadow: 0 0 20px rgba(0, 255, 65, 0.2), inset 0 0 12px rgba(0, 255, 65, 0.06) !important;
  text-shadow: 0 0 8px var(--nh-glow-green);
}

.btn--primary,
.btn-primary,
.btn-active {
  color: var(--nh-bg) !important;
  background: linear-gradient(180deg, #00ff41, #00cc34) !important;
  border-color: #00ff41 !important;
  box-shadow: 0 0 24px rgba(0, 255, 65, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
  text-shadow: none !important;
}

.btn--primary:hover,
.btn-primary:hover,
.btn-active:hover {
  color: var(--nh-bg) !important;
  background: linear-gradient(180deg, #33ff66, #00ff41) !important;
  box-shadow: 0 0 32px rgba(0, 255, 65, 0.5) !important;
}

.btn--ghost,
.btn-ghost {
  background: transparent !important;
  border-color: transparent !important;
  color: var(--nh-dim) !important;
  box-shadow: none !important;
}

.btn--ghost:hover,
.btn-ghost:hover {
  color: var(--nh-cyan) !important;
  background: rgba(0, 207, 255, 0.06) !important;
}

.btn-danger {
  color: var(--nh-danger-soft) !important;
  border-color: rgba(255, 34, 68, 0.35) !important;
  background: rgba(255, 34, 68, 0.08) !important;
}

.btn-danger:hover {
  border-color: var(--nh-danger) !important;
  box-shadow: 0 0 16px rgba(255, 34, 68, 0.3) !important;
}

.btn--sm {
  padding: 5px 10px !important;
  font-size: 9px !important;
}

.field,
.guest-auth__field {
  width: 100%;
  padding: 10px 12px !important;
  font-size: 13px;
  font-family: var(--nh-font);
  color: var(--nh-fg-soft);
  background: rgba(0, 0, 0, 0.45) !important;
  border: 1px solid var(--nh-border) !important;
  border-radius: var(--nh-radius) !important;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.field:focus-visible,
.guest-auth__field:focus-visible {
  outline: none;
  border-color: rgba(0, 207, 255, 0.55) !important;
  box-shadow: 0 0 0 2px rgba(0, 207, 255, 0.12), 0 0 16px rgba(0, 207, 255, 0.15) !important;
}

.field::placeholder {
  color: rgba(111, 174, 135, 0.45);
}

.form-label {
  display: block;
  font-size: 9px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--nh-dim);
  margin-bottom: 6px;
}

.form-group {
  margin-bottom: 14px;
}

/* ═══ 7. DASHBOARD ═══ */
.dash-deck-header {
  max-width: 100%;
  margin: 0 0 18px;
  padding: 14px 16px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  border: 1px solid var(--nh-border);
  border-radius: var(--nh-radius-lg);
  background: linear-gradient(135deg, rgba(0, 207, 255, 0.04), rgba(0, 255, 65, 0.03));
  box-shadow: var(--nh-shadow-inset);
}

.dash-deck-header__eyebrow {
  font-size: 9px;
  letter-spacing: 0.2em;
  color: var(--nh-cyan);
  margin-bottom: 4px;
}

.dash-deck-header__title {
  margin: 0;
  font-size: clamp(20px, 2.8vw, 28px);
  font-weight: 700;
  letter-spacing: 0.06em;
  color: var(--nh-fg);
  text-shadow: 0 0 24px rgba(0, 255, 65, 0.2);
}

.dash-deck-header__nominal {
  font-size: 9px;
  letter-spacing: 0.14em;
  color: var(--nh-fg);
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.device--dashboard {
  --dash-gap: 14px;
}

.dash-grid {
  gap: var(--dash-gap) !important;
}

.dash-cell {
  min-height: 0;
}

.dash-empty {
  font-size: 11px;
  color: var(--nh-dim);
  letter-spacing: 0.06em;
  padding: 12px 0;
}

.dash-resources-panel .panel__body {
  background: rgba(0, 255, 65, 0.02);
}

/* Identity block */
.ident--dash {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.ident__handle {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: var(--nh-fg-soft);
  text-shadow: 0 0 16px rgba(0, 255, 65, 0.15);
}

.ident__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.ident__rank {
  font-size: 9px;
  letter-spacing: 0.12em;
  padding: 3px 10px;
  border: 1px solid;
  border-radius: 2px;
  text-transform: uppercase;
}

.ident__prestige {
  font-size: 10px;
  color: var(--nh-purple);
  text-shadow: 0 0 8px rgba(185, 122, 255, 0.4);
}

.ident__level {
  font-size: 11px;
  color: var(--nh-cyan);
}

.ident__ip-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  background: rgba(0, 0, 0, 0.35);
  border: 1px solid var(--nh-border);
  border-radius: var(--nh-radius);
}

.ident__ip-lbl {
  font-size: 8px;
  letter-spacing: 0.14em;
  color: var(--nh-dim);
}

.ident__ip {
  font-size: 13px;
  color: var(--nh-cyan);
  font-variant-numeric: tabular-nums;
}

.ident__track-head {
  display: flex;
  justify-content: space-between;
  margin-bottom: 6px;
}

.ident__track-lbl {
  font-size: 8px;
  letter-spacing: 0.14em;
  color: var(--nh-dim);
}

.ident__track-val {
  font-size: 11px;
  color: var(--nh-fg-soft);
}

.ident__track-val--gold {
  color: var(--nh-gold);
}

.bar-track {
  height: 4px;
  background: rgba(0, 255, 65, 0.08);
  border-radius: 2px;
  overflow: hidden;
}

.bar-fill {
  height: 100%;
  background: linear-gradient(90deg, rgba(0, 255, 65, 0.6), var(--nh-fg));
  border-radius: 2px;
  box-shadow: 0 0 8px rgba(0, 255, 65, 0.4);
  transition: width 0.4s ease;
}

.bar-fill--cyan {
  background: linear-gradient(90deg, rgba(0, 207, 255, 0.6), var(--nh-cyan));
  box-shadow: 0 0 8px var(--nh-glow-cyan);
}

.bar-labels {
  font-size: 9px;
  color: var(--nh-dim);
  margin-top: 6px;
  letter-spacing: 0.04em;
}

/* Connection cards */
.conn-grid {
  display: grid;
  gap: 8px;
}

.conn-card {
  display: grid;
  grid-template-columns: 1fr auto auto;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid var(--nh-border);
  border-radius: var(--nh-radius);
  background: rgba(0, 0, 0, 0.25);
  text-decoration: none;
  color: inherit;
  transition: all 0.15s ease;
}

.conn-card:hover {
  border-color: rgba(0, 207, 255, 0.35);
  background: rgba(0, 207, 255, 0.05);
  box-shadow: 0 0 16px rgba(0, 207, 255, 0.1);
  transform: translateX(2px);
}

.conn-card--current {
  border-color: rgba(0, 255, 65, 0.45);
  background: rgba(0, 255, 65, 0.06);
}

.conn-card__ip {
  font-size: 12px;
  color: var(--nh-cyan);
  font-variant-numeric: tabular-nums;
}

.conn-card__access span {
  font-size: 8px;
  letter-spacing: 0.1em;
  padding: 2px 6px;
  border: 1px solid var(--nh-border);
  border-radius: 2px;
  color: var(--nh-dim);
}

.conn-card__btn {
  font-size: 8px;
  letter-spacing: 0.12em;
  color: var(--nh-fg);
}

/* ═══ 8. MODULES ═══ */
.module-grid {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
  gap: var(--nh-space-3);
}

.module-sections {
  display: flex;
  flex-direction: column;
  gap: 18px;
  width: 100%;
}

.module-grid--section {
  width: 100%;
}

.module-section__label {
  font-size: 8px;
  letter-spacing: 0.18em;
  color: var(--nh-dim);
  margin-bottom: 8px;
  padding-bottom: 6px;
  border-bottom: 1px solid var(--nh-border);
}

.module {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 14px 12px;
  min-height: 120px;
  border: 1px solid var(--nh-border);
  border-radius: var(--nh-radius-lg);
  background: rgba(0, 0, 0, 0.3);
  text-decoration: none;
  color: inherit;
  transition: all 0.18s ease;
  position: relative;
  overflow: hidden;
}

.module::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--nh-fg), transparent);
  opacity: 0;
  transition: opacity 0.18s ease;
}

.module:hover {
  border-color: var(--nh-border-strong);
  background: rgba(0, 255, 65, 0.06);
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35), 0 0 20px rgba(0, 255, 65, 0.08);
}

.module:hover::before {
  opacity: 1;
}

.module--static {
  cursor: default;
  pointer-events: none;
}

.module--static:hover {
  transform: none;
  box-shadow: none;
}

.module--cyan { border-left: 3px solid var(--nh-cyan); }
.module--gold { border-left: 3px solid var(--nh-gold); }
.module--hot { border-left: 3px solid var(--nh-fg); }
.module--purple { border-left: 3px solid var(--nh-purple); }

/* Guest landing — 3 preview tiles fill the row */
body.guest-shell .module-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--nh-space-4);
}

body.guest-shell .module {
  min-height: 168px;
  padding: 20px 18px;
}

body.guest-shell .module__icon {
  width: 40px;
  height: 40px;
}

body.guest-shell .module__icon .hack-ico {
  width: 32px;
  height: 32px;
}

body.guest-shell .module__label {
  font-size: 11px;
}

body.guest-shell .module__desc {
  font-size: 10px;
  line-height: 1.5;
}

/* Dashboard — horizontal operator tiles, full-width grid */
.device--dashboard .module-grid,
.device--dashboard .module-grid--section {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
  gap: var(--nh-space-3);
}

.device--dashboard .module {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  grid-template-rows: auto 1fr auto;
  column-gap: 12px;
  row-gap: 4px;
  align-items: start;
  min-height: 96px;
  padding: 14px 16px;
}

.device--dashboard .module__icon {
  grid-row: 1 / span 3;
  width: 48px;
  height: 48px;
  align-self: center;
}

.device--dashboard .module__icon .hack-ico {
  width: 28px;
  height: 28px;
}

.device--dashboard .module__label {
  font-size: 11px;
}

.device--dashboard .module__desc {
  font-size: 10px;
  line-height: 1.45;
}

@media (min-width: 961px) {
  .device--dashboard .module-grid,
  .device--dashboard .module-grid--section {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 1280px) {
  .device--dashboard .module-grid,
  .device--dashboard .module-grid--section {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (min-width: 1800px) {
  .device--dashboard .module-grid,
  .device--dashboard .module-grid--section {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  body.guest-shell .module-grid {
    grid-template-columns: 1fr;
  }
}

.module__icon {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--nh-fg);
}

.module__label {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.1em;
  color: var(--nh-fg-soft);
}

.module__desc {
  font-size: 9px;
  line-height: 1.45;
  color: var(--nh-dim);
  flex: 1;
}

.module__cmd {
  font-size: 8px;
  letter-spacing: 0.12em;
  color: var(--nh-cyan);
  margin-top: auto;
}

/* ═══ 9. SCAN PAGE ═══ */
.device--scan .page-header {
  border-bottom-color: rgba(0, 207, 255, 0.15);
}

.scan-node {
  border: 1px solid var(--nh-border) !important;
  border-radius: var(--nh-radius-lg) !important;
  background: rgba(0, 0, 0, 0.35) !important;
  transition: all 0.15s ease;
}

.scan-node:hover {
  border-color: rgba(0, 255, 65, 0.35) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3), 0 0 16px rgba(0, 255, 65, 0.06) !important;
}

.scan-node--operator { border-left: 3px solid var(--nh-cyan) !important; }
.scan-node--npc { border-left: 3px solid rgba(0, 255, 65, 0.4) !important; }
.scan-node--active { border-left: 3px solid var(--nh-gold) !important; }
.scan-node--result { border-left: 3px solid var(--nh-fg) !important; }
.scan-node--result-fail { border-left: 3px solid var(--nh-danger-soft) !important; }

.scan-empty {
  padding: 32px 16px;
  text-align: center;
  font-size: 11px;
  color: var(--nh-dim);
  letter-spacing: 0.08em;
  border: 1px dashed var(--nh-border);
  border-radius: var(--nh-radius-lg);
  background: rgba(0, 0, 0, 0.2);
}

/* ═══ 10. LOGS, ALERTS, CHAT ═══ */
.log-entry {
  font-size: 10px;
  line-height: 1.5;
  padding: 4px 0;
  border-bottom: 1px solid rgba(0, 255, 65, 0.04);
  color: var(--nh-dim);
}

.log-entry .ts {
  color: var(--nh-cyan);
  margin-right: 8px;
  font-variant-numeric: tabular-nums;
}

.msg-banner {
  border: 1px solid rgba(255, 215, 0, 0.3);
  border-radius: var(--nh-radius);
  background: rgba(255, 215, 0, 0.06);
  padding: 10px 14px;
  font-size: 11px;
  color: var(--nh-gold);
}

.alert-item {
  display: flex;
  gap: 10px;
  padding: 10px 0;
  border-bottom: 1px solid var(--nh-border);
  font-size: 10px;
  line-height: 1.45;
  color: var(--nh-dim);
}

.alert-item strong {
  color: var(--nh-fg-soft);
}

.chat-preview {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 12px;
  border: 1px solid var(--nh-border);
  border-radius: var(--nh-radius);
  background: rgba(0, 0, 0, 0.25);
  text-decoration: none;
  color: inherit;
  transition: all 0.15s ease;
}

.chat-preview:hover {
  border-color: rgba(0, 207, 255, 0.3);
  background: rgba(0, 207, 255, 0.04);
}

.chat-preview__channel {
  font-size: 8px;
  letter-spacing: 0.14em;
  color: var(--nh-cyan);
}

.chat-preview__line {
  font-size: 10px;
  color: var(--nh-dim);
}

/* Matrix console panel */
.panel--matrix {
  border-color: rgba(0, 207, 255, 0.15) !important;
}

.panel__head--matrix {
  background: rgba(0, 207, 255, 0.03);
}

.matrix-win__led {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--nh-fg);
  box-shadow: 0 0 6px var(--nh-fg);
}

.matrix-win__head-tag {
  font-size: 8px;
  letter-spacing: 0.12em;
  color: var(--nh-dim);
}

/* ═══ 11. GUEST LANDING & AUTH ═══ */
.guest-landing-hero {
  text-align: center;
  padding: 24px 0 8px;
}

.guest-landing-cta {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
  margin-bottom: 8px;
}

.guest-auth {
  max-width: 440px;
  margin: 0 auto;
}

.guest-auth__actions {
  margin-top: 18px;
}

.guest-auth__actions .btn {
  width: 100%;
}

.guest-auth__links {
  margin-top: 20px;
  font-size: 11px;
  color: var(--nh-dim);
  text-align: center;
}

.guest-auth__links a {
  color: var(--nh-cyan);
}

/* ═══ 12. BOOT OVERLAY ═══ */
.boot-glass {
  position: fixed;
  inset: 0;
  z-index: 9000;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(2, 8, 4, 0.94);
  backdrop-filter: blur(8px);
}

.boot-glass__panel {
  width: min(92vw, 520px);
  border: 1px solid var(--nh-border-strong);
  border-radius: var(--nh-radius-lg);
  background: linear-gradient(165deg, rgba(8, 18, 10, 0.95), rgba(2, 8, 4, 0.98));
  box-shadow: var(--nh-shadow), 0 0 60px rgba(0, 255, 65, 0.08);
  overflow: hidden;
  position: relative;
}

.boot-glass__head {
  padding: 20px 22px 12px;
  border-bottom: 1px solid var(--nh-border);
}

.boot-glass__tag {
  font-size: 8px;
  letter-spacing: 0.2em;
  color: var(--nh-cyan);
  margin-bottom: 8px;
}

.boot-glass__logo {
  font-family: var(--nh-font-logo);
  font-size: 28px;
  font-weight: 400;
  letter-spacing: 0.04em;
  color: var(--nh-fg-soft);
}

.boot-glass__logo b {
  color: var(--nh-cyan);
  text-shadow: 0 0 12px var(--nh-glow-cyan);
}

.boot-glass__sub {
  font-size: 9px;
  letter-spacing: 0.16em;
  color: var(--nh-dim);
  margin-top: 6px;
}

.boot-glass__body {
  padding: 16px 22px 20px;
}

.boot-glass__term .ln {
  display: block;
  font-size: 10px;
  line-height: 1.7;
  color: var(--nh-dim);
}

.boot-glass__term .ln .ok { color: var(--nh-fg); }
.boot-glass__term .ln .wa { color: var(--nh-gold); }
.boot-glass__term .ln .cy { color: var(--nh-cyan); }

.boot-glass__bar {
  height: 3px;
  background: rgba(0, 255, 65, 0.1);
  border-radius: 2px;
  margin-top: 14px;
  overflow: hidden;
}

.boot-glass__bar > i {
  display: block;
  height: 100%;
  width: 0;
  background: linear-gradient(90deg, var(--nh-cyan), var(--nh-fg));
  box-shadow: 0 0 8px var(--nh-glow-green);
  transition: width 0.1s linear;
}

.boot-glass__skip {
  position: absolute;
  bottom: 24px;
  right: 24px;
  font-size: 9px;
  letter-spacing: 0.14em;
  color: var(--nh-dim);
  background: transparent;
  border: 1px solid var(--nh-border);
  padding: 6px 14px;
  border-radius: var(--nh-radius);
  cursor: pointer;
}

.boot-glass__skip:hover {
  color: var(--nh-cyan);
  border-color: rgba(0, 207, 255, 0.4);
}

body.boot-active {
  overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
  .boot-glass { display: none !important; }
  .panel-sweep::after { animation: none; }
  .status-dot.on { animation: none; }
}

/* ═══ 13. SHOP TABS, TABLES, MISC ═══ */
.shop-tabs,
.tab-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 16px;
}

.shop-tab,
.tab-btn {
  padding: 6px 14px;
  font-size: 9px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--nh-dim);
  border: 1px solid var(--nh-border);
  border-radius: var(--nh-radius);
  background: rgba(0, 0, 0, 0.25);
  text-decoration: none;
  transition: all 0.15s ease;
}

.shop-tab:hover,
.tab-btn:hover {
  color: var(--nh-cyan);
  border-color: rgba(0, 207, 255, 0.3);
}

.shop-tab.active,
.tab-btn.active {
  color: var(--nh-fg);
  border-color: var(--nh-border-strong);
  background: rgba(0, 255, 65, 0.1);
}

table {
  width: 100%;
  border-collapse: collapse;
  font-size: 11px;
}

th, td {
  padding: 8px 10px;
  border-bottom: 1px solid var(--nh-border);
  text-align: left;
}

th {
  font-size: 8px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--nh-dim);
  background: rgba(0, 255, 65, 0.03);
}

.error {
  color: var(--nh-danger-soft);
  font-size: 11px;
}

.text-term-dim {
  color: var(--nh-dim) !important;
}

/* Statusbar wallet strip */
.wallet-strip,
.dash-wallet-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 20px;
  align-items: center;
}

.wallet-stat,
.dash-stat {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.wallet-stat__lbl,
.dash-stat__lbl {
  font-size: 8px;
  letter-spacing: 0.12em;
  color: var(--nh-dim);
  text-transform: uppercase;
}

.wallet-stat__val,
.dash-stat__val {
  font-size: 13px;
  font-weight: 600;
  color: var(--nh-fg-soft);
  font-variant-numeric: tabular-nums;
}

/* Def/combat stats inherit accent vars — enhance glow */
.def-stat,
.combat-job {
  border: 1px solid var(--nh-border);
  border-radius: var(--nh-radius);
  background: rgba(0, 0, 0, 0.2);
}

/* HTMX loading */
.htmx-request .remote-htmx-indicator,
.remote-htmx-indicator.htmx-request {
  opacity: 1;
}

.remote-htmx-indicator {
  position: fixed;
  top: 52px;
  right: 16px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--nh-cyan);
  box-shadow: 0 0 12px var(--nh-glow-cyan);
  opacity: 0;
  transition: opacity 0.2s;
  z-index: 600;
}

/* Mobile dashboard tabs */
@media (max-width: 960px) {
  body:has(.dash-tab-dock) .dash-deck-header {
    display: none;
  }

  .dash-cell:not(.dash-tab--active) {
    display: none !important;
  }

  .page-shell {
    padding: 12px 12px 24px !important;
  }

  .module-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.guest-shell .module-grid {
    grid-template-columns: 1fr;
  }

  .device--dashboard .module-grid,
  .device--dashboard .module-grid--section {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 961px) {
  .dash-tab-dock {
    display: none;
  }
}

/* Logo — sm brand; gradient in nohack-font-logo.css */

/*
 * NOHACK Design System — premium component layer (CSS-only).
 * Requires nohack-tokens.css + base overrides. Scoped under .nohack-ds.
 */

/* ═══ GLOBAL POLISH ═══ */
.nohack-ds {
  font-family: var(--nh-font);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.nohack-ds ::selection {
  background: rgba(0, 207, 255, 0.25);
  color: var(--nh-fg-soft);
}

.nohack-ds *:focus-visible {
  outline: 2px solid rgba(0, 207, 255, 0.55);
  outline-offset: 2px;
}

.nohack-ds *:focus:not(:focus-visible) {
  outline: none;
}

.nohack-ds ::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

.nohack-ds ::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.25);
}

.nohack-ds ::-webkit-scrollbar-thumb {
  background: rgba(0, 255, 65, 0.22);
  border-radius: var(--nh-radius-full);
}

.nohack-ds ::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 255, 65, 0.38);
}

.nohack-ds .htmx-request.btn,
.nohack-ds .htmx-request.btn-primary,
.nohack-ds button.htmx-request {
  opacity: 0.72;
  pointer-events: none;
  position: relative;
}

.nohack-ds .htmx-request.btn::after,
.nohack-ds button.htmx-request::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  border: 2px solid rgba(0, 255, 65, 0.25);
  border-top-color: var(--nh-fg);
  border-radius: 50%;
  animation: nh-spin 0.7s linear infinite;
}

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

.nohack-ds .btn:disabled,
.nohack-ds .field:disabled,
.nohack-ds button:disabled {
  opacity: 0.45;
  cursor: not-allowed;
  filter: grayscale(0.35);
}

/* ═══ ATMOSPHERE UPGRADE ═══ */
.nohack-ds body {
  background-color: var(--nh-bg) !important;
  background-image:
    radial-gradient(ellipse 100% 80% at 50% -30%, rgba(0, 207, 255, 0.08), transparent 50%),
    radial-gradient(ellipse 70% 50% at 100% 80%, rgba(0, 255, 65, 0.06), transparent 45%),
    radial-gradient(ellipse 55% 40% at 0% 60%, rgba(185, 122, 255, 0.05), transparent 40%),
    linear-gradient(rgba(0, 255, 65, 0.015) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 255, 65, 0.015) 1px, transparent 1px) !important;
  background-size: auto, auto, auto, 48px 48px, 48px 48px !important;
}

.nohack-ds body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 998;
  background: radial-gradient(circle at 50% 50%, transparent 40%, rgba(0, 0, 0, 0.35) 100%);
}

.nohack-ds body::after {
  opacity: 0.22 !important;
}

/* ═══ TOP BAR — WALLET / STATS RAIL ═══ */
.nohack-ds .top-bar__group {
  display: flex;
  align-items: center;
  gap: var(--nh-space-1);
  padding: 2px 4px;
  border-radius: var(--nh-radius-sm);
  background: rgba(0, 0, 0, 0.2);
}

.nohack-ds .top-bar__stat {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 3px 8px;
  border: 1px solid var(--nh-border);
  border-radius: var(--nh-radius-sm);
  background: rgba(0, 0, 0, 0.35);
  font-size: var(--nh-text-xs);
  transition: border-color var(--nh-transition-fast), box-shadow var(--nh-transition-fast);
}

.nohack-ds .top-bar__stat:hover {
  border-color: var(--nh-border-hover);
}

.nohack-ds .top-bar__stat .val {
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: var(--nh-fg-soft);
}

.nohack-ds .top-bar__stat .val.gold {
  color: var(--nh-gold);
  text-shadow: 0 0 8px var(--nh-glow-gold);
}

.nohack-ds .top-bar__stat .val.cyan {
  color: var(--nh-cyan);
  text-shadow: 0 0 8px var(--nh-glow-cyan);
}

.nohack-ds .top-bar__stat--bank {
  border-color: var(--nh-border-gold);
  background: rgba(255, 215, 0, 0.04);
}

.nohack-ds .top-bar__stat--vtc {
  border-color: var(--nh-border-cyan);
  background: rgba(0, 207, 255, 0.04);
}

.nohack-ds .top-bar__stat--nuc {
  border-color: rgba(185, 122, 255, 0.28);
  background: rgba(185, 122, 255, 0.05);
}

.nohack-ds .top-bar__stat--traces {
  border-color: var(--nh-border-danger);
  background: var(--nh-danger-bg);
}

.nohack-ds .top-bar__xp-track {
  background: rgba(0, 207, 255, 0.08);
  border: 1px solid var(--nh-border-cyan);
  border-radius: var(--nh-radius-sm);
}

.nohack-ds .top-bar__xp-fill {
  background: linear-gradient(90deg, var(--nh-cyan), var(--nh-electric));
  box-shadow: 0 0 8px var(--nh-glow-cyan);
}

.nohack-ds .top-bar__remote {
  display: flex;
  align-items: center;
  gap: var(--nh-space-2);
  flex: 1;
  min-width: 0;
}

.nohack-ds .top-bar__remote-tag {
  font-size: var(--nh-text-xs);
  letter-spacing: var(--nh-track-wide);
  color: var(--nh-gold);
  padding: 2px 8px;
  border: 1px solid var(--nh-border-gold);
  border-radius: var(--nh-radius-sm);
  background: rgba(255, 215, 0, 0.06);
}

.nohack-ds .top-bar--remote {
  border-bottom-color: rgba(255, 140, 0, 0.25) !important;
  background: rgba(8, 6, 2, 0.92) !important;
}

/* ═══ TARGETS & PvP CARDS ═══ */
.nohack-ds .target-list {
  gap: var(--nh-space-3) !important;
}

.nohack-ds .target-card,
.nohack-ds .target {
  position: relative;
  border: 1px solid var(--nh-border) !important;
  border-radius: var(--nh-radius-md) !important;
  background: linear-gradient(160deg, rgba(8, 16, 10, 0.9), rgba(3, 8, 4, 0.95)) !important;
  box-shadow: var(--nh-shadow-sm), var(--nh-shadow-inset) !important;
  transition: transform var(--nh-transition), border-color var(--nh-transition), box-shadow var(--nh-transition);
  overflow: hidden;
}

.nohack-ds .target-card::before,
.nohack-ds .target::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--nh-cyan), transparent);
  opacity: 0.5;
}

.nohack-ds .target-card:hover,
.nohack-ds .target:hover {
  border-color: var(--nh-border-strong) !important;
  transform: translateY(-1px);
  box-shadow: var(--nh-shadow), 0 0 24px rgba(0, 255, 65, 0.08) !important;
}

/* ═══ BYPASS / PROGRESS ═══ */
.nohack-ds .bypass-bar-track,
.nohack-ds .combat-bar-track {
  height: 5px;
  background: rgba(0, 0, 0, 0.45);
  border: 1px solid var(--nh-border);
  border-radius: var(--nh-radius-full);
  overflow: hidden;
}

.nohack-ds .bypass-bar-fill,
.nohack-ds .combat-bar-fill {
  height: 100%;
  border-radius: var(--nh-radius-full);
  transition: width 1s linear;
}

.nohack-ds .combat-bar-fill--bypass {
  background: linear-gradient(90deg, rgba(0, 207, 255, 0.5), var(--nh-cyan));
  box-shadow: 0 0 10px var(--nh-glow-cyan);
}

.nohack-ds .combat-bar-fill--bruteforce {
  background: linear-gradient(90deg, rgba(255, 215, 0, 0.5), var(--nh-gold));
  box-shadow: 0 0 10px var(--nh-glow-gold);
}

.nohack-ds .combat-bar-fill--spam {
  background: linear-gradient(90deg, rgba(255, 107, 203, 0.5), #ff6bcb);
  box-shadow: 0 0 10px rgba(255, 107, 203, 0.35);
}

.nohack-ds .btn-bypass {
  border-color: var(--nh-border-cyan) !important;
  color: var(--nh-cyan) !important;
  background: rgba(0, 207, 255, 0.06) !important;
}

.nohack-ds .btn-bypass:hover {
  box-shadow: var(--nh-shadow-glow-cyan) !important;
}

/* ═══ COMBAT RIG ═══ */
.nohack-ds .combat-rig {
  display: flex;
  flex-direction: column;
  gap: var(--nh-space-3);
}

.nohack-ds .combat-rig__telemetry {
  display: flex;
  flex-wrap: wrap;
  gap: var(--nh-space-2);
  padding: var(--nh-space-2) var(--nh-space-3);
  border: 1px solid var(--nh-border);
  border-radius: var(--nh-radius);
  background: rgba(0, 0, 0, 0.3);
  font-size: var(--nh-text-xs);
}

.nohack-ds .combat-rig__pulse {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--nh-dim);
}

.nohack-ds .combat-rig--engaged .combat-rig__pulse {
  background: var(--nh-fg);
  box-shadow: 0 0 12px var(--nh-glow-green);
  animation: nh-pulse-dot 1.2s ease-in-out infinite;
}

@keyframes nh-pulse-dot {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.2); opacity: 0.7; }
}

.nohack-ds .combat-rig--engaged .combat-rig__mode {
  color: var(--nh-fg);
  text-shadow: 0 0 10px var(--nh-glow-green);
}

.nohack-ds .combat-job {
  padding: var(--nh-space-3);
  border: 1px solid var(--nh-border);
  border-left: 3px solid var(--combat-accent, var(--nh-cyan));
  border-radius: var(--nh-radius);
  background: rgba(0, 0, 0, 0.35);
  transition: border-color var(--nh-transition-fast);
}

.nohack-ds .combat-job:hover {
  border-color: var(--nh-border-hover);
}

.nohack-ds .combat-job__type {
  font-size: var(--nh-text-xs);
  letter-spacing: var(--nh-track-wide);
  color: var(--combat-accent, var(--nh-cyan));
}

.nohack-ds .combat-job__ip {
  font-variant-numeric: tabular-nums;
  color: var(--nh-fg-soft);
}

.nohack-ds .combat-rig__standby {
  text-align: center;
  padding: var(--nh-space-6) var(--nh-space-4);
  color: var(--nh-dim);
  font-size: var(--nh-text-sm);
  border: 1px dashed var(--nh-border);
  border-radius: var(--nh-radius-md);
  background: rgba(0, 0, 0, 0.2);
}

/* ═══ DEFENSE RIG ═══ */
.nohack-ds .defense-rig {
  display: flex;
  flex-direction: column;
  gap: var(--nh-space-3);
}

.nohack-ds .defense-rig__block {
  padding: var(--nh-space-3);
  border: 1px solid var(--nh-border);
  border-radius: var(--nh-radius);
  background: rgba(0, 0, 0, 0.25);
}

.nohack-ds .defense-rig__head {
  font-size: var(--nh-text-xs);
  letter-spacing: var(--nh-track-wide);
  color: var(--nh-dim);
  text-transform: uppercase;
  margin-bottom: var(--nh-space-2);
}

.nohack-ds .def-stat {
  padding: var(--nh-space-2) var(--nh-space-3);
  border: 1px solid var(--nh-border);
  border-left: 3px solid var(--def-accent, var(--nh-fg));
  border-radius: var(--nh-radius);
  background: rgba(0, 0, 0, 0.3);
}

.nohack-ds .def-stat__lbl {
  font-size: var(--nh-text-xs);
  letter-spacing: var(--nh-track-wide);
  color: var(--nh-dim);
}

.nohack-ds .def-stat__val {
  font-size: var(--nh-text-md);
  font-weight: 600;
  color: var(--def-accent, var(--nh-fg-soft));
}

/* ═══ TOASTS & ALERTS ═══ */
.nohack-ds .dash-toasts {
  display: flex;
  flex-direction: column;
  gap: var(--nh-space-2);
  margin-bottom: var(--nh-space-3);
}

.nohack-ds .dash-toast,
.nohack-ds .toast-banner {
  padding: var(--nh-space-3) var(--nh-space-4);
  border-radius: var(--nh-radius);
  font-size: var(--nh-text-sm);
  letter-spacing: var(--nh-track-tight);
  border: 1px solid;
  animation: nh-toast-in var(--nh-transition-slow) ease;
}

@keyframes nh-toast-in {
  from { opacity: 0; transform: translateY(-8px); }
  to { opacity: 1; transform: translateY(0); }
}

.nohack-ds .dash-toast--ok,
.nohack-ds .toast-banner--success {
  color: var(--nh-fg);
  border-color: rgba(0, 255, 65, 0.35);
  background: rgba(0, 255, 65, 0.08);
}

.nohack-ds .dash-toast--err,
.nohack-ds .toast-banner--error {
  color: var(--nh-danger-soft);
  border-color: var(--nh-border-danger);
  background: var(--nh-danger-bg);
}

.nohack-ds #sse-alerts-mount .msg-banner,
.nohack-ds .msg-banner {
  border-left: 3px solid var(--nh-gold);
  animation: nh-toast-in var(--nh-transition-slow) ease;
}

/* ═══ CHAT & MESSENGER ═══ */
.nohack-ds .chat-log,
.nohack-ds .chat-messages {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.nohack-ds .chat-line,
.nohack-ds .chat-msg {
  padding: 6px 10px;
  font-size: var(--nh-text-sm);
  line-height: var(--nh-leading-normal);
  border-radius: var(--nh-radius-sm);
  transition: background var(--nh-transition-fast);
}

.nohack-ds .chat-line:hover,
.nohack-ds .chat-msg:hover {
  background: rgba(0, 255, 65, 0.04);
}

.nohack-ds .chat-line .user,
.nohack-ds .chat-msg__user {
  color: var(--nh-cyan);
  font-weight: 600;
}

.nohack-ds .chat-line .system,
.nohack-ds .chat-msg--system {
  color: var(--nh-gold);
  font-style: italic;
}

.nohack-ds .chat-input-row {
  display: flex;
  gap: var(--nh-space-2);
  padding: var(--nh-space-3);
  border-top: 1px solid var(--nh-border);
  background: rgba(0, 0, 0, 0.35);
}

/* ═══ RANK & LEADERBOARD ═══ */
.nohack-ds .rank-row,
.nohack-ds .leaderboard-row {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: var(--nh-space-3);
  align-items: center;
  padding: var(--nh-space-3) var(--nh-space-4);
  border-bottom: 1px solid var(--nh-border);
  transition: background var(--nh-transition-fast);
}

.nohack-ds .rank-row:hover,
.nohack-ds .leaderboard-row:hover {
  background: rgba(0, 255, 65, 0.04);
}

.nohack-ds .rank-row--self {
  background: rgba(0, 207, 255, 0.06);
  border-left: 3px solid var(--nh-cyan);
}

.nohack-ds .rank-pos {
  font-size: var(--nh-text-lg);
  font-weight: 700;
  color: var(--nh-dim);
  min-width: 2ch;
}

.nohack-ds .rank-row:nth-child(1) .rank-pos { color: var(--nh-gold); text-shadow: 0 0 12px var(--nh-glow-gold); }
.nohack-ds .rank-row:nth-child(2) .rank-pos { color: var(--nh-fg-soft); }
.nohack-ds .rank-row:nth-child(3) .rank-pos { color: #cd7f32; }

/* ═══ SHOP & IAP ═══ */
.nohack-ds .shop-item,
.nohack-ds .hardware-card,
.nohack-ds .app-card {
  border: 1px solid var(--nh-border);
  border-radius: var(--nh-radius-md);
  background: rgba(0, 0, 0, 0.35);
  padding: var(--nh-space-4);
  transition: all var(--nh-transition);
}

.nohack-ds .shop-item:hover,
.nohack-ds .hardware-card:hover,
.nohack-ds .app-card:hover {
  border-color: var(--nh-border-hover);
  box-shadow: var(--nh-shadow-sm), 0 0 20px rgba(0, 255, 65, 0.06);
  transform: translateY(-2px);
}

.nohack-ds .shop-item__price,
.nohack-ds .price-tag {
  color: var(--nh-gold);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

/* ═══ BANK & CRYPTO ═══ */
.nohack-ds .bank-card,
.nohack-ds .wallet-card {
  border: 1px solid var(--nh-border-gold);
  border-radius: var(--nh-radius-md);
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.04), rgba(0, 0, 0, 0.4));
  padding: var(--nh-space-4);
}

.nohack-ds .bank-card__balance {
  font-size: var(--nh-text-xl);
  font-weight: 700;
  color: var(--nh-gold);
  text-shadow: 0 0 16px var(--nh-glow-gold);
  font-variant-numeric: tabular-nums;
}

/* ═══ DEVICE APP OVERLAY (MODALS) ═══ */
.nohack-ds .device-app-overlay {
  position: fixed;
  inset: 0;
  z-index: var(--nh-z-modal);
  background: rgba(2, 8, 4, 0.88);
  backdrop-filter: var(--nh-blur-strong);
  -webkit-backdrop-filter: var(--nh-blur-strong);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--nh-space-4);
  animation: nh-fade-in var(--nh-transition) ease;
}

.nohack-ds .device-app-overlay.hidden {
  display: none !important;
}

@keyframes nh-fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

.nohack-ds .device-app-shell {
  width: min(100%, 640px);
  max-height: min(90vh, 720px);
  border: 1px solid var(--nh-border-strong);
  border-radius: var(--nh-radius-lg);
  background: var(--nh-bg-glass-strong);
  box-shadow: var(--nh-shadow-lg);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  animation: nh-slide-up var(--nh-transition-slow) ease;
}

@keyframes nh-slide-up {
  from { opacity: 0; transform: translateY(16px) scale(0.98); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

.nohack-ds .device-app-shell .panel__head {
  background: rgba(0, 255, 65, 0.04);
}

/* ═══ ICONS & INDICATORS ═══ */
.nohack-ds .hack-ico {
  display: inline-block;
  vertical-align: middle;
  flex-shrink: 0;
  transition: filter var(--nh-transition-fast), transform var(--nh-transition-fast);
}

.nohack-ds .hack-ico--png {
  filter: drop-shadow(0 0 4px rgba(0, 255, 65, 0.25));
}

.nohack-ds .module:hover .hack-ico,
.nohack-ds .nav-item:hover .hack-ico {
  filter: drop-shadow(0 0 6px var(--nh-glow-cyan));
}

.nohack-ds .hack-ico--gold { color: var(--nh-gold); }
.nohack-ds .hack-ico--cyan { color: var(--nh-cyan); }
.nohack-ds .hack-ico--danger { color: var(--nh-danger-soft); }

/* ═══ MATRIX CONSOLE ═══ */
.nohack-ds .matrix-win__log,
.nohack-ds .matrix-win__log-scroll {
  font-size: var(--nh-text-xs);
  line-height: var(--nh-leading-relaxed);
  color: var(--nh-dim);
}

.nohack-ds .matrix-win__log .ok { color: var(--nh-fg); }
.nohack-ds .matrix-win__log .warn { color: var(--nh-gold); }
.nohack-ds .matrix-win__log .err { color: var(--nh-danger-soft); }

.nohack-ds .activity-row {
  display: flex;
  gap: var(--nh-space-2);
  padding: 4px 0;
  font-size: var(--nh-text-xs);
  border-bottom: 1px solid rgba(0, 255, 65, 0.04);
}

/* ═══ SERVER LIST / SCAN ═══ */
.nohack-ds .serverlist-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--nh-space-3);
  border: 1px solid var(--nh-border);
  border-radius: var(--nh-radius);
  background: rgba(0, 0, 0, 0.25);
  margin-bottom: var(--nh-space-2);
  transition: all var(--nh-transition-fast);
}

.nohack-ds .serverlist-row:hover {
  border-color: var(--nh-border-cyan);
  background: rgba(0, 207, 255, 0.04);
}

/* ═══ MINING / BLACK MARKET ═══ */
.nohack-ds .mining-tile,
.nohack-ds .vnft-card,
.nohack-ds .market-listing {
  border: 1px solid var(--nh-border);
  border-radius: var(--nh-radius-md);
  background: rgba(0, 0, 0, 0.35);
  padding: var(--nh-space-3);
  transition: all var(--nh-transition);
}

.nohack-ds .mining-tile:hover,
.nohack-ds .vnft-card:hover,
.nohack-ds .market-listing:hover {
  border-color: var(--nh-border-purple, rgba(185, 122, 255, 0.35));
  box-shadow: 0 0 16px rgba(185, 122, 255, 0.1);
}

/* ═══ PAGE VARIANTS ═══ */
.nohack-ds .page--wide {
  max-width: var(--nh-content-max);
}

.nohack-ds .page--narrow {
  max-width: var(--nh-page-narrow);
  margin-inline: auto;
}

.nohack-ds .page__grid {
  gap: var(--nh-space-4);
}

/* Scan page emphasis */
.nohack-ds .device--scan .page-title span {
  color: var(--nh-cyan);
  text-shadow: 0 0 20px var(--nh-glow-cyan);
}

/* ═══ UTILITY STATES ═══ */
.nohack-ds .text-success { color: var(--nh-success) !important; }
.nohack-ds .text-warning { color: var(--nh-warning) !important; }
.nohack-ds .text-danger { color: var(--nh-danger-soft) !important; }
.nohack-ds .text-info { color: var(--nh-info) !important; }
.nohack-ds .text-gold { color: var(--nh-gold) !important; }
.nohack-ds .text-purple { color: var(--nh-purple) !important; }

.nohack-ds .badge {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  font-size: var(--nh-text-xs);
  letter-spacing: var(--nh-track-wide);
  text-transform: uppercase;
  border: 1px solid var(--nh-border);
  border-radius: var(--nh-radius-sm);
  color: var(--nh-dim);
}

.nohack-ds .badge--live {
  color: var(--nh-fg);
  border-color: rgba(0, 255, 65, 0.4);
  background: rgba(0, 255, 65, 0.08);
}

.nohack-ds .badge--warn {
  color: var(--nh-gold);
  border-color: var(--nh-border-gold);
  background: rgba(255, 215, 0, 0.06);
}

.nohack-ds .badge--danger {
  color: var(--nh-danger-soft);
  border-color: var(--nh-border-danger);
  background: var(--nh-danger-bg);
}

/* ═══ RESPONSIVE REFINEMENTS ═══ */
@media (max-width: 960px) {
  .nohack-ds .top-bar__stat .lbl {
    display: none;
  }

  .nohack-ds .top-bar__user {
    max-width: 64px;
  }

  .nohack-ds .bottom-nav {
    width: calc(100% - 16px) !important;
  }

  .nohack-ds .target-card,
  .nohack-ds .target {
    padding: var(--nh-space-3) !important;
  }

  .nohack-ds .device-app-shell {
    width: 100%;
    max-height: 95vh;
    border-radius: var(--nh-radius-md);
  }
}

@media (min-width: 1280px) {
  .nohack-ds .dash-grid {
    gap: var(--nh-space-4) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .nohack-ds :where(:not(.nohack-logo--hero):not(.nohack-logo--hero *):not(.page-header)),
  .nohack-ds :where(:not(.nohack-logo--hero):not(.nohack-logo--hero *):not(.page-header))::before,
  .nohack-ds :where(:not(.nohack-logo--hero):not(.nohack-logo--hero *):not(.page-header))::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }

  .nohack-ds .panel-sweep::after {
    display: none;
  }
}

/* Panel corner pseudo-elements — disabled globally */
.nohack-ds .panel::before,
.nohack-ds .panel::after,
.nohack-ds .panel--flat::after,
.nohack-ds .boot-glass__panel::before,
.nohack-ds .boot-glass__panel::after {
  content: none !important;
  display: none !important;
  border: none !important;
}

/*
 * NOHACK Premium Layer — unified cyberpunk product skin (CSS-only).
 * Builds on tokens + v3 core + design-system-ext. Palette unchanged.
 */

/* ═══ PRODUCT SHELL ═══ */
.nohack-ds .page-shell {
  max-width: var(--nh-content-max);
  padding: var(--nh-space-4) var(--nh-space-4) var(--nh-space-8) !important;
  animation: nh-page-in var(--nh-transition-slow) ease;
}

@keyframes nh-page-in {
  from { opacity: 0; transform: translateY(6px); }
  to { opacity: 1; transform: translateY(0); }
}

.nohack-ds .page {
  gap: var(--nh-space-5);
}

.nohack-ds .page-header {
  padding-bottom: var(--nh-space-3);
  margin-bottom: var(--nh-space-2);
  border-bottom: 1px solid var(--nh-border);
  position: relative;
  container-type: inline-size;
}

@keyframes nh-header-accent-scan {
  0%, 100% {
    transform: translateX(0);
    opacity: 0.8;
  }
  50% {
    transform: translateX(calc(100cqi - 100%));
    opacity: 1;
  }
}

@keyframes nh-header-accent-pulse {
  0%, 100% {
    box-shadow: 0 0 10px rgba(0, 255, 65, 0.4);
    filter: brightness(1);
  }
  50% {
    box-shadow: 0 0 20px rgba(0, 255, 65, 0.7), 0 0 32px rgba(0, 207, 255, 0.35);
    filter: brightness(1.25);
  }
}

.nohack-ds .page-header::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: min(30cqi, 88px);
  height: 3px;
  background: linear-gradient(
    90deg,
    rgba(0, 255, 65, 0.95),
    rgba(0, 207, 255, 0.85) 60%,
    transparent
  );
  pointer-events: none;
  animation:
    nh-header-accent-scan 3.8s ease-in-out infinite,
    nh-header-accent-pulse 2.2s ease-in-out infinite alternate;
  will-change: transform, opacity, box-shadow;
}

.nohack-ds .page-title {
  font-size: var(--nh-text-2xl);
  margin: 0 0 var(--nh-space-2);
  line-height: var(--nh-leading-tight);
}

.nohack-ds .page-subtitle {
  font-size: var(--nh-text-md);
  max-width: 52ch;
}

/* ═══ GUEST LANDING — PREMIUM HERO ═══ */
.nohack-ds .guest-landing-hero {
  position: relative;
  padding: var(--nh-space-10) var(--nh-space-4) var(--nh-space-6);
  text-align: center;
  border: 1px solid var(--nh-border);
  border-radius: var(--nh-radius-lg);
  background:
    radial-gradient(ellipse 80% 60% at 50% 0%, rgba(0, 207, 255, 0.08), transparent 55%),
    linear-gradient(180deg, rgba(0, 255, 65, 0.04), transparent 40%),
    rgba(0, 0, 0, 0.35);
  box-shadow: var(--nh-shadow), var(--nh-shadow-inset);
  overflow: hidden;
}

.nohack-ds .guest-landing-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, rgba(0, 255, 65, 0.03), transparent);
  animation: nh-hero-sweep 8s ease-in-out infinite;
  pointer-events: none;
}

@keyframes nh-hero-sweep {
  0%, 100% { transform: translateX(-100%); }
  50% { transform: translateX(100%); }
}

.nohack-ds .guest-landing-cta {
  gap: var(--nh-space-3);
  margin: var(--nh-space-2) 0 var(--nh-space-4);
}

.nohack-ds .guest-landing-cta .btn--primary {
  min-width: 200px;
  padding: 12px 24px !important;
  font-size: var(--nh-text-sm) !important;
}

/* ═══ PANELS — PREMIUM GLASS ═══ */
.nohack-ds .panel {
  border-radius: var(--nh-radius-md) !important;
  border-color: var(--nh-border) !important;
  background: linear-gradient(158deg, rgba(10, 20, 12, 0.88), rgba(4, 8, 5, 0.96)) !important;
  box-shadow: var(--nh-shadow-sm), var(--nh-shadow-inset) !important;
  transition: border-color var(--nh-transition), box-shadow var(--nh-transition);
}

.nohack-ds .panel:hover {
  border-color: var(--nh-border-hover);
}

.nohack-ds .panel--live {
  border-color: rgba(0, 255, 65, 0.22) !important;
  box-shadow: var(--nh-shadow-sm), 0 0 32px rgba(0, 255, 65, 0.06) !important;
}

.nohack-ds .panel--combat {
  border-color: rgba(255, 215, 0, 0.18) !important;
}

.nohack-ds .panel__head {
  min-height: 44px;
  padding: var(--nh-space-3) var(--nh-space-4);
}

.nohack-ds .panel__body {
  padding: var(--nh-space-4);
}

.nohack-ds .panel__title {
  font-size: var(--nh-text-xs);
  letter-spacing: var(--nh-track-wider);
}

/* ═══ BUTTONS — FULL STATE MATRIX ═══ */
.nohack-ds .btn {
  position: relative;
  overflow: hidden;
  font-weight: 600;
  transition:
    color var(--nh-transition-fast),
    border-color var(--nh-transition-fast),
    background var(--nh-transition-fast),
    box-shadow var(--nh-transition-fast),
    transform var(--nh-transition-fast);
}

.nohack-ds .btn:active:not(:disabled) {
  transform: scale(0.98);
}

.nohack-ds .btn:focus-visible {
  box-shadow: 0 0 0 2px rgba(0, 207, 255, 0.35), var(--nh-shadow-glow-cyan);
}

.nohack-ds .btn-sm,
.nohack-ds .btn--sm {
  padding: 5px 12px !important;
  font-size: var(--nh-text-xs) !important;
}

/* ═══ FORMS ═══ */
.nohack-ds select.field,
.nohack-ds textarea.field {
  appearance: none;
  width: 100%;
  font-family: var(--nh-font);
  font-size: var(--nh-text-md);
  color: var(--nh-fg-soft);
  background: rgba(0, 0, 0, 0.5) !important;
  border: 1px solid var(--nh-border) !important;
  border-radius: var(--nh-radius);
  padding: var(--nh-space-3);
  transition: border-color var(--nh-transition-fast), box-shadow var(--nh-transition-fast);
}

.nohack-ds select.field {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%236fae87' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  padding-right: 32px;
}

.nohack-ds select.field:focus-visible,
.nohack-ds textarea.field:focus-visible {
  outline: none;
  border-color: var(--nh-border-cyan) !important;
  box-shadow: 0 0 0 2px rgba(0, 207, 255, 0.12);
}

.nohack-ds label.text-xs {
  font-size: var(--nh-text-xs);
  letter-spacing: var(--nh-track-wide);
  color: var(--nh-dim);
  text-transform: uppercase;
}

/* ═══ TARGET / PvP CARDS (tc-*) ═══ */
.nohack-ds .tc-ip {
  font-size: var(--nh-text-lg) !important;
  color: var(--nh-fg) !important;
  letter-spacing: var(--nh-track-normal);
}

.nohack-ds .tc-rep-val {
  font-size: var(--nh-text-2xl) !important;
  color: var(--nh-gold) !important;
  text-shadow: 0 0 16px var(--nh-glow-gold);
}

.nohack-ds .tc-stats {
  background: rgba(0, 0, 0, 0.25);
}

.nohack-ds .tc-stat-val {
  font-variant-numeric: tabular-nums;
}

.nohack-ds .fw-bar-track {
  border-radius: var(--nh-radius-full);
  overflow: hidden;
  background: rgba(0, 0, 0, 0.45);
  border: 1px solid var(--nh-border);
}

.nohack-ds .success-high { color: var(--nh-success) !important; }
.nohack-ds .success-mid { color: var(--nh-gold-soft) !important; }
.nohack-ds .success-low { color: var(--nh-danger-soft) !important; }

/* ═══ SCAN PAGE ═══ */
.nohack-ds .device--scan .page-title span {
  color: var(--nh-cyan);
  text-shadow: 0 0 24px var(--nh-glow-cyan);
}

.nohack-ds .scan-input {
  flex: 1;
  min-width: 0;
  padding: var(--nh-space-3) var(--nh-space-4) !important;
  font-size: var(--nh-text-md);
  border-radius: var(--nh-radius) !important;
  border: 1px solid var(--nh-border-cyan) !important;
  background: rgba(0, 0, 0, 0.45) !important;
}

.nohack-ds .scan-node {
  border-radius: var(--nh-radius-md) !important;
  margin-bottom: var(--nh-space-2);
}

.nohack-ds .scan-node__ip {
  color: var(--nh-cyan) !important;
  font-weight: 600;
}

.nohack-ds .scan-node__kind {
  border-radius: var(--nh-radius-sm);
  letter-spacing: var(--nh-track-wide);
}

/* ═══ DASHBOARD DECK ═══ */
.nohack-ds .dash-deck-header {
  border-radius: var(--nh-radius-md);
  border: 1px solid var(--nh-border);
  background: linear-gradient(135deg, rgba(0, 207, 255, 0.05), rgba(0, 255, 65, 0.04));
  padding: var(--nh-space-4) var(--nh-space-5);
  margin-bottom: var(--nh-space-4);
}

.nohack-ds .device--dashboard .dash-cell.panel {
  border-radius: var(--nh-radius-md) !important;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.nohack-ds .device--dashboard .panel__body--fill {
  flex: 1;
  min-height: 0;
}

.nohack-ds .dash-resources-panel {
  margin-bottom: var(--nh-space-3);
  border-radius: var(--nh-radius-md);
}

.nohack-ds .dash-ops-links .btn,
.nohack-ds .dash-cell--ops-links .btn {
  width: 100%;
  justify-content: flex-start;
  text-align: left;
}

/* ═══ MODULES — PRODUCT TILES ═══ */
.nohack-ds .module {
  min-height: 128px;
  border-radius: var(--nh-radius-md);
  background: linear-gradient(160deg, rgba(8, 16, 10, 0.7), rgba(2, 6, 3, 0.9));
}

.nohack-ds .device--dashboard .module {
  min-height: 96px;
}

.nohack-ds body.guest-shell .module {
  min-height: 168px;
}

.nohack-ds .module-section__label {
  color: var(--nh-cyan);
  letter-spacing: var(--nh-track-wider);
}

/* ═══ METRICS & STATUS ROWS ═══ */
.nohack-ds .metric-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--nh-space-2) var(--nh-space-4);
  padding: var(--nh-space-3) var(--nh-space-4);
  border: 1px solid var(--nh-border);
  border-radius: var(--nh-radius);
  background: rgba(0, 0, 0, 0.3);
  margin-bottom: var(--nh-space-3);
}

.nohack-ds .metric-lbl {
  font-size: var(--nh-text-xs);
  letter-spacing: var(--nh-track-wide);
  color: var(--nh-dim);
  text-transform: uppercase;
}

.nohack-ds .metric-val {
  font-size: var(--nh-text-lg);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--nh-fg-soft);
}

.nohack-ds .metric-val.gold,
.nohack-ds .nuc-val {
  color: var(--nh-gold);
  text-shadow: 0 0 10px var(--nh-glow-gold);
}

/* ═══ MESSAGES & BANNERS ═══ */
.nohack-ds .msg-banner {
  padding: var(--nh-space-3) var(--nh-space-4);
  border-radius: var(--nh-radius);
  font-size: var(--nh-text-sm);
  border: 1px solid;
  margin-bottom: var(--nh-space-3);
}

.nohack-ds .msg-success,
.nohack-ds .msg-banner.msg-success {
  color: var(--nh-fg);
  border-color: rgba(0, 255, 65, 0.35);
  background: rgba(0, 255, 65, 0.08);
}

.nohack-ds .msg-error,
.nohack-ds .msg-banner.msg-error {
  color: var(--nh-danger-soft);
  border-color: var(--nh-border-danger);
  background: var(--nh-danger-bg);
}

/* ═══ DEVICE APP MODAL ═══ */
.nohack-ds .device-app-overlay.is-open {
  position: fixed;
  inset: 0;
  z-index: var(--nh-z-modal);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--nh-space-4);
}

.nohack-ds .device-app-overlay__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(2, 8, 4, 0.88);
  backdrop-filter: var(--nh-blur-strong);
  -webkit-backdrop-filter: var(--nh-blur-strong);
}

.nohack-ds .device-app-overlay__dialog,
.nohack-ds .device-app-window {
  position: relative;
  z-index: 1;
  width: min(100%, 680px);
  max-height: min(90vh, 760px);
  border-radius: var(--nh-radius-lg) !important;
  box-shadow: var(--nh-shadow-lg) !important;
  animation: nh-slide-up var(--nh-transition-slow) ease;
}

.nohack-ds .device-app-window__close {
  font-size: var(--nh-text-md);
  color: var(--nh-dim);
  background: transparent;
  border: 1px solid var(--nh-border);
  border-radius: var(--nh-radius-sm);
  width: 28px;
  height: 28px;
  cursor: pointer;
  transition: all var(--nh-transition-fast);
}

.nohack-ds .device-app-window__close:hover {
  color: var(--nh-danger-soft);
  border-color: var(--nh-border-danger);
  background: var(--nh-danger-bg);
}

/* ═══ TABLES & LISTS ═══ */
.nohack-ds table {
  border: 1px solid var(--nh-border);
  border-radius: var(--nh-radius);
  overflow: hidden;
  background: rgba(0, 0, 0, 0.25);
}

.nohack-ds tbody tr {
  transition: background var(--nh-transition-fast);
}

.nohack-ds tbody tr:hover {
  background: rgba(0, 255, 65, 0.04);
}

.nohack-ds ul.text-sm li,
.nohack-ds .space-y-1 > * + * {
  margin-top: var(--nh-space-1);
}

/* ═══ SHOP / TABS ═══ */
.nohack-ds .shop-tabs {
  padding: var(--nh-space-1);
  border: 1px solid var(--nh-border);
  border-radius: var(--nh-radius-md);
  background: rgba(0, 0, 0, 0.35);
  gap: var(--nh-space-1);
}

.nohack-ds .shop-tab.active {
  background: rgba(0, 255, 65, 0.12) !important;
  box-shadow: inset 0 0 12px rgba(0, 255, 65, 0.06);
}

/* ═══ CHAT FULL PAGE ═══ */
.nohack-ds .chat-log {
  border: 1px solid var(--nh-border);
  border-radius: var(--nh-radius-md);
  background: rgba(0, 0, 0, 0.35);
  padding: var(--nh-space-2);
  max-height: 60vh;
  overflow-y: auto;
}

/* ═══ DAILYS / WHEEL / SLOTS ═══ */
.nohack-ds .daily-card,
.nohack-ds .mission-card,
.nohack-ds .wheel-panel,
.nohack-ds .slots-panel {
  border: 1px solid var(--nh-border);
  border-radius: var(--nh-radius-md);
  background: rgba(0, 0, 0, 0.35);
  padding: var(--nh-space-4);
}

.nohack-ds .wheel-panel,
.nohack-ds .slots-panel {
  text-align: center;
}

/* ═══ PROCESSES / UPGRADE LISTS ═══ */
.nohack-ds .process-row,
.nohack-ds .upgrade-row,
.nohack-ds .hardware-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--nh-space-3);
  padding: var(--nh-space-3) var(--nh-space-4);
  border: 1px solid var(--nh-border);
  border-radius: var(--nh-radius);
  background: rgba(0, 0, 0, 0.25);
  margin-bottom: var(--nh-space-2);
  transition: all var(--nh-transition-fast);
}

.nohack-ds .process-row:hover,
.nohack-ds .upgrade-row:hover,
.nohack-ds .hardware-row:hover {
  border-color: var(--nh-border-hover);
  background: rgba(0, 255, 65, 0.04);
}

/* ═══ LOGO ═══ */
.nohack-ds .nohack-logo--hero {
  margin-bottom: var(--nh-space-4);
}

.nohack-ds .nohack-logo__prefix {
  color: var(--nh-dim);
  opacity: 0.7;
}

/* ═══ BOOT SEQUENCE ═══ */
.nohack-ds .boot-glass__panel {
  border-radius: var(--nh-radius-lg);
  box-shadow: var(--nh-shadow-lg), 0 0 80px rgba(0, 255, 65, 0.06);
}

.nohack-ds .boot-glass__progress-pct {
  color: var(--nh-cyan);
  font-variant-numeric: tabular-nums;
}

/* ═══ EMPTY / LOADING STATES ═══ */
.nohack-ds .dash-empty,
.nohack-ds .scan-empty,
.nohack-ds .empty-state {
  padding: var(--nh-space-6) var(--nh-space-4);
  text-align: center;
  font-size: var(--nh-text-sm);
  color: var(--nh-dim);
  letter-spacing: var(--nh-track-normal);
  border: 1px dashed var(--nh-border);
  border-radius: var(--nh-radius-md);
  background: rgba(0, 0, 0, 0.2);
}

.nohack-ds .dash-wallet-loading {
  color: var(--nh-dim);
  font-size: var(--nh-text-sm);
  animation: nh-pulse-text 1.5s ease-in-out infinite;
}

@keyframes nh-pulse-text {
  0%, 100% { opacity: 0.5; }
  50% { opacity: 1; }
}

/* ═══ REMOTE DEVICE ═══ */
.nohack-ds .device--remote {
  --remote-accent: #ff8c00;
}

.nohack-ds .device--remote .dash-deck-header,
.nohack-ds .device--remote .dash-resources-panel {
  display: none;
}

.nohack-ds .device--remote--npc .panel__head {
  border-bottom-color: rgba(255, 140, 0, 0.2);
}

/* ═══ ACCESSIBILITY & MOTION ═══ */
@media (prefers-reduced-motion: reduce) {
  .nohack-ds .page-shell {
    animation: none;
  }

  .nohack-ds .guest-landing-hero::before {
    animation: none;
  }
}

@media (max-width: 960px) {
  .nohack-ds .guest-landing-hero {
    padding: var(--nh-space-8) var(--nh-space-3) var(--nh-space-5);
  }

  .nohack-ds .guest-landing-cta .btn--primary {
    min-width: 0;
    width: 100%;
  }

  .nohack-ds .guest-landing-cta {
    flex-direction: column;
  }

  .nohack-ds .guest-landing-cta .btn {
    width: 100%;
  }
}

@media (min-width: 1280px) {
  .nohack-ds .page-shell--guest {
    max-width: min(1480px, 100%);
    padding-top: var(--nh-space-6);
  }

  .nohack-ds .guest-landing-hero {
    padding: var(--nh-space-10) var(--nh-space-8);
  }
}

/*
 * Phase 1 — Adaptive command chrome (N3 + L1 + R3).
 * Desktop: 120px left rail + content inset. Mobile: bottom dock only.
 * Guest shell excluded (.guest-shell).
 */

body.nohack-ds:not(.guest-shell) {
  padding-left: 0 !important;
}

body.nohack-ds:not(.guest-shell) .app-body {
  display: flex;
  flex-direction: row;
  min-height: calc(100dvh - var(--nh-chrome-h));
  width: 100%;
}

.nohack-ds .command-rail {
  display: none;
  position: fixed;
  top: var(--nh-chrome-h);
  left: 0;
  bottom: 0;
  width: 120px;
  z-index: var(--nh-z-chrome);
  flex-direction: column;
  border-right: 1px solid var(--nh-border-strong);
  background: linear-gradient(180deg, rgba(4, 12, 6, 0.96), rgba(2, 8, 4, 0.98));
  backdrop-filter: var(--nh-blur);
  -webkit-backdrop-filter: var(--nh-blur);
  box-shadow: 4px 0 24px rgba(0, 0, 0, 0.35);
}

.nohack-ds .command-rail__nav {
  display: flex;
  flex-direction: column;
  gap: var(--nh-space-1);
  padding: var(--nh-space-3) var(--nh-space-2);
  flex: 1;
}

.nohack-ds .command-rail__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 72px;
  padding: var(--nh-space-2) var(--nh-space-1);
  border: 1px solid transparent;
  border-radius: var(--nh-radius);
  color: var(--nh-dim);
  text-decoration: none;
  transition:
    color var(--nh-transition-fast),
    border-color var(--nh-transition-fast),
    background var(--nh-transition-fast),
    box-shadow var(--nh-transition-fast);
}

.nohack-ds .command-rail__item:hover {
  color: var(--nh-cyan);
  border-color: var(--nh-border-cyan);
  background: rgba(0, 207, 255, 0.06);
  box-shadow: 0 0 16px rgba(0, 207, 255, 0.08);
}

.nohack-ds .command-rail__item.active {
  color: var(--nh-fg);
  border-color: var(--nh-border-strong);
  background: rgba(0, 255, 65, 0.1);
  box-shadow: inset 0 0 20px rgba(0, 255, 65, 0.06), 0 0 12px rgba(0, 255, 65, 0.1);
}

.nohack-ds .command-rail__item:focus-visible {
  outline: 2px solid rgba(0, 207, 255, 0.55);
  outline-offset: 2px;
}

.nohack-ds .command-rail__icon {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
}

.nohack-ds .command-rail__label {
  font-size: var(--nh-text-xs);
  letter-spacing: var(--nh-track-wide);
  text-transform: uppercase;
  text-align: center;
  line-height: var(--nh-leading-tight);
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.nohack-ds .app-body__inset {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  width: 100%;
}

@media (min-width: 961px) {
  body.nohack-ds:not(.guest-shell) .command-rail {
    display: flex;
  }

  body.nohack-ds:not(.guest-shell) .app-body__inset {
    margin-left: 120px;
  }

  body.nohack-ds:not(.guest-shell) .bottom-nav {
    left: calc(50% + 60px) !important;
    transform: translateX(-50%) !important;
    width: min(calc(100% - 120px - 24px), 520px) !important;
  }
}

@media (max-width: 960px) {
  body.nohack-ds:not(.guest-shell) .command-rail {
    display: none !important;
  }

  body.nohack-ds:not(.guest-shell) .app-body__inset {
    margin-left: 0;
  }
}

/* Guest cinematic — no rail, full-bleed hero (GS1) */
body.nohack-ds.guest-shell {
  background:
    radial-gradient(ellipse 80% 50% at 50% 0%, rgba(0, 255, 65, 0.07), transparent 55%),
    radial-gradient(ellipse 60% 40% at 80% 100%, rgba(0, 207, 255, 0.05), transparent 50%),
    var(--nh-bg);
}

body.nohack-ds.guest-shell .page-shell--guest {
  min-height: 0 !important;
}

body.nohack-ds.guest-shell .guest-landing-hero {
  position: relative;
}

body.nohack-ds.guest-shell .guest-auth .panel {
  box-shadow: var(--nh-shadow-lg), 0 0 60px rgba(0, 207, 255, 0.04);
}

/*
 * Module grid layout — wins cascade (append last).
 * Guest: full-width shell + 3 equal columns. Dashboard: 3–5 columns by viewport.
 */

body.nohack-ds.guest-shell .page-shell--guest {
  max-width: min(1400px, 100%) !important;
  width: 100% !important;
  margin-inline: auto !important;
  padding-inline: clamp(16px, 3vw, 28px) !important;
}

body.nohack-ds.guest-shell .page:not(.page--narrow),
body.nohack-ds.guest-shell .page:not(.page--narrow) > .panel {
  width: 100% !important;
  max-width: none !important;
}

body.nohack-ds.guest-shell .panel__body,
body.nohack-ds.guest-shell .panel__body--scroll,
body.nohack-ds.guest-shell .panel__body--fill {
  width: 100% !important;
  box-sizing: border-box !important;
}

body.nohack-ds.guest-shell .guest-landing-hero,
body.nohack-ds.guest-shell .guest-landing-cta {
  width: 100% !important;
}

body.nohack-ds.guest-shell .module-grid {
  display: grid !important;
  width: 100% !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: var(--nh-space-4) !important;
}

body.nohack-ds.guest-shell .module {
  display: grid !important;
  grid-template-columns: 56px minmax(0, 1fr) !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  column-gap: 14px !important;
  row-gap: 8px !important;
  align-items: start !important;
  width: 100% !important;
  min-height: 132px !important;
  padding: 18px 20px !important;
}

body.nohack-ds.guest-shell .module__icon {
  grid-row: 1 / span 2 !important;
  grid-column: 1 !important;
  width: 56px !important;
  height: 56px !important;
  align-self: center !important;
}

body.nohack-ds.guest-shell .module__label {
  grid-column: 2 !important;
  grid-row: 1 !important;
  font-size: 12px !important;
}

body.nohack-ds.guest-shell .module__desc {
  grid-column: 2 !important;
  grid-row: 2 !important;
  font-size: 11px !important;
  line-height: 1.5 !important;
}

body.nohack-ds.guest-shell .module__icon .hack-ico,
body.nohack-ds.guest-shell .module__icon .hack-ico--png {
  width: 36px !important;
  height: 36px !important;
}

body.nohack-ds .device--dashboard .dash-cell--modules .panel__body,
body.nohack-ds .device--dashboard .module-sections {
  width: 100% !important;
}

body.nohack-ds .device--dashboard .module-grid,
body.nohack-ds .device--dashboard .module-grid--section {
  display: grid !important;
  width: 100% !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: var(--nh-space-3) !important;
}

body.nohack-ds .device--dashboard .module {
  display: grid !important;
  grid-template-columns: 52px minmax(0, 1fr) !important;
  grid-template-rows: auto 1fr auto !important;
  column-gap: 12px !important;
  row-gap: 4px !important;
  align-items: start !important;
  width: 100% !important;
  min-height: 108px !important;
  padding: 14px 16px !important;
}

body.nohack-ds .device--dashboard .module__icon {
  grid-row: 1 / span 3 !important;
  width: 52px !important;
  height: 52px !important;
  align-self: center !important;
}

body.nohack-ds .device--dashboard .module__icon .hack-ico,
body.nohack-ds .device--dashboard .module__icon .hack-ico--png {
  width: 30px !important;
  height: 30px !important;
}

body.nohack-ds .device--dashboard .module__label {
  font-size: 11px !important;
}

body.nohack-ds .device--dashboard .module__desc {
  font-size: 10px !important;
  line-height: 1.45 !important;
}

body.nohack-ds:has(.dash-tab-dock) .device--dashboard .dash-cell--modules {
  width: 100% !important;
  max-width: none !important;
}

@media (min-width: 961px) {
  body.nohack-ds .device--dashboard .module-grid,
  body.nohack-ds .device--dashboard .module-grid--section {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 1280px) {
  body.nohack-ds.guest-shell .page-shell--guest {
    max-width: min(1480px, 100%) !important;
  }

  body.nohack-ds .device--dashboard .module-grid,
  body.nohack-ds .device--dashboard .module-grid--section {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 1800px) {
  body.nohack-ds .device--dashboard .module-grid,
  body.nohack-ds .device--dashboard .module-grid--section {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 900px) {
  body.nohack-ds.guest-shell .module-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 720px) {
  body.nohack-ds .device--dashboard .module-grid,
  body.nohack-ds .device--dashboard .module-grid--section {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 480px) {
  body.nohack-ds .device--dashboard .module-grid,
  body.nohack-ds .device--dashboard .module-grid--section {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 960px) {
  body.nohack-ds:has(.dash-tab-dock) .device--dashboard .module-grid .module,
  body.nohack-ds:has(.dash-tab-dock) .device--dashboard .module-sections .module {
    min-height: 72px !important;
    padding: 14px 16px !important;
  }
}

/*
 * Guest landing — hero glow logo, no sweep stripe, horizontal tagline.
 * Append last in design-system bundle.
 */

body.nohack-ds.guest-shell .guest-landing-hero {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 0 !important;
  padding: clamp(28px, 5vw, 48px) clamp(20px, 4vw, 40px) clamp(22px, 3vw, 32px) !important;
  margin-bottom: var(--nh-space-4) !important;
  text-align: center !important;
  overflow: visible !important;
}

body.nohack-ds.guest-shell .guest-landing-hero::before {
  display: none !important;
  content: none !important;
}

body.nohack-ds.guest-shell .guest-landing-hero__brand {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  margin-bottom: var(--nh-space-2) !important;
  overflow: visible !important;
  padding: clamp(16px, 3vw, 28px) 0 !important;
}

body.nohack-ds.guest-shell .guest-landing-hero__head {
  margin: 0 !important;
  padding-bottom: 0 !important;
  border-bottom: none !important;
  width: 100% !important;
}

body.nohack-ds.guest-shell .guest-landing-hero__head::after {
  content: none !important;
  display: none !important;
}

body.nohack-ds.guest-shell .guest-landing-hero__head .page-title span {
  animation: nh-guest-title-glow 3.2s ease-in-out infinite alternate !important;
}

@keyframes nh-guest-title-glow {
  0%, 100% {
    color: var(--nh-fg-soft);
    text-shadow: 0 0 10px rgba(0, 207, 255, 0.35);
  }
  50% {
    color: #e8ffff;
    text-shadow:
      0 0 18px rgba(0, 207, 255, 0.65),
      0 0 28px rgba(0, 255, 65, 0.22);
  }
}

body.nohack-ds.guest-shell .guest-landing-tagline {
  display: block !important;
  margin: var(--nh-space-2) auto 0 !important;
  max-width: 100% !important;
  width: auto !important;
  line-height: 1.45 !important;
  text-align: center !important;
  white-space: nowrap !important;
  letter-spacing: 0.04em !important;
}

body.nohack-ds.guest-shell .guest-landing-actions {
  display: inline-flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  width: auto !important;
  max-width: 100% !important;
  margin-top: clamp(56px, 10vw, 88px) !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Guest shell — framed single-line footer terminal */
body.nohack-ds.guest-shell {
  display: flex !important;
  flex-direction: column !important;
  min-height: 100dvh !important;
  padding-bottom: var(--guest-footer-h, 0px) !important;
  --guest-rail-max: min(1400px, 100%);
  --guest-rail-pad: clamp(16px, 3vw, 28px);
}

body.nohack-ds.guest-shell .page-shell--guest {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  width: 100% !important;
}

body.nohack-ds.guest-shell .guest-footer {
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 40 !important;
  width: 100% !important;
  max-width: var(--guest-rail-max) !important;
  margin-inline: auto !important;
  padding:
    clamp(8px, 1.5vh, 12px) var(--guest-rail-pad)
    max(8px, env(safe-area-inset-bottom, 0px)) !important;
  box-sizing: border-box !important;
  pointer-events: none !important;
  background: transparent !important;
  border: none !important;
  backdrop-filter: none !important;
}

body.nohack-ds.guest-shell .guest-footer__frame {
  position: relative !important;
  pointer-events: auto !important;
  width: 100% !important;
  max-width: none !important;
  margin-inline: 0 !important;
  border: 1px solid rgba(0, 255, 65, 0.32) !important;
  border-radius: 3px !important;
  background:
    linear-gradient(180deg, rgba(8, 18, 11, 0.96), rgba(3, 8, 5, 0.98)) !important;
  box-shadow:
    inset 0 0 28px rgba(0, 255, 65, 0.06),
    0 0 24px rgba(0, 255, 65, 0.08),
    0 -6px 28px rgba(0, 0, 0, 0.45) !important;
  overflow: hidden !important;
  font-family: var(--font-mono, ui-monospace, monospace) !important;
}

body.nohack-ds.guest-shell .guest-footer__hud {
  position: absolute !important;
  width: 11px !important;
  height: 11px !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

body.nohack-ds.guest-shell .guest-footer__hud--tl {
  top: -1px !important;
  left: -1px !important;
  border-top: 2px solid var(--nh-fg) !important;
  border-left: 2px solid var(--nh-fg) !important;
}

body.nohack-ds.guest-shell .guest-footer__hud--tr {
  top: -1px !important;
  right: -1px !important;
  border-top: 2px solid var(--nh-fg) !important;
  border-right: 2px solid var(--nh-fg) !important;
}

body.nohack-ds.guest-shell .guest-footer__hud--bl {
  bottom: -1px !important;
  left: -1px !important;
  border-bottom: 2px solid var(--nh-fg) !important;
  border-left: 2px solid var(--nh-fg) !important;
}

body.nohack-ds.guest-shell .guest-footer__hud--br {
  bottom: -1px !important;
  right: -1px !important;
  border-bottom: 2px solid var(--nh-fg) !important;
  border-right: 2px solid var(--nh-fg) !important;
}

body.nohack-ds.guest-shell .guest-footer__beam {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 1px !important;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(0, 207, 255, 0.4) 45%,
    rgba(0, 255, 65, 0.65) 50%,
    rgba(0, 207, 255, 0.4) 55%,
    transparent
  ) !important;
  animation: nh-guest-footer-beam 4s linear infinite !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

@keyframes nh-guest-footer-beam {
  0% { transform: translateX(-100%); opacity: 0.35; }
  50% { opacity: 1; }
  100% { transform: translateX(100%); opacity: 0.35; }
}

body.nohack-ds.guest-shell .guest-footer__strip {
  display: flex !important;
  align-items: center !important;
  gap: clamp(8px, 2vw, 14px) !important;
  min-height: 36px !important;
  padding: 8px 12px !important;
}

body.nohack-ds.guest-shell .guest-footer__meta {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex-shrink: 0 !important;
}

body.nohack-ds.guest-shell .guest-footer__label {
  font-size: 8px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: rgba(111, 174, 135, 0.9) !important;
  white-space: nowrap !important;
}

body.nohack-ds.guest-shell .guest-footer__badge {
  padding: 2px 5px !important;
  border: 1px solid rgba(0, 207, 255, 0.38) !important;
  border-radius: 2px !important;
  background: rgba(0, 207, 255, 0.08) !important;
  font-size: 8px !important;
  letter-spacing: 0.14em !important;
  color: var(--nh-cyan) !important;
  white-space: nowrap !important;
}

body.nohack-ds.guest-shell .guest-footer__log {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  height: 20px !important;
  line-height: 20px !important;
  overflow: hidden !important;
  font-size: clamp(11px, 2.4vw, 13px) !important;
}

body.nohack-ds.guest-shell .guest-footer__line {
  height: 20px !important;
  line-height: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.nohack-ds.guest-shell .guest-footer__aside {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
}

body.nohack-ds.guest-shell .guest-footer__load-track {
  width: 52px !important;
  height: 3px !important;
  background: rgba(0, 255, 65, 0.12) !important;
  overflow: hidden !important;
  border-radius: 1px !important;
}

body.nohack-ds.guest-shell .guest-footer__load-fill {
  display: block !important;
  height: 100% !important;
  width: 0 !important;
  background: linear-gradient(90deg, var(--nh-fg), var(--nh-cyan)) !important;
  transition: width 0.2s ease !important;
}

body.nohack-ds.guest-shell .guest-footer__load-pct {
  font-size: 8px !important;
  color: var(--nh-cyan) !important;
  min-width: 2.2em !important;
  text-align: right !important;
}

body.nohack-ds.guest-shell .guest-footer__link {
  font-size: 8px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--nh-cyan) !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

body.nohack-ds.guest-shell .guest-footer__link:hover {
  color: var(--nh-fg) !important;
}

body.nohack-ds.guest-shell .guest-footer__line--cmd {
  color: var(--nh-fg) !important;
}

body.nohack-ds.guest-shell .guest-footer__line--out {
  color: rgba(180, 220, 195, 0.95) !important;
}

body.nohack-ds.guest-shell .guest-footer__line--live {
  text-shadow: 0 0 10px rgba(0, 255, 65, 0.28) !important;
}

body.nohack-ds.guest-shell .guest-footer__line--idle {
  cursor: pointer !important;
}

body.nohack-ds.guest-shell .guest-footer__line--idle:hover {
  text-shadow: 0 0 12px rgba(0, 255, 65, 0.4) !important;
}

body.nohack-ds.guest-shell .guest-footer__prompt {
  color: var(--nh-cyan) !important;
  text-shadow: 0 0 8px rgba(0, 207, 255, 0.35) !important;
}

body.nohack-ds.guest-shell .guest-footer__tail--ok {
  color: var(--nh-fg) !important;
}

body.nohack-ds.guest-shell .guest-footer__tail--cy {
  color: var(--nh-cyan) !important;
}

body.nohack-ds.guest-shell .guest-footer__ln-link {
  color: var(--nh-cyan) !important;
  text-decoration: none !important;
}

body.nohack-ds.guest-shell .guest-footer__ln-link:hover {
  color: var(--nh-fg) !important;
}

body.nohack-ds.guest-shell .guest-footer__cursor {
  animation: nh-guest-footer-cursor 0.85s step-end infinite !important;
}

@keyframes nh-guest-footer-cursor {
  0%, 49% { opacity: 1; }
  50%, 100% { opacity: 0; }
}

@media (max-width: 640px) {
  body.nohack-ds.guest-shell .guest-footer__label {
    display: none !important;
  }

  body.nohack-ds.guest-shell .guest-footer__load-track {
    width: 36px !important;
  }
}

@media (max-width: 480px) {
  body.nohack-ds.guest-shell .guest-footer__link {
    display: none !important;
  }

  body.nohack-ds.guest-shell .guest-footer__strip {
    padding: 7px 10px !important;
    gap: 8px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.nohack-ds.guest-shell .guest-footer__load-fill {
    transition: none !important;
  }
}

body.nohack-ds.guest-shell .guest-action {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-height: 40px !important;
  padding: 10px 20px !important;
  white-space: nowrap !important;
  font-size: var(--nh-text-xs) !important;
  letter-spacing: var(--nh-track-wider) !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  border-radius: var(--nh-radius) !important;
  transition:
    color var(--nh-transition-fast),
    border-color var(--nh-transition-fast),
    background var(--nh-transition-fast),
    box-shadow var(--nh-transition-fast) !important;
}

body.nohack-ds.guest-shell .guest-action--primary {
  color: var(--nh-bg) !important;
  background: var(--nh-fg) !important;
  border: 1px solid var(--nh-fg) !important;
  box-shadow: 0 0 20px rgba(0, 255, 65, 0.25) !important;
  animation: nh-guest-cta-glow 2.8s ease-in-out infinite alternate !important;
}

@keyframes nh-guest-cta-glow {
  0%, 100% {
    box-shadow: 0 0 20px rgba(0, 255, 65, 0.25);
  }
  50% {
    box-shadow:
      0 0 32px rgba(0, 255, 65, 0.45),
      0 0 48px rgba(0, 207, 255, 0.15);
  }
}

body.nohack-ds.guest-shell .guest-action--primary:hover {
  background: #7dffaa !important;
  border-color: #7dffaa !important;
  box-shadow: 0 0 28px rgba(0, 255, 65, 0.35) !important;
}

body.nohack-ds.guest-shell .guest-action--secondary {
  color: var(--nh-cyan) !important;
  background: transparent !important;
  border: 1px solid rgba(0, 207, 255, 0.35) !important;
}

body.nohack-ds.guest-shell .guest-action--secondary:hover {
  color: var(--nh-fg) !important;
  border-color: var(--nh-cyan) !important;
  background: rgba(0, 207, 255, 0.08) !important;
}

body.nohack-ds.guest-shell .guest-landing-cta {
  display: none !important;
}

body.nohack-ds.guest-shell .guest-modules-panel {
  margin-top: 0 !important;
}

body.nohack-ds.guest-shell .guest-modules-panel .module {
  animation: nh-guest-module-in 0.55s ease both !important;
}

body.nohack-ds.guest-shell .guest-modules-panel .module:nth-child(2) {
  animation-delay: 0.08s !important;
}

body.nohack-ds.guest-shell .guest-modules-panel .module:nth-child(3) {
  animation-delay: 0.16s !important;
}

@keyframes nh-guest-module-in {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

body.nohack-ds.guest-shell .guest-modules-panel .module__icon {
  animation: nh-guest-icon-pulse 4s ease-in-out infinite !important;
}

body.nohack-ds.guest-shell .guest-modules-panel .module:nth-child(2) .module__icon {
  animation-delay: 1.3s !important;
}

body.nohack-ds.guest-shell .guest-modules-panel .module:nth-child(3) .module__icon {
  animation-delay: 2.6s !important;
}

@keyframes nh-guest-icon-pulse {
  0%, 100% {
    filter: drop-shadow(0 0 6px rgba(0, 255, 65, 0.2));
  }
  50% {
    filter: drop-shadow(0 0 14px rgba(0, 207, 255, 0.45));
  }
}

body.nohack-ds.guest-shell .guest-auth-hero {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: none !important;
  padding: clamp(24px, 4vw, 40px) clamp(20px, 4vw, 40px) clamp(8px, 2vw, 16px) !important;
  text-align: center !important;
}

body.nohack-ds.guest-shell .guest-auth-hero__brand {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
}

body.nohack-ds.guest-shell .page.page--narrow.guest-auth {
  max-width: min(400px, calc(100% - 32px)) !important;
  width: 100% !important;
  margin-inline: auto !important;
}

body.nohack-ds.guest-shell .guest-auth .panel {
  width: 100% !important;
}

body.nohack-ds.guest-shell .guest-auth__field {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

body.nohack-ds.guest-shell .guest-auth__actions {
  display: flex !important;
  justify-content: center !important;
  margin-top: var(--nh-space-3) !important;
}

body.nohack-ds.guest-shell .guest-auth__actions .btn {
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding-inline: 28px !important;
}

@media (max-width: 960px) {
  body.nohack-ds.guest-shell .guest-auth__subtitle {
    display: none !important;
  }

  body.nohack-ds.guest-shell:has(.guest-auth) {
    justify-content: flex-start !important;
  }

  body.nohack-ds.guest-shell:has(.guest-auth) .page-shell--guest {
    flex: 0 1 auto !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    padding: 2px var(--guest-rail-pad) 12px !important;
  }

  body.nohack-ds.guest-shell:has(.guest-auth) .guest-auth-hero {
    padding: 0 !important;
    margin: 0 !important;
  }

  body.nohack-ds.guest-shell:has(.guest-auth) .guest-auth-hero__brand {
    padding: 0 !important;
    overflow: visible !important;
  }

  body.nohack-ds.guest-shell:has(.guest-auth) .guest-auth-hero .nohack-logo--hero {
    font-size: clamp(2rem, 11vw, 2.85rem) !important;
  }

  body.nohack-ds.guest-shell:has(.guest-auth) .guest-auth-hero .nohack-logo--hero .nohack-logo__stack {
    padding: 0.24em 0.42em !important;
  }

  body.nohack-ds.guest-shell:has(.guest-auth) .page.page--narrow.guest-auth {
    max-width: 100% !important;
    width: 100% !important;
    margin: 6px 0 0 !important;
    gap: 10px !important;
  }

  body.nohack-ds.guest-shell:has(.guest-auth) .guest-auth .page-header {
    margin-bottom: 0 !important;
    padding-bottom: 4px !important;
  }

  body.nohack-ds.guest-shell:has(.guest-auth) .guest-auth .panel,
  body.nohack-ds.guest-shell:has(.guest-auth) .guest-auth .panel__body {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body.nohack-ds.guest-shell:has(.guest-auth) .guest-auth .panel__body {
    padding: 14px 12px !important;
  }

  body.nohack-ds.guest-shell:has(.guest-auth) .guest-footer {
    margin-top: 16px !important;
  }
}

body.nohack-ds.guest-shell .guest-top-link--login {
  color: rgba(0, 255, 65, 0.78) !important;
  border-color: rgba(0, 255, 65, 0.38) !important;
  background: rgba(0, 255, 65, 0.07) !important;
}

body.nohack-ds.guest-shell .guest-top-link--login:hover {
  color: var(--nh-fg) !important;
  border-color: rgba(0, 255, 65, 0.68) !important;
  background: rgba(0, 255, 65, 0.14) !important;
  box-shadow: 0 0 12px rgba(0, 255, 65, 0.28) !important;
}

body.nohack-ds.guest-shell .guest-top-link--register {
  color: rgba(0, 207, 255, 0.78) !important;
  border-color: rgba(0, 207, 255, 0.38) !important;
  background: rgba(0, 207, 255, 0.07) !important;
}

body.nohack-ds.guest-shell .guest-top-link--register:hover {
  color: var(--nh-cyan) !important;
  border-color: rgba(0, 207, 255, 0.68) !important;
  background: rgba(0, 207, 255, 0.14) !important;
  box-shadow: 0 0 12px rgba(0, 207, 255, 0.28) !important;
}

body.nohack-ds.guest-shell.guest-landing-page .guest-landing-hero .nohack-logo--hero {
  font-size: clamp(3rem, 11vw, 6rem) !important;
}

/* Guest landing — desktop: fit viewport, no page scroll, footer console in flow */
@media (min-width: 961px) {
  html:has(body.guest-landing-page) {
    height: 100% !important;
    overflow: hidden !important;
  }

  body.nohack-ds.guest-shell.guest-landing-page {
    height: 100dvh !important;
    max-height: 100dvh !important;
    min-height: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    padding-bottom: 0 !important;
  }

  body.nohack-ds.guest-shell.guest-landing-page .page-shell--guest {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: hidden !important;
    padding-block: 10px 8px !important;
  }

  body.nohack-ds.guest-shell.guest-landing-page .page-shell--guest > .page {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    justify-content: flex-start !important;
    gap: clamp(12px, 1.8vh, 18px) !important;
    overflow: hidden !important;
  }

  body.nohack-ds.guest-shell.guest-landing-page .guest-landing-hero {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 0 !important;
    padding: clamp(18px, 3vh, 36px) clamp(20px, 4vw, 40px) clamp(14px, 2vh, 24px) !important;
    border: 1px solid var(--nh-border) !important;
    border-radius: var(--nh-radius-lg) !important;
    background:
      radial-gradient(ellipse 80% 60% at 50% 0%, rgba(0, 207, 255, 0.08), transparent 55%),
      linear-gradient(180deg, rgba(0, 255, 65, 0.04), transparent 40%),
      rgba(0, 0, 0, 0.35) !important;
    box-shadow: var(--nh-shadow), var(--nh-shadow-inset) !important;
  }

  body.nohack-ds.guest-shell.guest-landing-page .guest-landing-hero__brand {
    margin-bottom: 0 !important;
    padding: clamp(12px, 2.5vh, 28px) 0 !important;
  }

  body.nohack-ds.guest-shell.guest-landing-page .guest-landing-hero .nohack-logo--hero {
    font-size: clamp(3.5rem, 10.5vh, 6.5rem) !important;
    letter-spacing: 0.08em !important;
  }

  body.nohack-ds.guest-shell.guest-landing-page .guest-landing-hero .nohack-logo--hero .nohack-logo__stack {
    padding: 0.42em 0.7em !important;
  }

  body.nohack-ds.guest-shell.guest-landing-page .guest-landing-hero__head .page-title {
    font-size: clamp(15px, 2vh, 20px) !important;
  }

  body.nohack-ds.guest-shell.guest-landing-page .guest-landing-tagline {
    margin-top: 10px !important;
    font-size: clamp(11px, 1.6vh, 13px) !important;
  }

  body.nohack-ds.guest-shell.guest-landing-page .guest-landing-actions {
    margin-top: clamp(28px, 5vh, 56px) !important;
  }

  body.nohack-ds.guest-shell.guest-landing-page .guest-modules-panel {
    flex: 0 0 auto !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    margin-top: 0 !important;
  }

  body.nohack-ds.guest-shell.guest-landing-page .guest-modules-panel .panel__head {
    flex-shrink: 0 !important;
  }

  body.nohack-ds.guest-shell.guest-landing-page .guest-modules-panel .panel__body,
  body.nohack-ds.guest-shell.guest-landing-page .guest-modules-panel .panel__body--scroll,
  body.nohack-ds.guest-shell.guest-landing-page .guest-modules-panel .panel__body--fill {
    flex: 0 1 auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  body.nohack-ds.guest-shell.guest-landing-page .guest-modules-panel .module-grid {
    gap: var(--nh-space-3, 12px) !important;
    height: auto !important;
    align-content: start !important;
    align-items: stretch !important;
  }

  body.nohack-ds.guest-shell.guest-landing-page .guest-modules-panel .module {
    min-height: 132px !important;
    height: auto !important;
    padding: 18px 20px !important;
    grid-template-columns: 56px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    row-gap: 6px !important;
    align-items: start !important;
  }

  body.nohack-ds.guest-shell.guest-landing-page .guest-modules-panel .module__icon {
    width: 56px !important;
    height: 56px !important;
    align-self: start !important;
  }

  body.nohack-ds.guest-shell.guest-landing-page .guest-modules-panel .module__icon .hack-ico,
  body.nohack-ds.guest-shell.guest-landing-page .guest-modules-panel .module__icon .hack-ico--png {
    width: 36px !important;
    height: 36px !important;
  }

  body.nohack-ds.guest-shell.guest-landing-page .guest-modules-panel .module__label {
    font-size: 12px !important;
  }

  body.nohack-ds.guest-shell.guest-landing-page .guest-modules-panel .module__desc {
    font-size: 11px !important;
    line-height: 1.45 !important;
    display: block !important;
    overflow: visible !important;
  }

  body.nohack-ds.guest-shell.guest-landing-page .guest-footer {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: var(--guest-rail-max) !important;
    margin-inline: auto !important;
    margin-top: clamp(8px, 1.2vh, 14px) !important;
    padding:
      clamp(6px, 1vh, 10px) var(--guest-rail-pad)
      max(10px, env(safe-area-inset-bottom, 0px)) !important;
    pointer-events: none !important;
  }

  body.nohack-ds.guest-shell.guest-landing-page .guest-footer__frame {
    width: 100% !important;
    max-width: none !important;
  }

  body.nohack-ds.guest-shell.guest-landing-page .guest-footer__strip {
    min-height: 40px !important;
    padding: 9px 14px !important;
  }

  body.nohack-ds.guest-shell.guest-landing-page .guest-footer__log {
    font-size: clamp(11px, 1.2vw, 13px) !important;
  }
}

@media (max-height: 760px) and (min-width: 961px) {
  body.nohack-ds.guest-shell.guest-landing-page .guest-landing-hero {
    padding: clamp(10px, 1.8vh, 20px) clamp(16px, 3vw, 28px) clamp(8px, 1.2vh, 14px) !important;
  }

  body.nohack-ds.guest-shell.guest-landing-page .guest-landing-hero .nohack-logo--hero {
    font-size: clamp(3rem, 8.5vh, 5.25rem) !important;
  }

  body.nohack-ds.guest-shell.guest-landing-page .guest-landing-hero__brand {
    padding: clamp(6px, 1.2vh, 14px) 0 !important;
  }

  body.nohack-ds.guest-shell.guest-landing-page .guest-landing-actions {
    margin-top: clamp(20px, 4vh, 36px) !important;
  }

  body.nohack-ds.guest-shell.guest-landing-page .guest-action {
    min-height: 34px !important;
    padding: 7px 16px !important;
  }

  body.nohack-ds.guest-shell.guest-landing-page .guest-modules-panel .module {
    min-height: 100px !important;
    padding: 12px 14px !important;
  }

  body.nohack-ds.guest-shell.guest-landing-page .page-shell--guest {
    padding-block: 6px 4px !important;
  }

  body.nohack-ds.guest-shell.guest-landing-page .guest-footer {
    padding-top: 4px !important;
  }
}

@media (min-width: 1280px) {
  body.nohack-ds.guest-shell {
    --guest-rail-max: min(1480px, 100%);
  }
}

@media (max-width: 960px) {
  html:has(body.guest-landing-page) {
    height: auto !important;
    overflow: auto !important;
  }

  body.nohack-ds.guest-shell {
    padding-bottom: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  body.nohack-ds.guest-shell .guest-footer {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    flex: 0 0 auto !important;
    margin-top: clamp(14px, 3vh, 22px) !important;
    padding:
      0 var(--guest-rail-pad)
      max(12px, env(safe-area-inset-bottom, 0px)) !important;
  }

  body.nohack-ds.guest-shell.guest-landing-page {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  body.nohack-ds.guest-shell.guest-landing-page .page-shell--guest {
    max-height: none !important;
    overflow: visible !important;
  }

  body.nohack-ds.guest-shell.guest-landing-page .page-shell--guest > .page {
    overflow: visible !important;
  }

  body.nohack-ds.guest-shell.guest-landing-page .guest-landing-hero {
    flex: 0 0 auto !important;
  }
}

@media (max-width: 640px) {
  body.nohack-ds.guest-shell .guest-landing-tagline {
    white-space: normal !important;
    font-size: 11px !important;
    padding-inline: 8px !important;
  }

  body.nohack-ds.guest-shell .guest-landing-actions {
    flex-direction: column !important;
    width: auto !important;
  }

  body.nohack-ds.guest-shell .guest-action {
    width: auto !important;
    max-width: calc(100vw - 48px) !important;
  }
}

/* Guest hero — always animate glow (wins prefers-reduced-motion kill) */
@media (prefers-reduced-motion: reduce) {
  body.nohack-ds.guest-shell .guest-landing-hero__head .page-title span {
    animation: nh-guest-title-glow 3.2s ease-in-out infinite alternate !important;
    animation-duration: 3.2s !important;
    animation-iteration-count: infinite !important;
  }

  body.nohack-ds.guest-shell .guest-action--primary {
    animation: nh-guest-cta-glow 2.8s ease-in-out infinite alternate !important;
    animation-duration: 2.8s !important;
    animation-iteration-count: infinite !important;
  }

  body.nohack-ds.guest-shell .guest-modules-panel .module__icon {
    animation: nh-guest-icon-pulse 4s ease-in-out infinite !important;
    animation-duration: 4s !important;
    animation-iteration-count: infinite !important;
  }

  body.nohack-ds.guest-shell .guest-footer__cursor {
    animation: nh-guest-footer-cursor 0.85s step-end infinite !important;
    animation-duration: 0.85s !important;
    animation-iteration-count: infinite !important;
  }

  body.nohack-ds.guest-shell .guest-footer__beam {
    animation: nh-guest-footer-beam 4s linear infinite !important;
    animation-duration: 4s !important;
    animation-iteration-count: infinite !important;
  }
}

/*
 * dx scans-serif (Petro Birov / Fontstruct, CC BY-NC-ND) — logo + blur glow.
 * Source: apps/api/assets/fonts/dx-scans-serif/ — sync: npm run fonts:logo
 * Append last in design-system bundle.
 */

@font-face {
  font-family: "dx scans-serif";
  src: url("/static/fonts/dx-scans-serif/dx-scans-serif.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: block;
  unicode-range: U+0000-00FF;
}

@keyframes nohack-logo-no-glow {
  0%, 100% {
    color: #a8e8bc;
    text-shadow:
      0 0 4px rgba(255, 255, 255, 0.95),
      0 0 14px rgba(0, 255, 65, 0.95),
      0 0 32px rgba(0, 255, 65, 0.72),
      0 0 56px rgba(0, 255, 65, 0.42),
      0 0 88px rgba(0, 255, 65, 0.2);
    filter: drop-shadow(0 0 16px rgba(0, 255, 65, 0.65)) drop-shadow(0 0 32px rgba(0, 255, 65, 0.28));
  }
  50% {
    color: #ffffff;
    text-shadow:
      0 0 6px rgba(255, 255, 255, 1),
      0 0 20px rgba(0, 255, 65, 1),
      0 0 44px rgba(0, 255, 65, 0.88),
      0 0 72px rgba(0, 255, 65, 0.55),
      0 0 108px rgba(0, 255, 65, 0.28);
    filter: drop-shadow(0 0 28px rgba(0, 255, 65, 0.9)) drop-shadow(0 0 56px rgba(0, 255, 65, 0.38));
  }
}

@keyframes nohack-logo-hack-glow {
  0%, 100% {
    color: #00b8dc;
    text-shadow:
      0 0 4px rgba(255, 255, 255, 0.9),
      0 0 14px rgba(0, 207, 255, 0.95),
      0 0 30px rgba(0, 207, 255, 0.68),
      0 0 52px rgba(0, 207, 255, 0.38),
      0 0 84px rgba(0, 207, 255, 0.18);
    filter: drop-shadow(0 0 14px rgba(0, 207, 255, 0.65)) drop-shadow(0 0 28px rgba(0, 207, 255, 0.3));
  }
  50% {
    color: #d8ffff;
    text-shadow:
      0 0 6px rgba(255, 255, 255, 1),
      0 0 20px rgba(0, 207, 255, 1),
      0 0 42px rgba(0, 207, 255, 0.88),
      0 0 68px rgba(0, 207, 255, 0.58),
      0 0 100px rgba(0, 207, 255, 0.3);
    filter: drop-shadow(0 0 26px rgba(0, 207, 255, 0.92)) drop-shadow(0 0 52px rgba(0, 207, 255, 0.36));
  }
}

@keyframes nohack-logo-aura-inner {
  0%, 100% {
    opacity: 0.88;
    transform: translate(-50%, -50%) scale(1.02);
    filter: blur(18px);
  }
  50% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.06);
    filter: blur(26px);
  }
}

@keyframes nohack-logo-aura-outer {
  0%, 100% {
    opacity: 0.55;
    transform: translate(-50%, -50%) scale(1.1);
    filter: blur(36px);
  }
  50% {
    opacity: 0.78;
    transform: translate(-50%, -50%) scale(1.16);
    filter: blur(52px);
  }
}

@keyframes nohack-logo-no-glow-sm {
  0%, 100% {
    color: #a8e8bc;
    text-shadow:
      0 0 2px rgba(255, 255, 255, 0.85),
      0 0 6px rgba(0, 255, 65, 0.75),
      0 0 12px rgba(0, 255, 65, 0.38);
    filter: drop-shadow(0 0 5px rgba(0, 255, 65, 0.45));
  }
  50% {
    color: #e8fff0;
    text-shadow:
      0 0 3px rgba(255, 255, 255, 0.95),
      0 0 8px rgba(0, 255, 65, 0.85),
      0 0 16px rgba(0, 255, 65, 0.42);
    filter: drop-shadow(0 0 7px rgba(0, 255, 65, 0.55));
  }
}

@keyframes nohack-logo-hack-glow-sm {
  0%, 100% {
    color: #00b8dc;
    text-shadow:
      0 0 2px rgba(255, 255, 255, 0.82),
      0 0 5px rgba(0, 207, 255, 0.72),
      0 0 9px rgba(0, 207, 255, 0.32);
    filter: drop-shadow(0 0 4px rgba(0, 207, 255, 0.4));
  }
  50% {
    color: #c8f8ff;
    text-shadow:
      0 0 3px rgba(255, 255, 255, 0.92),
      0 0 7px rgba(0, 207, 255, 0.82),
      0 0 11px rgba(0, 207, 255, 0.36);
    filter: drop-shadow(0 0 5px rgba(0, 207, 255, 0.48));
  }
}

@keyframes nohack-logo-cursor-glow-sm {
  0%, 100% {
    color: #00cfff;
    text-shadow:
      0 0 2px rgba(255, 255, 255, 0.75),
      0 0 5px rgba(0, 207, 255, 0.65);
    filter: drop-shadow(0 0 3px rgba(0, 207, 255, 0.38));
  }
  50% {
    color: #d8ffff;
    text-shadow:
      0 0 3px rgba(255, 255, 255, 0.88),
      0 0 6px rgba(0, 207, 255, 0.75);
    filter: drop-shadow(0 0 4px rgba(0, 207, 255, 0.45));
  }
}

@keyframes nohack-logo-aura-inner-sm {
  0%, 100% {
    opacity: 0.72;
    transform: translate(-50%, -50%) scale(1);
    filter: blur(5px);
  }
  50% {
    opacity: 0.88;
    transform: translate(-50%, -50%) scale(1.02);
    filter: blur(7px);
  }
}

@keyframes nohack-logo-aura-outer-sm {
  0%, 100% {
    opacity: 0.38;
    transform: translate(-50%, -50%) scale(1.02);
    filter: blur(9px);
  }
  50% {
    opacity: 0.52;
    transform: translate(-50%, -50%) scale(1.04);
    filter: blur(12px);
  }
}

.nohack-logo,
.nohack-logo *,
.boot-glass__logo,
.boot-glass__logo * {
  font-family: "dx scans-serif" !important;
  font-weight: 400 !important;
  font-style: normal !important;
  font-synthesis: none !important;
  font-variant-ligatures: none !important;
  -webkit-font-smoothing: antialiased;
}

.nohack-logo {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0 !important;
  overflow: visible !important;
  letter-spacing: 0.06em !important;
  line-height: 1 !important;
  text-transform: lowercase !important;
  text-decoration: none !important;
}

.nohack-logo__stack {
  position: relative !important;
  display: inline-block !important;
  overflow: visible !important;
  line-height: 1 !important;
  padding: 0.35em 0.55em !important;
}

.nohack-logo__glow-wrap {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  z-index: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.12em !important;
  white-space: nowrap !important;
  pointer-events: none !important;
  transform: translate(-50%, -50%) !important;
  animation: nohack-logo-aura-inner 3.6s ease-in-out infinite !important;
  will-change: opacity, transform, filter;
}

.nohack-logo__glow-wrap--outer {
  z-index: -1 !important;
  animation: nohack-logo-aura-outer 4.4s ease-in-out infinite !important;
}

.nohack-logo__glow {
  display: inline-block !important;
  line-height: 1 !important;
  text-transform: lowercase !important;
  opacity: 1 !important;
}

.nohack-logo__glow--no {
  color: #00ff41 !important;
  text-shadow:
    0 0 20px rgba(0, 255, 65, 1),
    0 0 48px rgba(0, 255, 65, 0.85),
    0 0 80px rgba(0, 255, 65, 0.55) !important;
}

.nohack-logo__glow--hack {
  color: #00cfff !important;
  text-shadow:
    0 0 20px rgba(0, 207, 255, 1),
    0 0 48px rgba(0, 207, 255, 0.85),
    0 0 80px rgba(0, 207, 255, 0.55) !important;
}

.nohack-logo__core {
  position: relative !important;
  z-index: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.12em !important;
}

.nohack-logo__no,
.nohack-logo__hack {
  display: inline-block !important;
  letter-spacing: inherit !important;
  text-transform: lowercase !important;
}

.nohack-logo__no {
  animation: nohack-logo-no-glow 3.4s ease-in-out infinite !important;
  will-change: color, text-shadow, filter;
}

.nohack-logo__hack {
  animation: nohack-logo-hack-glow 3.8s ease-in-out infinite !important;
  will-change: color, text-shadow, filter;
}

.nohack-logo__cursor {
  font-family: var(--nh-font) !important;
  color: #00cfff !important;
  margin-left: -0.02em !important;
  text-shadow:
    0 0 2px rgba(255, 255, 255, 0.75),
    0 0 5px rgba(0, 207, 255, 0.65) !important;
  filter: drop-shadow(0 0 3px rgba(0, 207, 255, 0.38)) !important;
  animation:
    blink 1s step-end infinite,
    nohack-logo-cursor-glow-sm 4s ease-in-out infinite !important;
  will-change: opacity, color, text-shadow, filter;
}

.nohack-logo--hero {
  font-size: clamp(2.85rem, 10vw, 5.75rem) !important;
  letter-spacing: 0.08em !important;
}

.nohack-logo--hero .nohack-logo__stack {
  padding: 0.4em 0.65em !important;
}

.nohack-logo--hero .nohack-logo__glow-wrap {
  gap: 0.14em !important;
}

.nohack-logo--hero .nohack-logo__core {
  gap: 0.14em !important;
}

.nohack-logo--sm {
  font-size: clamp(19px, 1.5vw, 26px) !important;
}

.nohack-logo--sm .nohack-logo__stack {
  padding: 0.06em 0.02em 0.06em 0.1em !important;
}

.nohack-logo--sm .nohack-logo__glow-wrap {
  animation: nohack-logo-aura-inner-sm 3.6s ease-in-out infinite !important;
}

.nohack-logo--sm .nohack-logo__glow-wrap--outer {
  animation: nohack-logo-aura-outer-sm 4.4s ease-in-out infinite !important;
}

.nohack-logo--sm .nohack-logo__glow--no {
  text-shadow:
    0 0 6px rgba(0, 255, 65, 0.85),
    0 0 14px rgba(0, 255, 65, 0.42) !important;
}

.nohack-logo--sm .nohack-logo__glow--hack {
  text-shadow:
    0 0 4px rgba(0, 207, 255, 0.82),
    0 0 9px rgba(0, 207, 255, 0.38) !important;
}

.nohack-logo--sm .nohack-logo__no {
  animation: nohack-logo-no-glow-sm 3.6s ease-in-out infinite !important;
}

.nohack-logo--sm .nohack-logo__core {
  gap: 0.1em !important;
}

.nohack-logo--sm .nohack-logo__hack {
  animation: nohack-logo-hack-glow-sm 4s ease-in-out infinite !important;
}

.boot-glass__logo {
  position: relative !important;
  display: inline-block !important;
  overflow: visible !important;
  font-size: clamp(30px, 4.5vw, 38px) !important;
  letter-spacing: 0.06em !important;
  line-height: 1 !important;
  text-transform: lowercase !important;
}

.boot-glass__logo .nohack-logo__stack {
  padding: 0.3em 0.45em !important;
}

.boot-glass__logo .nohack-logo__no,
.boot-glass__logo .nohack-logo__hack {
  animation: nohack-logo-no-glow 3.4s ease-in-out infinite !important;
}

.boot-glass__logo .nohack-logo__hack {
  animation-name: nohack-logo-hack-glow !important;
  animation-duration: 3.8s !important;
}

body.nohack-ds.guest-shell .guest-landing-hero__brand,
body.nohack-ds.guest-shell .guest-landing-hero__brand .nohack-logo {
  overflow: visible !important;
}

@media (prefers-reduced-motion: reduce) {
  .nohack-logo__no,
  .nohack-logo__hack {
    animation-duration: 3.4s !important;
    animation-iteration-count: infinite !important;
  }

  .nohack-logo__hack {
    animation-duration: 3.8s !important;
  }

  .nohack-logo__glow-wrap {
    animation: none !important;
    opacity: 0.85 !important;
    filter: blur(18px) !important;
  }

  .nohack-logo__glow-wrap--outer {
    filter: blur(32px) !important;
    opacity: 0.55 !important;
  }

  .nohack-logo--sm .nohack-logo__glow-wrap {
    animation: none !important;
    opacity: 0.72 !important;
    filter: blur(5px) !important;
  }

  .nohack-logo--sm .nohack-logo__glow-wrap--outer {
    filter: blur(9px) !important;
    opacity: 0.38 !important;
  }
}