/* ============================================
   WIREFRAME MODE (KONAMI CODE EASTER EGG)
   ============================================ */

/* Green monochrome wireframe mode */
body.retro-mode-global {
    background: #000 !important;
}

/* Apply green filter to canvas and content, exclude panels */
body.retro-mode-global #canvas-container,
body.retro-mode-global .content-wrapper {
    filter: sepia(1) hue-rotate(60deg) saturate(4) brightness(1.1) contrast(1.4);
}

body.retro-mode-global .crystal-panel,
body.retro-mode-global .site-nav,
body.retro-mode-global .site-footer {
    filter: none !important;
}

/* Green phosphor glow + scan lines */
body.retro-mode-global::before {
    content: '';
    position: fixed;
    inset: 0;
    background: rgba(0, 255, 0, 0.08);
    mix-blend-mode: screen;
    pointer-events: none;
    z-index: 999999;
}

body.retro-mode-global::after {
    content: '';
    position: fixed;
    inset: 0;
    background: repeating-linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0, rgba(0, 0, 0, 0.1) 2px, transparent 2px, transparent 4px);
    pointer-events: none;
    z-index: 999998;
    animation: scanline-scroll 10s linear infinite;
}

@keyframes scanline-scroll {
    0% { transform: translateY(0); }
    100% { transform: translateY(4px); }
}

/* Green text with glow */
body.retro-mode-global,
body.retro-mode-global * {
    color: #00ff00 !important;
    text-shadow: 0 0 5px rgba(0, 255, 0, 0.5) !important;
    border-color: #00ff00 !important;
}

/* Lock button layout to prevent reflow */
body.retro-mode-global .account-buttons {
    display: grid !important;
    grid-template-columns: repeat(4, auto) !important;
}

body.retro-mode-global .account-buttons .btn {
    white-space: nowrap;
}

/* Green panels and buttons */
body.retro-mode-global .crystal-panel,
body.retro-mode-global .indra-card-inner,
body.retro-mode-global .btn {
    background: rgba(0, 20, 0, 0.8) !important;
    border: 1px solid #00ff00 !important;
    box-shadow: 0 0 10px rgba(0, 255, 0, 0.3) !important;
}

/* Hide gradient animations */
body.retro-mode-global .crystal-panel::before,
body.retro-mode-global .indra-card-inner::before,
body.retro-mode-global .indra-expanded-modal::before {
    display: none !important;
}