/* ═══════════════════════════════════════════════════════════
   analog — wired mode
   dormant until body has .wired class.
   base styling lives inline in index.html.
   ═══════════════════════════════════════════════════════════ */

body.wired {
    background: #000 !important;
    color: #ff2e63 !important;
    transition: background 0.6s ease, color 0.6s ease;
}

body.wired::before {
    opacity: 0.28 !important;
    mix-blend-mode: screen !important;
}

body.wired::after {
    opacity: 0.35 !important;
}

/* ─── corners go hot ─── */
body.wired .corner {
    color: #ff2e63 !important;
    opacity: 0.95;
}
body.wired .corner:hover {
    color: #ffb3c1 !important;
}

body.wired .clock,
body.wired .hb,
body.wired .countdown,
body.wired .visit-note,
body.wired .sound-toggle {
    color: #ff2e63 !important;
    opacity: 0.9;
}

body.wired .hb.disc {
    color: #ffb3c1 !important;
    animation: wired-pulse 0.6s ease-in-out infinite;
}
@keyframes wired-pulse {
    0%, 100% { opacity: 0.4; }
    50%      { opacity: 1; }
}

/* ─── scan line brighter ─── */
body.wired .scan {
    background: linear-gradient(to right,
        transparent 0%,
        rgba(255,46,99,0.9) 20%,
        rgba(255,255,255,0.7) 50%,
        rgba(255,46,99,0.9) 80%,
        transparent 100%);
    height: 4px;
    filter: blur(1px);
}

/* ─── hex watermark glows ─── */
body.wired .bg-nums {
    opacity: 0.15 !important;
    color: #ff2e63 !important;
}

/* ─── wire in background ─── */
body.wired .wire {
    background: #ff2e63 !important;
    opacity: 0.65 !important;
}

/* ─── wordmark goes full red ─── */
body.wired .wordmark .brand {
    color: #ff2e63 !important;
    text-shadow: 2px 2px 0 #ffb3c1, -1px -1px 0 #8b0000;
}
body.wired .wordmark .accent {
    color: #ffb3c1 !important;
}
body.wired .wordmark .slash {
    color: #8b0000 !important;
}
body.wired .wordmark .cursor {
    background: #ff2e63 !important;
    box-shadow: 0 0 22px rgba(255,46,99,0.9) !important;
}

/* ─── quotes go red ─── */
body.wired .quote {
    color: #ffb3c1 !important;
}
body.wired .quote .prefix {
    color: #ff2e63 !important;
}
body.wired .quote .attr {
    color: #8b0000 !important;
}

/* ─── section labels ─── */
body.wired .label {
    color: #ffb3c1 !important;
}
body.wired .label .jp {
    color: #8b0000 !important;
}
body.wired .label::after {
    background: #2a0a12 !important;
}

/* ─── tiles bleed red ─── */
body.wired .tile {
    border-bottom-color: #2a0a12 !important;
    color: #ffb3c1 !important;
}
body.wired .tile:hover {
    background: rgba(255,46,99,0.12) !important;
}
body.wired .t-name {
    color: #ffb3c1 !important;
}
body.wired .tile:hover .t-name {
    color: #fff !important;
    text-shadow: 0 0 12px rgba(255,46,99,1) !important;
}
body.wired .t-desc {
    color: #8b0000 !important;
}
body.wired .tile:hover .t-desc {
    color: #ff2e63 !important;
}
body.wired .t-num {
    color: #8b0000 !important;
}
body.wired .t-jp {
    color: #6a0018 !important;
}
body.wired .tile:hover .t-jp {
    color: #ff2e63 !important;
}

/* ─── footer ─── */
body.wired footer {
    border-top-color: #2a0a12 !important;
    color: #8b0000 !important;
}

/* ─── cursor + trail ─── */
body.wired #cursor {
    background: #fff !important;
    box-shadow: 0 0 20px #ff2e63, 0 0 40px rgba(255,46,99,0.6) !important;
}
body.wired .trail {
    background: #ff2e63 !important;
    box-shadow: 0 0 16px rgba(255,46,99,1), 0 0 32px rgba(255,46,99,0.5) !important;
}

/* ─── eyes get brighter in wired ─── */
body.wired .eye {
    background: #f5d0d8 !important;
    box-shadow: 0 0 12px rgba(255,46,99,0.5), inset 0 0 6px rgba(255,46,99,0.3) !important;
}
body.wired .eye .iris {
    background: radial-gradient(circle at 35% 35%, #fff 0%, #ff2e63 60%, #8b0000 100%) !important;
    box-shadow: 0 0 6px rgba(255,46,99,0.9) !important;
}
body.wired .eye .pupil {
    background: #000 !important;
}
body.wired .eye-flash {
    box-shadow: 0 0 32px rgba(255,46,99,0.8);
}
body.wired .eye-flash::before {
    background: radial-gradient(circle at 35% 35%, #fff 0%, #ff2e63 60%, #8b0000 100%) !important;
}

/* ─── guestbook ─── */
body.wired .gb-page {
    background: #000 !important;
}
body.wired .gb-page .entry {
    background: #0a0004 !important;
    border-left-color: #ff2e63 !important;
}
body.wired .gb-page .entry .e-body {
    color: #ffb3c1 !important;
}
body.wired .gb-page .entry .e-handle {
    color: #ff2e63 !important;
}

/* ─── 2003 portal inverts in wired ─── */
body.wired .portal {
    filter: invert(1) hue-rotate(180deg);
}
body.wired .portal input,
body.wired .portal textarea,
body.wired .portal select,
body.wired .portal button {
    filter: invert(1) hue-rotate(180deg);
}

/* ─── void ─── */
body.wired .void-page {
    background: #000 !important;
}
body.wired .void-page .void-text {
    color: #ffb3c1 !important;
    text-shadow: 0 0 24px rgba(255,46,99,0.8);
}

/* ─── unclaimed goes mono-red ─── */
body.wired .unclaimed-page {
    filter: grayscale(100%) sepia(100%) hue-rotate(-20deg) saturate(8) !important;
}

/* ─── locate ─── */
body.wired .locate-page .l-title {
    text-shadow: 0 0 20px rgba(255,46,99,0.9);
}

/* ─── them/ ─── */
body.wired .them-page {
    background: #000 !important;
}
body.wired .them-page .file .red {
    color: #ff2e63 !important;
    text-shadow: 0 0 8px rgba(255,46,99,0.6);
}

/* ─── 404 ─── */
body.wired .p404 .n {
    text-shadow: 0 0 24px rgba(255,46,99,0.9);
}