:root {
      --mon3tr-green: #3ecf5a;
      --mon3tr-dark: #1a2e1e;
      --mon3tr-mid: #22412a;
      --mon3tr-accent: #6bff90;
      --mon3tr-dim: #2d5c38;
      --mon3tr-border: #3ecf5a55;
    }

    body {
      background-color: #0b1a0f;
      background-image:
        radial-gradient(ellipse at 50% 0%, #1a3a2055 0%, transparent 70%),
        repeating-linear-gradient(
          0deg,
          transparent,
          transparent 39px,
          #3ecf5a08 39px,
          #3ecf5a08 40px
        ),
        repeating-linear-gradient(
          90deg,
          transparent,
          transparent 39px,
          #3ecf5a08 39px,
          #3ecf5a08 40px
        );
      min-height: 100vh;
      font-family: 'Segoe UI', system-ui, sans-serif;
      color: #d4f5dc;
    }

    /* Scanline overlay */
    body::before {
      content: '';
      position: fixed;
      inset: 0;
      background: repeating-linear-gradient(
        180deg,
        transparent 0px,
        transparent 2px,
        #00000018 2px,
        #00000018 4px
      );
      pointer-events: none;
      z-index: 0;
    }

    .page-wrap {
      position: relative;
      z-index: 1;
    }

    /* Avatar ring */
    .avatar-ring {
      background: conic-gradient(
        #3ecf5a, #6bff90, #3ecf5a, #1a7a30, #3ecf5a
      );
      padding: 3px;
      border-radius: 9999px;
      animation: tilt 3s ease-in-out infinite;
    }
    @keyframes tilt {
      0%, 100% { transform: rotate(-10deg); }
      50% { transform: rotate(10deg); }
    }
    .avatar-inner {
      background: #0b1a0f;
      border-radius: 9999px;
      padding: 3px;
    }
    .avatar-img {
      border-radius: 9999px;
      display: block;
      width: 96px;
      height: 96px;
      object-fit: cover;
      background: var(--mon3tr-mid);
    }

    /* Corner bracket decoration */
    .bracket-card {
      position: relative;
    }
    .bracket-card::before,
    .bracket-card::after {
      content: '';
      position: absolute;
      width: 14px;
      height: 14px;
      border-color: var(--mon3tr-green);
      border-style: solid;
    }
    .bracket-card::before {
      top: 0; left: 0;
      border-width: 2px 0 0 2px;
    }
    .bracket-card::after {
      bottom: 0; right: 0;
      border-width: 0 2px 2px 0;
    }

    /* Link buttons */
    .link-btn {
      display: flex;
      align-items: center;
      gap: 12px;
      width: 100%;
      padding: 12px 20px;
      border: 1px solid var(--mon3tr-border);
      border-radius: 4px;
      background: #112218cc;
      color: #c8f5d4;
      text-decoration: none;
      font-size: 15px;
      font-weight: 500;
      letter-spacing: 0.02em;
      transition: all 0.2s ease;
      position: relative;
      overflow: hidden;
      backdrop-filter: blur(4px);
    }
    .link-btn::before {
      content: '';
      position: absolute;
      left: 0; top: 0; bottom: 0;
      width: 3px;
      background: var(--mon3tr-green);
    }
    .link-btn:hover {
      background: #1e3d28cc;
      border-color: var(--mon3tr-green);
      color: var(--mon3tr-accent);
      transform: translateX(2px);
    }
    .link-btn:hover::before {
      width: 5px;
    }

    .link-icon {
      width: 28px;
      height: 28px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 6px;
      background: #1e4a2a;
      flex-shrink: 0;
    }

    /* Section label */
    .section-label {
      font-size: 11px;
      letter-spacing: 0.15em;
      text-transform: uppercase;
      color: var(--mon3tr-green);
      opacity: 0.7;
      margin-bottom: 10px;
    }

    /* ak-card outline overrides for green theme */
    .ak-card--outline {
      border-color: var(--mon3tr-border) !important;
      background: #0d2014cc !important;
      position: relative;
    }
    .card-slot-label {
      font-size: 11px;
      letter-spacing: 0.1em;
      color: var(--mon3tr-green);
      opacity: 0.6;
      margin-bottom: 6px;
      text-transform: uppercase;
    }
    .card-placeholder {
      width: 100%;
      aspect-ratio: 9/16;
      max-width: 160px;
      background: linear-gradient(160deg, #112218, #0d1a10);
      border: 1px dashed #3ecf5a33;
      border-radius: 6px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      color: #3ecf5a66;
      font-size: 12px;
      gap: 8px;
      margin: 0 auto;
    }

    /* Divider */
    .ak-divider-green {
      height: 1px;
      background: linear-gradient(90deg, transparent, var(--mon3tr-green), transparent);
      opacity: 0.3;
      margin: 4px 0;
    }

    /* Name glitch effect */
    .name-tag {
      font-size: 24px;
      font-weight: 700;
      letter-spacing: 0.06em;
      color: #d4f5dc;
      text-shadow: 0 0 20px #3ecf5a55;
    }

    .tag-pill {
      display: inline-block;
      padding: 2px 10px;
      border: 1px solid var(--mon3tr-border);
      border-radius: 3px;
      font-size: 11px;
      color: var(--mon3tr-green);
      background: #1a3a2066;
      letter-spacing: 0.08em;
    }

    .hex-id {
      font-family: 'Courier New', monospace;
      font-size: 11px;
      color: #3ecf5a55;
      letter-spacing: 0.12em;
    }