/* ============================================================
   LACE UP skin — MGK's debut album era (2012). Wild Boy energy:
   near-black brick walls, lace red, stitched shoelace dividers,
   bonfire glow. Loud, brash, debut-era confidence.
   Loaded after styles.css; everything scoped under body.laceup.
   ADMIN-ONLY until Jordan releases it.
   ============================================================ */

/* ---- base: near-black with dark-red brick courses ---- */
body.laceup {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  background-color: #121013;
  background-image:
    radial-gradient(900px 420px at 50% -8%, rgba(210, 31, 38, .16) 0%, transparent 60%),
    radial-gradient(760px 520px at 92% 112%, rgba(255, 122, 40, .07) 0%, transparent 55%),
    repeating-linear-gradient(0deg, rgba(0, 0, 0, .55) 0 2px, transparent 2px 30px),
    repeating-linear-gradient(90deg, rgba(0, 0, 0, .5) 0 2px, transparent 2px 60px),
    repeating-linear-gradient(90deg, rgba(0, 0, 0, .5) 0 2px, transparent 2px 60px);
  background-position: 0 0, 0 0, 0 0, 0 0, 30px 0;
  color: #f5f2ee;
  --accent: #d21f26;        /* lace red — the era's signature */
  --accent-deep: #a11d21;   /* brick red (cover background) */
  --accent2: #ff5257;       /* hot red (gradients / glow) */
  --ember: #ff7a28;         /* wild-boy bonfire orange */
  --card: #1c1a1d;          /* charcoal card */
  --card2: #262327;         /* raised charcoal */
  --line: #3a3436;          /* mortar gray */
  --text: #f5f2ee;          /* bone white on charcoal */
  --ink: #f5f2ee;
  --muted: #a39699;         /* ash gray */
  --ink-muted: #a39699;
  --lace: #f5f5f5;          /* shoelace white */
  --radius: 3px;
  --shadow: 0 8px 28px rgba(0, 0, 0, .6);
  --font-display: 'Oswald', 'Arial Narrow', sans-serif;
  --font-script: 'Permanent Marker', cursive;
}
body.laceup input, body.laceup select,
body.laceup textarea, body.laceup button {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
.laceup .muted { color: #a39699; }
.laceup h1, .laceup h2, .laceup h3 {
  font-family: 'Oswald', 'Arial Narrow', sans-serif;
  text-transform: uppercase; letter-spacing: .06em; color: #f5f2ee;
}

/* shoelace divider: criss-cross stitch over a red cord.
   Applies to every <hr> — the lace literally threads the page. */
body.laceup hr {
  border: 0; height: 14px; margin: 16px 0; opacity: .95;
  background:
    repeating-linear-gradient(63deg, #f5f5f5 0 2px, transparent 2px 15px),
    repeating-linear-gradient(-63deg, #f5f5f5 0 2px, transparent 2px 15px),
    linear-gradient(#d21f26, #a11d21);
  background-size: 100% 14px, 100% 14px, 100% 4px;
  background-position: 0 0, 0 0, 0 50%;
  background-repeat: no-repeat;
}

/* ---- brick-dust scrollbars ---- */
body.laceup::-webkit-scrollbar { width: 14px; height: 14px; }
body.laceup::-webkit-scrollbar-track { background: #0d0b0d; }
body.laceup::-webkit-scrollbar-thumb { background: #5a1215; border: 2px solid #0d0b0d; border-radius: 7px; }
body.laceup::-webkit-scrollbar-thumb:hover { background: #d21f26; }

/* ============================================================
   BUTTONS — solid lace red, white condensed caps, slanted
   parallelogram energy (screen-print, not polished)
   ============================================================ */
.laceup .btn {
  background: linear-gradient(#e23138, #b3181e);
  color: #fff; border: 1px solid #7d1013; border-radius: 3px;
  clip-path: polygon(9px 0, 100% 0, calc(100% - 9px) 100%, 0 100%);
  filter: drop-shadow(0 3px 0 #57090c) drop-shadow(0 6px 10px rgba(0, 0, 0, .5));
  font-family: 'Oswald', 'Arial Narrow', sans-serif; font-weight: 600; font-style: italic;
  font-size: 14px; letter-spacing: .12em; text-transform: uppercase;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .55);
  padding: 12px 24px; min-height: 44px;
}
.laceup .btn:hover { background: linear-gradient(#f0444b, #d21f26); }
.laceup .btn:active { transform: translateY(2px); filter: drop-shadow(0 1px 0 #57090c); }
.laceup .btn.primary { background: linear-gradient(#e23138, #b3181e); color: #fff; }
.laceup .btn.ghost {
  background: transparent; color: #ff6b71; border: 1px solid #d21f26;
  clip-path: none; filter: none; text-shadow: none; font-style: normal;
}
.laceup .btn.ghost:hover { background: rgba(210, 31, 38, .14); }
.laceup .btn.danger { background: linear-gradient(#5c0e11, #3d090b); border-color: #2a0506; }
.laceup .btn:disabled { background: #3a3436; color: #8d8184; border-color: #2c282a; clip-path: none; filter: none; opacity: 1; text-shadow: none; font-style: normal; }
.laceup .btn.tiny { font-size: 11px; padding: 6px 14px; min-height: 0; clip-path: polygon(6px 0, 100% 0, calc(100% - 6px) 100%, 0 100%); }

/* icon-ish buttons */
.laceup .icon-btn, .laceup .sheet-x, .laceup .wl-popup-x, .laceup .modal-x {
  background: #262327; color: #ff6b71; border: 1px solid #4a3436;
  border-radius: 3px; box-shadow: 0 2px 6px rgba(0, 0, 0, .5);
}
.laceup .icon-btn:hover, .laceup .sheet-x:hover, .laceup .wl-popup-x:hover, .laceup .modal-x:hover {
  border-color: #d21f26; color: #fff; background: #33262a;
}
/* header control boxes: in-theme, but never break the 40px sizing */
.laceup .topbar-actions .icon-btn, .laceup .topbar-actions .notif-bell {
  min-width: 40px; min-height: 40px;
  background: #1c1a1d; border: 1px solid #4a3436; color: #f5f2ee; border-radius: 3px;
}
.laceup .topbar-actions .icon-btn:hover, .laceup .topbar-actions .notif-bell:hover {
  border-color: #d21f26; color: #fff; box-shadow: 0 0 10px rgba(210, 31, 38, .5);
}
.laceup .notif-badge { background: #d21f26; color: #fff; border: 1px solid #7d1013; }

/* ============================================================
   POPUPS — charcoal plates, red top rule, stitched edge
   ============================================================ */
.laceup .modal { backdrop-filter: none; background: rgba(8, 5, 6, .78); }
.laceup .modal-card,
.laceup .wl-popup-card {
  position: relative; background: #1c1a1d; color: #f5f2ee;
  border: 1px solid #4a3436; border-top: 3px solid #d21f26;
  outline: 1px dashed rgba(245, 245, 245, .25); outline-offset: -6px;
  border-radius: 3px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, .7), 0 0 30px rgba(210, 31, 38, .15);
  text-align: left; animation: none;
}
.laceup .modal-card h2, .laceup .modal-card h3,
.laceup .wl-popup-card h2, .laceup .wl-popup-card h3 {
  font-family: 'Oswald', 'Arial Narrow', sans-serif;
  color: #fff; text-transform: uppercase; letter-spacing: .06em;
}
.laceup .modal-card .muted, .laceup .wl-popup-card .muted { color: #a39699; }

/* ============================================================
   FORM FIELDS — dark inset, red focus ring
   ============================================================ */
.laceup input[type="text"], .laceup input[type="search"],
.laceup input[type="email"], .laceup input[type="password"],
.laceup input[type="number"], .laceup input[type="date"],
.laceup select, .laceup textarea {
  background: #141215; color: #f5f2ee;
  border: 1px solid #4a3436; border-radius: 3px;
  box-shadow: inset 0 2px 5px rgba(0, 0, 0, .6);
}
.laceup input:focus, .laceup select:focus, .laceup textarea:focus {
  border-color: #d21f26; outline: none;
  box-shadow: inset 0 2px 5px rgba(0, 0, 0, .6), 0 0 0 3px rgba(210, 31, 38, .25);
}
.laceup input::placeholder, .laceup textarea::placeholder { color: #6f6467; }

/* ============================================================
   NAV TABS — bone text, active tab is a red stamp
   ============================================================ */
.laceup .tab {
  color: #a39699; font-family: 'Oswald', 'Arial Narrow', sans-serif;
  font-weight: 500; letter-spacing: .08em; text-transform: uppercase;
}
.laceup .tab:hover { color: #ff6b71; }
.laceup .tab.active {
  background: linear-gradient(#e23138, #b3181e); color: #fff;
  border: 1px solid #7d1013; border-radius: 3px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .55);
  box-shadow: 0 0 12px rgba(210, 31, 38, .45);
}

/* ============================================================
   CARDS & PANELS — charcoal plates with a 2px red top rule,
   like a stamped merch logo plate
   ============================================================ */
.laceup .card, .laceup .panel, .laceup .sheet,
.laceup .show-card, .laceup .thread-card {
  background: #1c1a1d; color: #f5f2ee;
  border: 1px solid #332e30; border-top: 2px solid #d21f26;
  border-radius: 3px; box-shadow: 0 4px 16px rgba(0, 0, 0, .55);
}
.laceup .card .muted, .laceup .panel .muted,
.laceup .show-card .muted { color: #a39699; }

/* ============================================================
   HEADER — black bar, Lace Up script wordmark: red fill,
   white outline, black outer stroke
   ============================================================ */
.laceup .brand-name, .laceup .site-title {
  font-family: 'Permanent Marker', cursive; color: #d21f26;
  -webkit-text-stroke: 1px #f5f5f5;
  text-shadow:
    -1px 0 0 #f5f5f5, 1px 0 0 #f5f5f5, 0 -1px 0 #f5f5f5, 0 1px 0 #f5f5f5,
    -1px -1px 0 #f5f5f5, 1px 1px 0 #f5f5f5, -1px 1px 0 #f5f5f5, 1px -1px 0 #f5f5f5,
    3px 3px 0 #111;
  letter-spacing: .02em; text-transform: none;
}
.laceup .brand-mark svg g { fill: #d21f26; }
.laceup header, .laceup .topbar {
  background: linear-gradient(#000 0%, #100c0d 70%, #180e10 100%);
  border-bottom: 3px solid #d21f26;
  box-shadow: 0 4px 18px rgba(210, 31, 38, .25);
}
.laceup .user-chip { background: #1c1a1d; border: 1px solid #4a3436; border-radius: 3px; color: #a39699; }
.laceup .user-chip:hover { border-color: #d21f26; }

/* ============ LACE UP HOMEPAGE ============ */
.laceup .home-wrap { max-width: 860px; margin: 0 auto; padding: 18px 14px 40px; display: flex; flex-direction: column; gap: 18px; }

/* sticker-bomb window chrome: black plate, red title bar, stitched edge */
.laceup .mac-window {
  background: #161416; border: 2px solid #d21f26;
  outline: 1px dashed rgba(245, 245, 245, .22); outline-offset: -7px;
  border-radius: 3px;
  box-shadow: 0 8px 26px rgba(0, 0, 0, .65), 0 0 24px rgba(210, 31, 38, .12);
  overflow: hidden;
}
.laceup .mac-titlebar {
  display: flex; align-items: center; gap: 8px;
  background: linear-gradient(#e23138, #a11d21); border-bottom: 2px solid #7d1013;
  padding: 7px 12px; font: 700 12px/1.2 'Oswald', 'Arial Narrow', sans-serif;
  color: #fff; letter-spacing: .18em; text-transform: uppercase;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .5);
}
.laceup .mac-titlebar::before { content: "\2716"; color: #f5f5f5; font-size: 11px; }
.laceup .mac-lights { display: none; }
.laceup .mac-filename { flex: 1; text-align: left; }

/* Masthead — the album cover: brick-red block texture, script logo */
.laceup .home-masthead-body {
  padding: 30px 18px 34px; text-align: center;
  background-color: #a11d21;
  background-image:
    radial-gradient(640px 300px at 50% 118%, rgba(255, 122, 40, .35) 0%, transparent 60%),
    repeating-linear-gradient(0deg, rgba(0, 0, 0, .28) 0 2px, transparent 2px 26px),
    repeating-linear-gradient(90deg, rgba(0, 0, 0, .28) 0 2px, transparent 2px 52px);
  box-shadow: inset 0 0 60px rgba(0, 0, 0, .45);
}
.laceup .home-kicker {
  display: inline-block; margin: 0 0 14px; padding: 5px 16px;
  background: #111; color: #f5f5f5; border: 1px solid #f5f5f5;
  font-family: 'Oswald', 'Arial Narrow', sans-serif;
  font-weight: 600; letter-spacing: .24em; font-size: 12px; text-transform: uppercase;
  transform: rotate(-2deg); box-shadow: 3px 3px 0 rgba(0, 0, 0, .55);
}
.laceup .home-logo {
  margin: 0; font-family: 'Permanent Marker', cursive;
  font-size: clamp(40px, 9vw, 76px); color: #d21f26;
  -webkit-text-stroke: 1px #f5f5f5;
  text-shadow:
    -1px 0 0 #f5f5f5, 1px 0 0 #f5f5f5, 0 -1px 0 #f5f5f5, 0 1px 0 #f5f5f5,
    -1px -1px 0 #f5f5f5, 1px 1px 0 #f5f5f5, -1px 1px 0 #f5f5f5, 1px -1px 0 #f5f5f5,
    4px 4px 0 #111;
  line-height: 1.1; transform: rotate(-2deg);
}
.laceup .home-logo span {
  display: block; font-family: 'Oswald', 'Arial Narrow', sans-serif;
  font-size: .42em; letter-spacing: .34em; color: #f5f5f5;
  -webkit-text-stroke: 0; text-shadow: 2px 2px 0 #111;
  margin-top: 10px; transform: none;
}
.laceup .home-tagline { margin: 18px 0 0; color: #f3d9da; font-size: 15px; font-style: italic; text-shadow: 1px 1px 0 rgba(0,0,0,.5); }

/* home tiles — charcoal plates, red top rule */
.laceup .tile {
  background: #1c1a1d; color: #f5f2ee;
  border: 1px solid #332e30; border-top: 2px solid #d21f26;
  border-radius: 3px; box-shadow: 0 4px 16px rgba(0, 0, 0, .55);
}
.laceup .tile:hover { border-color: #d21f26; box-shadow: 0 0 16px rgba(210, 31, 38, .35); }
.laceup .tile .tile-label { color: #fff; font-family: 'Oswald', 'Arial Narrow', sans-serif; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.laceup .tile .tile-sub { color: #a39699; }

/* readme window body */
.laceup .home-readme-body { padding: 16px 18px 18px; font-size: 14px; color: #e8e2e4; }
.laceup .home-readme-body p { margin: 0 0 10px; }
.laceup .home-readme-body p:last-child { margin-bottom: 0; }
.laceup .home-readme-body a { color: #ff6b71; }

/* ticker — red marquee on black */
.laceup .home-ticker {
  background: #0d0b0c; border: 1px solid #d21f26; border-radius: 3px;
  color: #ff6b71; overflow: hidden; white-space: nowrap; padding: 8px 0;
  font-family: 'Oswald', 'Arial Narrow', sans-serif;
  font-weight: 600; letter-spacing: .12em; font-size: 13px; text-transform: uppercase;
  box-shadow: 0 0 14px rgba(210, 31, 38, .3);
}

/* ============================================================
   CHAT — charcoal bubbles; own messages are lace red
   ============================================================ */
.laceup .chat-bubble, .laceup .msg {
  background: #262327; color: #f5f2ee;
  border: 1px solid #4a3436; border-radius: 10px;
}
.laceup .chat-bubble.own, .laceup .msg.own {
  background: linear-gradient(#e23138, #b3181e); color: #fff; border-color: #7d1013;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .4);
}
.laceup .chat-launcher {
  background: linear-gradient(#e23138, #b3181e); color: #fff; border: 2px solid #7d1013;
  box-shadow: 0 4px 14px rgba(0, 0, 0, .6), 0 0 16px rgba(210, 31, 38, .4);
}

/* ============================================================
   NOTIFICATIONS — charcoal ledger, red selection
   ============================================================ */
.laceup .notif-list, .laceup .notif-item { background: #1c1a1d; color: #f5f2ee; border-color: #332e30; }
.laceup .notif-item.unread { border-left: 4px solid #d21f26; background: #231d1f; }
.laceup .notif-item:hover { background: #262327; }

/* ============================================================
   FOOTER — parental-advisory stamp on black
   ============================================================ */
.laceup .site-footer, .laceup footer {
  border-top: 3px solid #d21f26; background: #0d0b0c; color: #a39699;
}
.laceup .est-stamp, .laceup .footer-est {
  font-family: 'Oswald', 'Arial Narrow', sans-serif; font-weight: 700;
  color: #f5f5f5; background: #111; border: 2px solid #f5f5f5; border-radius: 2px;
  padding: 4px 12px; letter-spacing: .16em; text-transform: uppercase;
  transform: rotate(-3deg); box-shadow: 3px 3px 0 rgba(210, 31, 38, .6);
}
.laceup .foot-donate a, .laceup .donate-link { color: #ff6b71; }
.laceup .site-footer a:hover, .laceup footer a:hover { color: #fff; }

/* ============================================================
   DE-PINK — hard-coded pink glows in the base stylesheet
   become lace red. (var(--accent) already flips; these are the
   literal pink values the variable swap can't reach.)
   ============================================================ */
.laceup .attend-btn.on { box-shadow: 0 4px 14px rgba(210, 31, 38, .45); border-color: #d21f26; }
.laceup .alert-btn.on { background: rgba(210, 31, 38, .14); }
.laceup .chip.active { box-shadow: 0 4px 16px rgba(210, 31, 38, .45); border-color: #d21f26; }
.laceup .stat-card.hero { background: linear-gradient(135deg, rgba(210, 31, 38, .22), #1c1a1d 65%); }
.laceup .badge-pick.sel { box-shadow: 0 0 0 1px var(--accent), 0 0 14px rgba(210, 31, 38, .4); }
.laceup .dm-row.unread { box-shadow: 0 0 12px rgba(210, 31, 38, .28); }
.laceup .filters input[type="search"]:focus,
.laceup .search-wrap input:focus,
.laceup .auth-card input:focus,
.laceup .form-grid input:focus,
.laceup .form-grid textarea:focus { box-shadow: 0 0 0 3px rgba(210, 31, 38, .25); }

/* ============================================================
   My Shows tiles + hero + install banner — charcoal plates,
   lace-red icon chips, matching the Lace Up theme.
   ============================================================ */
.laceup .my-subnav-card, .laceup .songpct {
  background: #1c1a1d; color: #f5f2ee;
  border: 1px solid #332e30; border-top: 2px solid #d21f26;
  border-radius: 3px; box-shadow: 0 4px 16px rgba(0, 0, 0, .55);
}
.laceup .my-subnav-card::before {
  background: radial-gradient(120% 90% at 50% 0%, rgba(210, 31, 38, .16), transparent 70%);
}
.laceup .my-subnav-card[data-goto="songs"] { --tile-glow: rgba(210, 31, 38, .2); }
.laceup .my-subnav-card[data-goto="states"] { --tile-glow: rgba(210, 31, 38, .2); }
.laceup .my-subnav-card:hover { border-color: #d21f26; box-shadow: 0 0 16px rgba(210, 31, 38, .35); }
.laceup .my-subnav-emoji {
  background: linear-gradient(140deg, #e23138, #a11d21); border: 1px solid #7d1013;
  box-shadow: 0 4px 10px rgba(0, 0, 0, .5), inset 0 1px 0 rgba(255, 255, 255, .25);
  border-radius: 10px;
}
.laceup .my-subnav-txt b { color: #fff; font-family: 'Oswald', 'Arial Narrow', sans-serif; letter-spacing: .05em; text-transform: uppercase; }
.laceup .my-subnav-txt small { color: #a39699; }
.laceup .songpct { background: linear-gradient(160deg, rgba(210, 31, 38, .12), rgba(28, 26, 29, .02)), #1c1a1d; }
.laceup .songpct-num { color: #ff6b71; }
.laceup .songpct-txt .muted { color: #a39699; }
.laceup .songpct-bar { background: rgba(210, 31, 38, .18); }
.laceup .songpct-bar > * { background: linear-gradient(90deg, #e23138, #a11d21); }
.laceup .install-banner {
  background: linear-gradient(135deg, rgba(210, 31, 38, .16), rgba(255, 122, 40, .08));
  border: 1px solid #d21f26; border-radius: 3px; color: #f5f2ee;
}
.laceup .install-banner .btn { clip-path: none; filter: none; }

/* ============================================================
   ERA-AUTHENTICITY SWEEP v133 (Sep 17 2026) — LACE UP (album)
   Fan tattoo mosaic + shoelace crossings: sneaker-box masthead,
   lace-X button overlays, polaroid fan-photo cards with tape
   corners, eyelet nav tabs, XX stitch marks.
   ============================================================ */
/* shoelace crossing strip across the topbar */
body.laceup .topbar {
  position: relative;
  border-bottom: 10px solid #141414;
}
body.laceup .topbar::after {
  content: "";
  position: absolute; left: 0; right: 0; bottom: -10px; height: 10px;
  background:
    repeating-linear-gradient(45deg, transparent 0 14px, #f5f0e6 14px 18px),
    repeating-linear-gradient(-45deg, transparent 0 14px, #f5f0e6 14px 18px),
    #141414;
  pointer-events: none;
}
/* sneaker-box masthead */
body.laceup .mac-window.home-masthead {
  background: linear-gradient(#2b2b2b, #1a1a1a);
  border: 3px solid #c8102e;
  box-shadow: 8px 8px 0 #c8102e, 0 14px 40px rgba(0,0,0,.6);
}
body.laceup .home-masthead-body::before {
  content: "XX";
  position: absolute; left: 14px; top: 8px;
  font-family: 'Permanent Marker', cursive; font-size: 40px;
  color: transparent;
  -webkit-text-stroke: 2px #c8102e;
  transform: rotate(-10deg);
  pointer-events: none;
}
body.laceup .home-masthead-body { position: relative; }
/* lace-crossing buttons */
body.laceup .btn {
  position: relative;
  background: #141414;
  color: #f5f0e6;
  border: 2px solid #c8102e;
  border-radius: 10px;
  overflow: hidden;
  font-family: 'Oswald', sans-serif;
  letter-spacing: .12em;
}
body.laceup .btn::before {
  content: "";
  position: absolute; inset: 0;
  background:
    repeating-linear-gradient(35deg, transparent 0 16px, rgba(245,240,230,.35) 16px 19px),
    repeating-linear-gradient(-35deg, transparent 0 16px, rgba(245,240,230,.35) 16px 19px);
  pointer-events: none;
}
body.laceup .btn.primary { background: #c8102e; color: #fff; }
/* eyelet nav tabs */
body.laceup .tab {
  border-radius: 50%;
  width: 46px; height: 46px;
  padding: 0;
  display: inline-flex; align-items: center; justify-content: center;
  background: radial-gradient(circle at 50% 40%, #3a3a3a, #141414 70%);
  border: 3px solid #8a8a8a;
  color: #f5f0e6;
  font-size: 11px;
}
body.laceup .tab.active {
  border-color: #c8102e;
  box-shadow: 0 0 0 3px #c8102e, 0 0 14px rgba(200,16,46,.7);
  color: #fff;
}
/* polaroid fan-photo cards with tape corners */
body.laceup .show-card, body.laceup .thread-card {
  background: #f5f0e6;
  color: #141414;
  border: none;
  padding-top: 14px;
  box-shadow: 0 8px 22px rgba(0,0,0,.5);
}
body.laceup .show-card:nth-of-type(2n), body.laceup .thread-card:nth-of-type(2n) { transform: rotate(.8deg); }
body.laceup .show-card:nth-of-type(2n+1), body.laceup .thread-card:nth-of-type(2n+1) { transform: rotate(-.8deg); }
body.laceup .show-card::before, body.laceup .thread-card::before {
  content: "";
  position: absolute; top: -10px; left: 50%;
  width: 76px; height: 22px;
  transform: translateX(-50%) rotate(-3deg);
  background: rgba(200,16,46,.35);
  border-left: 1px dashed rgba(255,255,255,.6);
  border-right: 1px dashed rgba(255,255,255,.6);
}
/* tattoo flash-sheet popups */
body.laceup .wl-popup-card, body.laceup .modal-card {
  background:
    repeating-linear-gradient(0deg, transparent 0 46px, rgba(200,16,46,.25) 46px 48px),
    repeating-linear-gradient(90deg, transparent 0 46px, rgba(200,16,46,.25) 46px 48px),
    #f5f0e6;
  border: 4px double #141414;
  color: #141414;
  box-shadow: 10px 10px 0 rgba(200,16,46,.85);
}
/* stitched form fields */
body.laceup input, body.laceup select, body.laceup textarea {
  background: #f5f0e6;
  border: 2px dashed #141414;
  color: #141414;
}
/* footer stitch line */
body.laceup .foot::after {
  content: "XX • EST 19XX • LACE UP • CLEVELAND, OH";
  display: block; text-align: center;
  font-family: 'Permanent Marker', cursive; font-size: 14px;
  color: #c8102e; margin-top: 10px;
  letter-spacing: .1em;
}

/* ============================================================
   ERA RESEARCH PASS v134 (Sep 17 2026) — LACE UP (album)
   Sourced: mgkestfam archive crawl Sep 16 2026 (2010–2018).
   Fan/crew phrases: "Lace Up Biatch", "Peace, Love, and Lace Up",
   "LTFU", "lace the fuck up"; Kate's archive note: "Lace Up to us
   means you can do whatever you want in life… You need to LACE
   UP and do it!"; 2012 Hostile Takeover Tour; KellyVision I–IV;
   fan "X And Me" photos; black bandanas; Lace Up/EST tattoos.
   ============================================================ */
body.laceup .foot::before {
  content: "★ PEACE, LOVE, AND LACE UP ★ LTFU ★ HOSTILE TAKEOVER TOUR 2012 ★";
  display: block; text-align: center;
  font-family: 'Oswald', 'Arial Narrow', sans-serif;
  font-size: 11px; letter-spacing: .22em;
  color: #e8e2d2; opacity: .9; margin-bottom: 8px;
}
body.laceup .home-ticker::after {
  content: "LACE UP BIATCH • KELLYVISION I–IV • 2011 LACE UP MIXTAPE TOUR • APOLLO AMATEUR NIGHT '09";
  display: block; text-align: center;
  font-family: 'Permanent Marker', cursive;
  font-size: 13px; letter-spacing: .06em;
  color: #f4d35e; margin-top: 6px;
}
body.laceup .home-section-title::before {
  content: "★ LACE UP ★ ";
  font-family: 'Oswald', 'Arial Narrow', sans-serif;
  font-size: 12px; letter-spacing: .3em;
  color: #f4d35e;
}