/* Approved personal layer. Inert only when personal-ui-config.js applies the safe opt-out. */
html[data-edition="personal"][data-ui-revision="kenzo-arcade-r1"] body[data-vibe="arcade"] {
  --p-bg: #0d0920;
  --p-bg-grid: rgba(53, 233, 223, .055);
  --p-surface: #1a1434;
  --p-surface-2: #24194a;
  --p-ink: #fff9ff;
  --p-muted: #c8bce0;
  --p-line: #49356f;
  --p-violet: #8257ff;
  --p-pink: #ff4fba;
  --p-cyan: #35e9df;
  --p-gold: #ffd166;
  --p-hero: linear-gradient(125deg, #130d2c 0%, #542bb8 52%, #c52f91 100%);
  --p-card-glow: 0 14px 38px rgba(89, 52, 190, .24);
  --p-neon-glow: 0 0 24px rgba(53, 233, 223, .22);
  --p-radius: 16px;
  --p-grid-size: 32px;
  --canvas: var(--p-bg);
  --surface: var(--p-surface);
  --ink: var(--p-ink);
  --muted: var(--p-muted);
  --line: var(--p-line);
  --blue: var(--p-violet);
  --blue-700: #6338dc;
  --blue-100: #30235d;
  --hero-a: #130d2c;
  --hero-b: #542bb8;
  --accent-2: var(--p-pink);
  --brand-glow: rgba(255, 79, 186, .24);
  background-color: var(--p-bg);
  background-image:
    radial-gradient(circle at 84% 4%, rgba(130, 87, 255, .3), transparent 28rem),
    radial-gradient(circle at 12% 92%, rgba(255, 79, 186, .18), transparent 25rem),
    linear-gradient(var(--p-bg-grid) 1px, transparent 1px),
    linear-gradient(90deg, var(--p-bg-grid) 1px, transparent 1px);
  background-size: auto, auto, var(--p-grid-size) var(--p-grid-size), var(--p-grid-size) var(--p-grid-size);
  background-attachment: fixed;
}

html[data-edition="personal"][data-ui-revision="kenzo-arcade-r1"] body[data-vibe="arcade"] .sidebar,
html[data-edition="personal"][data-ui-revision="kenzo-arcade-r1"] body[data-vibe="arcade"] .topbar,
html[data-edition="personal"][data-ui-revision="kenzo-arcade-r1"] body[data-vibe="arcade"] .mobile-nav {
  border-color: color-mix(in srgb, var(--p-cyan) 24%, var(--p-line));
  background: rgba(20, 13, 43, .91);
  box-shadow: 0 0 30px rgba(53, 233, 223, .06);
  backdrop-filter: blur(16px) saturate(1.2);
}

html[data-edition="personal"][data-ui-revision="kenzo-arcade-r1"] body[data-vibe="arcade"] .brand img,
html[data-edition="personal"][data-ui-revision="kenzo-arcade-r1"] body[data-vibe="arcade"] .mobile-brand img {
  filter: drop-shadow(0 0 8px rgba(53, 233, 223, .45)) drop-shadow(0 0 16px rgba(255, 79, 186, .25));
}

html[data-edition="personal"][data-ui-revision="kenzo-arcade-r1"] body[data-vibe="arcade"] .nav-link:hover,
html[data-edition="personal"][data-ui-revision="kenzo-arcade-r1"] body[data-vibe="arcade"] .nav-link.active {
  color: var(--p-ink);
  background: linear-gradient(110deg, rgba(130, 87, 255, .3), rgba(255, 79, 186, .14));
  box-shadow: inset 0 0 0 1px rgba(53, 233, 223, .1), 0 8px 20px rgba(0, 0, 0, .18);
}

html[data-edition="personal"][data-ui-revision="kenzo-arcade-r1"] body[data-vibe="arcade"] .nav-link.active::before {
  background: linear-gradient(var(--p-pink), var(--p-cyan));
  box-shadow: 0 0 12px rgba(53, 233, 223, .65);
}

html[data-edition="personal"][data-ui-revision="kenzo-arcade-r1"] body[data-vibe="arcade"] .page-head::after {
  border-color: color-mix(in srgb, var(--p-cyan) 52%, var(--p-line));
  background: linear-gradient(135deg, var(--p-violet), var(--p-pink));
  box-shadow: var(--p-neon-glow), 0 10px 28px rgba(255, 79, 186, .22);
}

html[data-edition="personal"][data-ui-revision="kenzo-arcade-r1"] body[data-vibe="arcade"] .card {
  border-color: color-mix(in srgb, var(--p-violet) 24%, var(--p-line));
  border-radius: var(--p-radius);
  background: linear-gradient(145deg, color-mix(in srgb, var(--p-surface-2) 62%, var(--p-surface)), var(--p-surface));
  box-shadow: 0 1px 0 rgba(255, 255, 255, .03), var(--p-card-glow);
}

html[data-edition="personal"][data-ui-revision="kenzo-arcade-r1"] body[data-vibe="arcade"] .briefing,
html[data-edition="personal"][data-ui-revision="kenzo-arcade-r1"] body[data-vibe="arcade"] .character-command {
  isolation: isolate;
  border: 1px solid rgba(53, 233, 223, .2);
  background: var(--p-hero);
  box-shadow: 0 18px 50px rgba(91, 43, 184, .34), 0 0 30px rgba(53, 233, 223, .1);
}

html[data-edition="personal"][data-ui-revision="kenzo-arcade-r1"] body[data-vibe="arcade"] .briefing::before,
html[data-edition="personal"][data-ui-revision="kenzo-arcade-r1"] body[data-vibe="arcade"] .character-command::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  background-image:
    repeating-linear-gradient(0deg, rgba(255, 255, 255, .028) 0 1px, transparent 1px 5px),
    radial-gradient(circle at 12% 18%, rgba(255, 255, 255, .16) 0 2px, transparent 3px);
  background-size: auto, 28px 28px;
  pointer-events: none;
}

html[data-edition="personal"][data-ui-revision="kenzo-arcade-r1"] body[data-vibe="arcade"] .briefing > *,
html[data-edition="personal"][data-ui-revision="kenzo-arcade-r1"] body[data-vibe="arcade"] .character-command > * {
  position: relative;
  z-index: 1;
}

html[data-edition="personal"][data-ui-revision="kenzo-arcade-r1"] body[data-vibe="arcade"] .quick-launch-grid > button {
  border-color: color-mix(in srgb, var(--p-cyan) 22%, var(--p-line));
  background: linear-gradient(145deg, var(--p-surface-2), var(--p-surface));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
}

html[data-edition="personal"][data-ui-revision="kenzo-arcade-r1"] body[data-vibe="arcade"] .quick-launch-grid svg {
  stroke: var(--p-cyan);
  filter: drop-shadow(0 0 5px rgba(53, 233, 223, .35));
}

html[data-edition="personal"][data-ui-revision="kenzo-arcade-r1"] body[data-vibe="arcade"] .preview-stage {
  border-color: var(--p-line);
  background:
    radial-gradient(circle at 22% 24%, rgba(255, 79, 186, .23), transparent 33%),
    radial-gradient(circle at 78% 75%, rgba(53, 233, 223, .18), transparent 36%),
    linear-gradient(145deg, #17102f, #261650);
}

html[data-edition="personal"][data-ui-revision="kenzo-arcade-r1"] body[data-vibe="arcade"] .preview-art.kenzo {
  background: linear-gradient(135deg, #1a103b, #793fe3 54%, #ff4fba);
  box-shadow: 0 18px 48px rgba(255, 79, 186, .22), 0 0 30px rgba(53, 233, 223, .12);
}

html[data-edition="personal"][data-ui-revision="kenzo-arcade-r1"] body[data-vibe="arcade"] .character-card {
  border-color: color-mix(in srgb, var(--p-cyan) 42%, var(--p-line));
  background: linear-gradient(160deg, #281a57, #130f2b);
  box-shadow: 0 14px 28px rgba(0, 0, 0, .3), 0 0 18px rgba(130, 87, 255, .16);
}

html[data-edition="personal"][data-ui-revision="kenzo-arcade-r1"] body[data-vibe="arcade"] .character-card.kenzo img {
  background: radial-gradient(circle at 50% 25%, #8257ff, #281552 52%, #100b25 78%);
}

html[data-edition="personal"][data-ui-revision="kenzo-arcade-r1"] body[data-vibe="arcade"] .business-cover::after {
  background:
    linear-gradient(90deg, rgba(9, 5, 24, .28), transparent 65%),
    radial-gradient(circle at 88% 25%, rgba(53, 233, 223, .12), transparent 40%);
}

html[data-edition="personal"][data-ui-revision="kenzo-arcade-r1"] body[data-vibe="arcade"] input,
html[data-edition="personal"][data-ui-revision="kenzo-arcade-r1"] body[data-vibe="arcade"] textarea,
html[data-edition="personal"][data-ui-revision="kenzo-arcade-r1"] body[data-vibe="arcade"] select,
html[data-edition="personal"][data-ui-revision="kenzo-arcade-r1"] body[data-vibe="arcade"] .btn.secondary,
html[data-edition="personal"][data-ui-revision="kenzo-arcade-r1"] body[data-vibe="arcade"] .filter-chip {
  border-color: var(--p-line);
  background: var(--p-surface);
  color: var(--p-ink);
}

html[data-edition="personal"][data-ui-revision="kenzo-arcade-r1"] body[data-vibe="arcade"] :focus-visible {
  outline-color: var(--p-gold) !important;
}

@media (hover: hover) {
  html[data-edition="personal"][data-ui-revision="kenzo-arcade-r1"] body[data-vibe="arcade"] .card:hover,
  html[data-edition="personal"][data-ui-revision="kenzo-arcade-r1"] body[data-vibe="arcade"] .quick-launch-grid > button:hover {
    border-color: color-mix(in srgb, var(--p-cyan) 52%, var(--p-line));
    box-shadow: var(--p-card-glow), var(--p-neon-glow);
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-edition="personal"][data-ui-revision="kenzo-arcade-r1"] body[data-vibe="arcade"] *,
  html[data-edition="personal"][data-ui-revision="kenzo-arcade-r1"] body[data-vibe="arcade"] *::before,
  html[data-edition="personal"][data-ui-revision="kenzo-arcade-r1"] body[data-vibe="arcade"] *::after {
    animation: none !important;
    transition-duration: .01ms !important;
  }
}

@media (prefers-contrast: more) {
  html[data-edition="personal"][data-ui-revision="kenzo-arcade-r1"] body[data-vibe="arcade"] {
    --p-line: #9b8bbc;
    --p-muted: #eee7fb;
    --p-card-glow: none;
    --p-neon-glow: none;
  }
}

@media (max-width: 520px) {
  html[data-edition="personal"][data-ui-revision="kenzo-arcade-r1"] body[data-vibe="arcade"] {
    --p-grid-size: 40px;
    --p-card-glow: 0 8px 22px rgba(89, 52, 190, .18);
    background-attachment: scroll;
  }
}