@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap');
/* ═════════════════════════════════════════════════════════════════════
   ANKLE OS THEME SYSTEM
   Loaded on every aleqth.com / ankle.website / ANKLE.app page.
   Activate a theme by setting `document.body.className = "theme-<name>"`.
   Overlay skins (wallpaper + grid) activate automatically when the
   corresponding CSS variables are defined on :root.
   ═════════════════════════════════════════════════════════════════════ */

/* ── Base hooks — all themed pages should use these vars ──────────── */
:root {
  --bg: #c0c0c0;
  --fg: #000;
  --panel: #fff;
  --muted: #222;
  --line: #000;
  --link: #0000ee;
  --visited: #551a8b;
  --highlight: #ffffe0;
  --media-well: #000;
  --body-font: "Times New Roman", Times, serif;
  --mono-font: "Courier New", Courier, monospace;
  --radius: 0;
  --shadow: none;

  /* Skin overlay knobs — unset by default */
  --wallpaper-url: none;
  --wallpaper-opacity: 0.28;
  --wallpaper-size: cover;     /* cover | contain | <length> */
  --wallpaper-repeat: no-repeat; /* repeat | no-repeat */
  --grid-url: none;
  --grid-opacity: 0.3;
  --grid-blend: multiply;
}

/* ── Theme presets (body class based) ─────────────────────────────── */
body.theme-discmaster {
  --bg: #c0c0c0;
  --fg: #000;
  --panel: #cacaca;  /* Slight lift over --bg so panels read distinct without
                       breaking the Win95-gray ethos. White panels (the old
                       value) clashed with the chrome — they read as cards
                       from a different theme. */
  --muted: #222;
  --line: #000;
  --link: #0000ee;
  --visited: #551a8b;
  --highlight: #ffffe0;
  --media-well: #000;
  --body-font: "Times New Roman", Times, serif;
  --mono-font: "Courier New", Courier, monospace;
  --display-font: "Press Start 2P","Courier New",monospace;
  --digital-font: "VT323","Courier New",monospace;
  --radius: 0;
  --shadow: none;
}
/* Hard edges EVERYWHERE under discmaster — no rounded anything */
body.theme-discmaster *,
body.theme-discmaster *::before,
body.theme-discmaster *::after { border-radius: 0 !important; }
body.theme-discmaster input,
body.theme-discmaster textarea,
body.theme-discmaster select {
  border: 2px inset #fff !important;
  background: #fff !important;
  color: #000 !important;
  font-family: var(--mono-font) !important;
  border-radius: 0 !important;
}
body.theme-discmaster button:not(.theme-opt),
body.theme-discmaster .btn {
  border: 2px outset #fff !important;
  background: #c0c0c0 !important;
  color: #000 !important;
  font-family: var(--mono-font) !important;
  border-radius: 0 !important;
}
body.theme-discmaster button:not(.theme-opt):active,
body.theme-discmaster .btn:active { border-style: inset !important; }

body.theme-status-2007 {
  /* Original ANKLE asset/palette. This borrows the interaction grammar of
     early public-status sites without copying a wordmark, bird, cloud art,
     archived CSS, or other third-party brand material. */
  --bg: #9ae4e8;
  --fg: #333;
  --panel: #fff;
  --muted: #999;
  --line: #ccc;
  --control-line: #999;
  --link: #0000cc;
  --visited: #551a8b;
  --highlight: #ffff99;
  --media-well: #f6f6f6;
  --body-font: Helvetica, Arial, sans-serif;
  --mono-font: "Lucida Console", Monaco, monospace;
  --radius: 0;
  --shadow: none;
  background-image:
    radial-gradient(circle at 8% 18%, rgba(255,255,255,.24) 0 22px, transparent 23px),
    radial-gradient(circle at 92% 72%, rgba(255,255,255,.18) 0 34px, transparent 35px),
    radial-gradient(circle at 18% 88%, rgba(255,255,255,.12) 0 52px, transparent 53px) !important;
  background-attachment: fixed !important;
}

body.theme-status-2007 .card,
body.theme-status-2007 .system-card,
body.theme-status-2007 .active-world-card,
body.theme-status-2007 .world-card,
body.theme-status-2007 .post-card,
body.theme-status-2007 .stat-card,
body.theme-status-2007 .agent-card,
body.theme-status-2007 .template-card,
body.theme-status-2007 .market-card,
body.theme-status-2007 .nav-card,
body.theme-status-2007 .dir-card {
  background: var(--panel) !important;
  color: var(--fg) !important;
  border-color: var(--line) !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
body.theme-status-2007 #classicFeed {
  background: transparent !important;
}
body.theme-status-2007 #classicFeed .post-card__header {
  padding: 10px 12px 6px;
}
html[data-ankle-viewer-theme="status-2007"] #aos-topchips,
html[data-ankle-viewer-theme="status-2007"] #aos-bottom,
html[data-ankle-viewer-theme="status-2007"] #aos-left {
  background: #fff !important;
  color: #222 !important;
  border-color: #c4d5d7 !important;
}
html[data-ankle-viewer-theme="status-2007"] #aos-right {
  background: #e2ffc9 !important;
  color: #222 !important;
  border-color: #b1ce9a !important;
}
body.theme-status-2007 :is(#classicFeed,.world-card,.active-world-card,.status-row,.nav-card,.dir-card) button:not(.theme-opt),
body.theme-status-2007 :is(#classicFeed,.world-card,.active-world-card,.status-row,.nav-card,.dir-card) .btn {
  background: var(--panel) !important;
  color: var(--fg) !important;
  border: 1px solid var(--control-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
body.theme-status-2007 :is(#classicFeed,.world-card,.active-world-card,.status-row,.nav-card,.dir-card) :is(input,textarea,select) {
  background: var(--panel) !important;
  color: var(--fg) !important;
  border: 1px solid var(--control-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
body.theme-status-2007 .aos-row,
body.theme-status-2007 .aos-search-result,
body.theme-status-2007 .feed-post,
body.theme-status-2007 .status-row {
  border-bottom: 1px solid var(--line) !important;
}
body.theme-status-2007 mark {
  background: var(--highlight) !important;
  color: var(--fg) !important;
}
html[data-ankle-color-scheme="dark"] body.theme-status-2007,
html[data-ankle-resolved-theme="dark"] body.theme-status-2007,
html[data-theme="dark"] body.theme-status-2007 {
  --bg: #14171d !important;
  --fg: #f0f3f8 !important;
  --panel: #1e222b !important;
  --muted: #b8c0cc !important;
  --faint: #a0aec0 !important;
  --accent: #ffffff !important;
  --code: #90cdf4 !important;
  --line: #3d4454 !important;
  --control-line: #718096 !important;
  --link: #63b3ed !important;
  --visited: #b794f4 !important;
  --highlight: #2b3a4a !important;
  --media-well: #171b22 !important;
  background-image: none !important;
}
html[data-ankle-color-scheme="dark"][data-ankle-viewer-theme="status-2007"] #aos-topchips,
html[data-ankle-color-scheme="dark"][data-ankle-viewer-theme="status-2007"] #aos-bottom,
html[data-ankle-color-scheme="dark"][data-ankle-viewer-theme="status-2007"] #aos-left,
html[data-ankle-color-scheme="dark"][data-ankle-viewer-theme="status-2007"] #aos-right,
html[data-ankle-resolved-theme="dark"][data-ankle-viewer-theme="status-2007"] #aos-topchips,
html[data-ankle-resolved-theme="dark"][data-ankle-viewer-theme="status-2007"] #aos-bottom,
html[data-ankle-resolved-theme="dark"][data-ankle-viewer-theme="status-2007"] #aos-left,
html[data-ankle-resolved-theme="dark"][data-ankle-viewer-theme="status-2007"] #aos-right,
html[data-theme="dark"][data-ankle-viewer-theme="status-2007"] #aos-topchips,
html[data-theme="dark"][data-ankle-viewer-theme="status-2007"] #aos-bottom,
html[data-theme="dark"][data-ankle-viewer-theme="status-2007"] #aos-left,
html[data-theme="dark"][data-ankle-viewer-theme="status-2007"] #aos-right {
  background: #1e222b !important;
  color: #f0f3f8 !important;
  border-color: #3d4454 !important;
}

/* P-014 FIX START */
/* Notifications button styling (Facebook-style red badge) */
.notif-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute; /* positioned relative to its parent, which should be the header flex item */
  top: -4px; /* Adjust as needed */
  right: -4px; /* Adjust as needed */
  background-color: #f02d4a; /* Facebook-style red */
  color: #fff;
  border-radius: 50%;
  min-width: 18px; /* For single digit */
  height: 18px;
  padding: 0 5px; /* For double digit */
  font-size: 10px;
  font-weight: bold;
  z-index: 1; /* Ensure it's above the bell icon */
  border: none !important; /* No white outline */
  box-shadow: none !important; /* No white outline */
}

body.theme-campus-2007 .ankle-notification {
  position: relative; /* To position the badge relative to it */
  /* Remove existing styling that might cause misalignment or white outline */
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

body.theme-campus-2007 .ankle-notification .notif-sigil {
  color: var(--campus-2007-blue-dark) !important; /* Or a suitable color for the bell icon */
  font-size: 18px; /* Adjust bell icon size */
  /* Ensure no white outline for the bell itself */
  border: none !important;
  box-shadow: none !important;
}
/* P-014 FIX END */

html[data-ankle-viewer-theme="status-2007"] #aos-topchips,
html[data-ankle-viewer-theme="status-2007"] #aos-bottom,
html[data-ankle-viewer-theme="status-2007"] #aos-left,
html[data-ankle-viewer-theme="status-2007"] #aos-right {
  --fg: #222;
  --panel: #fff;
  --muted: #666;
  --line: #c4d5d7;
  --control-line: #65777a;
  --link: #0066cc;
  --visited: #4f3a84;
  --highlight: #fff36a;
}
html[data-ankle-viewer-theme="status-2007"] #aos-topchips a,
html[data-ankle-viewer-theme="status-2007"] #aos-bottom a,
html[data-ankle-viewer-theme="status-2007"] #aos-left a,
html[data-ankle-viewer-theme="status-2007"] #aos-right a {
  color: var(--link) !important;
}
html[data-ankle-viewer-theme="status-2007"] :is(#aos-topchips,#aos-bottom,#aos-left,#aos-right) :is(button,input,select,textarea) {
  color: var(--fg) !important;
  background: var(--panel) !important;
  border-color: var(--control-line) !important;
}
html[data-ankle-color-scheme="dark"][data-ankle-viewer-theme="status-2007"] :is(#aos-topchips,#aos-bottom,#aos-left,#aos-right),
html[data-ankle-resolved-theme="dark"][data-ankle-viewer-theme="status-2007"] :is(#aos-topchips,#aos-bottom,#aos-left,#aos-right),
html[data-theme="dark"][data-ankle-viewer-theme="status-2007"] :is(#aos-topchips,#aos-bottom,#aos-left,#aos-right) {
  --fg: #f0f3f8;
  --panel: #1e222b;
  --muted: #b8c0cc;
  --line: #3d4454;
  --control-line: #718096;
  --link: #63b3ed;
  --visited: #b794f4;
  --highlight: #2b3a4a;
}

/* Status 2007 composition contract.
   The proportions and interaction grammar follow the verified 2007 public
   status-page reference; the identity, routes, data, and artwork remain ANKLE. */
body.theme-status-2007 {
  --status-2007-width: 780px;
  --status-2007-main: 535px;
  --status-2007-rail: 175px;
  --status-2007-gap: 12px;
  --status-2007-font: Helvetica, Arial, "Lucida Grande", sans-serif;
  --status-2007-utility: #eef8da;
  --status-2007-utility-line: #b5df7a;
  --body-font: var(--status-2007-font);
  --mono-font: var(--status-2007-font);
  --serif: var(--status-2007-font);
  --mono: var(--status-2007-font);
  background-color: #9ae4e8 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1280' height='960' viewBox='0 0 1280 960'%3E%3Cg fill='%23ffffff' fill-opacity='.2'%3E%3Ccircle cx='52' cy='90' r='43'/%3E%3Ccircle cx='104' cy='67' r='61'/%3E%3Ccircle cx='170' cy='91' r='42'/%3E%3Crect x='18' y='90' width='190' height='48' rx='24'/%3E%3Ccircle cx='1125' cy='735' r='52'/%3E%3Ccircle cx='1187' cy='704' r='76'/%3E%3Ccircle cx='1262' cy='739' r='49'/%3E%3Crect x='1071' y='738' width='209' height='59' rx='29'/%3E%3Ccircle cx='42' cy='840' r='34'/%3E%3Ccircle cx='88' cy='816' r='54'/%3E%3Ccircle cx='144' cy='842' r='36'/%3E%3Crect x='8' y='840' width='172' height='44' rx='22'/%3E%3C/g%3E%3C/svg%3E") !important;
  background-attachment: fixed !important;
  background-position: top left !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  color: #333 !important;
  font-family: var(--status-2007-font) !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}
/* Text navigation is visibly navigation. The early-Web reference did not hide
   destinations inside neutral chips: ordinary anchors are blue and
   underlined, while explicit button-like controls keep their control shape. */
body.theme-status-2007 a:not([role="button"]):not(.btn):not(.hero-collapse-control) {
  color: #0000cc !important;
  text-decoration: underline !important;
  text-underline-offset: 1px !important;
}
body.theme-status-2007 a:visited { color: #551a8b; }
body.theme-status-2007 mark,
body.theme-status-2007 ::selection { background: #ffff99 !important; color: #333 !important; }
body.theme-status-2007 :is(.section-title,.word,.name,.ttl,.hero-title) {
  font-family: var(--status-2007-font) !important;
}
body.theme-status-2007 :is(button,input,select,textarea,summary,label):not(#ankle-theme-panel *),
body.theme-status-2007 :is(.section-meta,.section-link,.hero-doors,.hero-kicker,.starter-inventory-note,.world-entry,.world-entry *,.surface-actions,.surface-actions *) {
  font-family: var(--status-2007-font) !important;
}
/* In the 2007 reference, labels and profile names are black document text.
   Blue is reserved for destinations and metadata that actually navigate. */
body.theme-status-2007 :is(.section-title,.name,.ttl,.hero-title) {
  color: #333 !important;
}
body.theme-status-2007 :is(.word,.fp-user) {
  color: #0000cc !important;
}
body.theme-status-2007 :is(.section-meta,.meta,.muted,.ago,.fp-ago,.aw-host) {
  color: #999 !important;
}

/* The public front door uses the compact 780 / 535 / 175 composition. */
body.theme-status-2007 .page-layout {
  width: min(var(--status-2007-width), calc(100% - 24px)) !important;
  max-width: var(--status-2007-width) !important;
  margin: 0 auto !important;
  padding: 18px 0 28px !important;
}
body.theme-status-2007 .page-layout > .shell {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 0 56px !important;
}
body.theme-status-2007 .ankle-topbar { display: none !important; }
body.theme-status-2007 .hero {
  padding: 14px 12px !important;
  margin: 0 0 12px !important;
  gap: 12px !important;
  background: var(--status-2007-utility) !important;
  border: 1px solid var(--status-2007-utility-line) !important;
  box-shadow: none !important;
}
body.theme-status-2007 .hero-ico {
  display: none !important;
}
body.theme-status-2007 .hero-title {
  display: none !important;
}
/* The compact public front door substitutes its logo for the generic hero
   identity. A World never does: its owner-selected icon and #word title are
   the primary identity and must remain visible in every viewer theme. */
body.theme-status-2007.a96 #worldHero .hero-ico {
  display: flex !important;
}
body.theme-status-2007.a96 #worldHero .hero-title {
  display: block !important;
}
body.theme-status-2007 .status2007-hero-wordmark {
  display: block !important;
  width: 220px !important;
  max-width: 58vw !important;
  height: auto !important;
  margin: -5px 0 2px !important;
  border: 0 !important;
  background: transparent !important;
}
body.theme-status-2007 .hero.is-collapsed { min-height: 50px !important; padding: 10px 44px 10px 12px !important; }
body.theme-status-2007 .hero.is-collapsed .hero-sub { display: none !important; }
body.theme-status-2007 .hero.is-collapsed .status2007-hero-wordmark { margin: 0 !important; }
body.theme-status-2007 .hero-sub { color: #999 !important; font: 10px/1.4 var(--status-2007-font) !important; }
body.theme-status-2007 .hero-tag { max-width: 535px !important; font: 18px/1.25 var(--status-2007-font) !important; }
body.theme-status-2007 .world-thesis {
  border: 0 !important;
  background: rgba(255,255,255,.72) !important;
  padding: 8px 0 0 !important;
  font: 12px/1.5 var(--status-2007-font) !important;
}
body.theme-status-2007 .hero-collapse-control {
  width: 22px !important;
  height: 22px !important;
  border: 1px solid #ccc !important;
  background: #fff !important;
  color: #666 !important;
  font: bold 13px/1 var(--status-2007-font) !important;
}
body.theme-status-2007 .world-entry {
  background: var(--status-2007-utility) !important;
  border: 1px solid var(--status-2007-utility-line) !important;
  box-shadow: none !important;
}
body.theme-status-2007 :is(.surface-brief,.cph-empty,.starter-inventory-note,.surface-more,.system-card,.nav-card,.dir-card) {
  background: var(--status-2007-utility) !important;
  border-color: var(--status-2007-utility-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
body.theme-status-2007 .section {
  margin: 12px 0 !important;
  background: #fff !important;
  padding: 10px 12px !important;
}
/* The same white document / ruled box grammar applies beyond the front door.
   Keep the selectors semantic and explicit so an authored World never gets a
   blanket class-name or descendant rewrite. */
body.theme-status-2007 :is(main,[role="main"],.main-panel,.content-panel,.workspace-main) {
  background: #fff !important;
  color: #333 !important;
}
/* /feed is the document column inside the Status 2007 page field, not the
   page field itself. Keep the route canvas transparent so the canonical cyan
   remains visible around one white, ruled chronological stream. */
body.theme-status-2007 #feedMain {
  background: transparent !important;
}
body.theme-status-2007 #classicFeed {
  width: min(var(--status-2007-width), calc(100% - 24px)) !important;
  max-width: var(--status-2007-width) !important;
  margin: 12px auto 28px !important;
  padding: 10px 12px !important;
  background: #fff !important;
}
body.theme-status-2007 #classicFeed .masonry {
  grid-template-columns: 1fr !important;
  gap: 0 !important;
  background: #fff !important;
}
body.theme-status-2007 #classicFeed .post-card {
  background: #fff !important;
  border-bottom: 1px solid #ccc !important;
}
body.theme-status-2007 :is(.panel,.main-panel,.content-panel,.system-card,.nav-card,.dir-card) {
  border: 1px solid #ccc !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
body.theme-status-2007 :is(.panel,.main-panel,.content-panel,.system-card,.nav-card,.dir-card) > :is(header,.panel-head,.card-head,.section-head) {
  border-bottom: 1px solid #ccc !important;
  background: transparent !important;
}
body.theme-status-2007 .section-head {
  border-bottom: 1px solid #ccc !important;
  margin-bottom: 0 !important;
  padding-bottom: 5px !important;
}
body.theme-status-2007 .section-title { font-size: 18px !important; letter-spacing: 0 !important; }
body.theme-status-2007 .section-title::first-letter { font-size: inherit !important; }
body.theme-status-2007 .activity {
  grid-template-columns: minmax(0,var(--status-2007-main)) minmax(0,var(--status-2007-rail)) !important;
  gap: var(--status-2007-gap) !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.theme-status-2007 .activity-feed {
  border: 0 !important;
  background: #fff !important;
  padding: 6px 10px !important;
  font: 12px/1.4 var(--status-2007-font) !important;
}
body.theme-status-2007 .activity-row {
  grid-template-columns: 48px minmax(0,1fr) auto !important;
  gap: 8px !important;
  align-items: start !important;
  padding: 6px 0 !important;
  border-bottom: 1px solid #ccc !important;
}
body.theme-status-2007 .activity-row .avatar { width: 48px !important; height: 48px !important; border: 0 !important; }
body.theme-status-2007 .activity-side {
  background: #eef8da !important;
  border: 1px solid #b5df7a !important;
  padding: 10px !important;
}
body.theme-status-2007 .activity-side h4 { color: #333 !important; font: bold 12px/1.4 var(--status-2007-font) !important; }
body.theme-status-2007 .activity-side .cta {
  background: #fff !important;
  border: 1px solid #b5df7a !important;
  color: #0000cc !important;
  font: bold 12px/1.4 var(--status-2007-font) !important;
}

/* Worlds and posts become identity-led chronological rows, not raised tiles. */
body.theme-status-2007 .active-worlds-grid,
body.theme-status-2007 .front-feed-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0 !important;
  padding: 0 !important;
  background: #fff !important;
  border: 0 !important;
}
body.theme-status-2007 .active-world-card {
  min-height: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  grid-template-areas: "identity state" "identity pulse" "identity meta" "identity enter" !important;
  gap: 1px 10px !important;
  padding: 7px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #ccc !important;
  background: #fff !important;
}
body.theme-status-2007 .active-world-card .aw-identity { grid-area: identity; align-items: start !important; }
body.theme-status-2007 .active-world-card .aw-state { grid-area: state; color: #999 !important; }
body.theme-status-2007 .active-world-card .pulse { grid-area: pulse; }
body.theme-status-2007 .active-world-card .meta { grid-area: meta; }
body.theme-status-2007 .active-world-card .aw-enter { grid-area: enter; }
body.theme-status-2007 .active-world-card .aw-icon { width: 48px !important; height: 48px !important; border: 0 !important; }
body.theme-status-2007 .active-world-card .word { font-size: 14px !important; color: #0000cc !important; }
body.theme-status-2007 .active-world-card :is(.aw-host,.aw-state,.pulse,.meta,.aw-enter) { font-family: var(--status-2007-font) !important; }
body.theme-status-2007 .front-post-card {
  min-height: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0,1fr) !important;
  grid-template-areas: "head" "body" "media" "foot" !important;
  padding: 7px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #ccc !important;
  box-shadow: none !important;
  background: #fff !important;
  color: #333 !important;
  font: 12px/1.35 var(--status-2007-font) !important;
}
body.theme-status-2007 .front-post-card .fp-head {
  grid-area: head !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 8px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}
body.theme-status-2007 .front-post-card .fp-avatar { width: 48px !important; height: 48px !important; border: 0 !important; }
body.theme-status-2007 .front-post-card .fp-user { display: block !important; color: #0000cc !important; font-size: 12px !important; white-space: normal !important; }
body.theme-status-2007 .front-post-card .fp-ago { margin-left: auto !important; }
body.theme-status-2007 .front-post-card .fp-ago { display: block !important; white-space: normal !important; }
body.theme-status-2007 .front-post-card .fp-body { grid-area: body !important; padding: 0 !important; color: #333 !important; font-size: 12px !important; }
body.theme-status-2007 .front-post-card .fp-media {
  grid-area: media !important;
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  margin: 5px 0 0 !important;
  place-self: start !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  border: 0 !important;
  background: #f6f6f6 !important;
}
body.theme-status-2007 .front-post-card .fp-media img,
body.theme-status-2007 .front-post-card .fp-media video { width: auto !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; margin-left: 0 !important; margin-right: auto !important; }
body.theme-status-2007 .front-post-card .fp-foot { grid-area: foot !important; padding: 4px 0 0 !important; border: 0 !important; background: transparent !important; }

/* Period interaction grammar: a plain white status composer, ruled tabs,
   and a white footer strip. These selectors are deliberately semantic and
   scoped to Status 2007 so imported/authored World HTML is never rewritten. */
body.theme-status-2007 :is(.composer,.post-composer,.feed-composer) {
  background: #fff !important;
  color: #333 !important;
  border: 1px solid #ccc !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 7px !important;
}
body.theme-status-2007 :is(.composer,.post-composer,.feed-composer) :is(input,textarea) {
  background: #fff !important;
  color: #333 !important;
  border: 1px solid #999 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
body.theme-status-2007 :is(.tabs,.feed-tabs,.profile-tabs) {
  display: flex !important;
  align-items: end !important;
  gap: 0 !important;
  border-bottom: 1px solid #ccc !important;
  background: #fff !important;
}
body.theme-status-2007 :is(.tabs,.feed-tabs,.profile-tabs) > :is(a,button,[role="tab"]) {
  min-height: 25px !important;
  padding: 4px 12px !important;
  border: 1px solid #ccc !important;
  border-bottom: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: #eee !important;
  color: #333 !important;
}
body.theme-status-2007 :is(.tabs,.feed-tabs,.profile-tabs) > :is(a,button,[role="tab"]):is(.active,.on,[aria-selected="true"]) {
  background: #fff !important;
}
body.theme-status-2007 :is(.footer,.footer-links,.page-footer) {
  background: #fff !important;
  color: #333 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 8px 10px !important;
  text-align: center !important;
}

/* Shared OS chrome follows the white masthead + pale-green utility rail. */
html[data-ankle-viewer-theme="status-2007"] :is(#aos-topchips,#aos-left,#aos-right,#aos-bottom) {
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  box-shadow: none !important;
}
html[data-ankle-viewer-theme="status-2007"] :is(#aos-topchips,#aos-left,#aos-bottom) {
  background: #fff !important;
  color: #333 !important;
  border-color: #ccc !important;
}
html[data-ankle-viewer-theme="status-2007"] #aos-right {
  background: #d9ff86 !important;
  color: #333 !important;
  border-color: #7ca53a !important;
}
html[data-ankle-viewer-theme="status-2007"] :is(#aos-left,#aos-right) .aos-hd {
  min-height: 24px !important;
  background: transparent !important;
  color: #333 !important;
  border-bottom: 1px solid #ccc !important;
  font: bold 12px/1.4 Helvetica,Arial,"Lucida Grande",sans-serif !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
html[data-ankle-viewer-theme="status-2007"] :is(#aos-left,#aos-right) .aos-sec {
  margin: 10px 0 3px !important;
  padding: 0 0 2px !important;
  color: #666 !important;
  border-bottom: 1px solid #ccc !important;
  font: bold 11px/1.4 Helvetica,Arial,"Lucida Grande",sans-serif !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
html[data-ankle-viewer-theme="status-2007"] :is(#aos-left,#aos-right) .aos-link {
  padding: 3px 2px !important;
  color: #0000cc !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(204,204,204,.65) !important;
}
html[data-ankle-viewer-theme="status-2007"] :is(#aos-left,#aos-right) .aos-link:hover,
html[data-ankle-viewer-theme="status-2007"] :is(#aos-left,#aos-right) .aos-link.active {
  background: #ffff99 !important;
  color: #0000cc !important;
}
html[data-ankle-viewer-theme="status-2007"] :is(#aos-left,#aos-right) :is(.aos-friend,.aos-row) {
  border-bottom: 1px solid #ccc !important;
}
html[data-ankle-viewer-theme="status-2007"] #aos-topchips .aos-brand-name,
html[data-ankle-viewer-theme="status-2007"] #aos-topchips .aos-brand-default-mark {
  display: none !important;
}
html[data-ankle-viewer-theme="status-2007"] #aos-topchips .aos-brand-symbol {
  width: 82px !important;
  min-width: 82px !important;
  padding: 1px 6px 1px 2px !important;
  overflow: visible !important;
}
html[data-ankle-viewer-theme="status-2007"] #aos-topchips .aos-brand-status-wordmark {
  display: block !important;
  width: 74px !important;
  height: auto !important;
  max-height: 26px !important;
  object-fit: contain !important;
  border: 0 !important;
  background: transparent !important;
}
html[data-ankle-viewer-theme="status-2007"] :is(#aos-topchips,#aos-left,#aos-right,#aos-bottom) a:not([role="button"]):not(.aos-post):not(.aos-world-chip):not(.aos-world-chip-x):not(.aos-brand-symbol):not(.aos-user-btn) {
  color: #0000cc !important;
  text-decoration: underline !important;
  text-underline-offset: 1px !important;
}
html[data-ankle-viewer-theme="status-2007"] #aos-topchips .aos-chips-group > a:not(.aos-post) {
  background: transparent !important;
  color: #0000cc !important;
  text-transform: none !important;
  text-decoration: underline !important;
}
html[data-ankle-viewer-theme="status-2007"] #aos-topchips .aos-chips-group > a:not(.aos-post):is(:hover,.on) {
  background: #ffff99 !important;
  color: #0000cc !important;
}
html[data-ankle-viewer-theme="status-2007"] #aos-right :is(.aos-friend,.aos-row,.aos-sec-body) {
  background: transparent !important;
  border-color: #9bc85a !important;
}
html[data-ankle-viewer-theme="status-2007"] #aos-right .aos-follow-quick {
  min-width: 0 !important;
  padding: 0 2px !important;
  background: transparent !important;
  color: #0000cc !important;
  border: 0 !important;
  text-decoration: underline !important;
}
html[data-ankle-viewer-theme="status-2007"] #aos-hovercard {
  width: 210px !important;
  background: #d9ff86 !important;
  color: #222 !important;
  border: 1px solid #7ca53a !important;
  box-shadow: none !important;
  font-family: Helvetica,Arial,"Lucida Grande",sans-serif !important;
  font-size: 12px !important;
}
html[data-ankle-viewer-theme="status-2007"] #aos-hovercard .aos-hovercard-head {
  padding: 8px !important;
  border-bottom: 2px solid #7ca53a !important;
}
html[data-ankle-viewer-theme="status-2007"] #aos-hovercard .aos-hovercard-bio {
  color: #222 !important;
  padding: 7px 8px !important;
}
html[data-ankle-viewer-theme="status-2007"] #aos-hovercard .aos-hovercard-actions {
  gap: 5px !important;
  padding: 6px 8px !important;
  border-top: 1px solid #9bc85a !important;
}
html[data-ankle-viewer-theme="status-2007"] #aos-hovercard .aos-hover-action {
  padding: 2px !important;
  background: transparent !important;
  color: #0000cc !important;
  border: 0 !important;
  box-shadow: none !important;
  text-decoration: underline !important;
  font-family: Helvetica,Arial,"Lucida Grande",sans-serif !important;
}
html[data-ankle-viewer-theme="status-2007"] #aos-hovercard .aos-hovercard-composer {
  padding: 6px 8px !important;
  border-top: 1px solid #9bc85a !important;
}
html[data-ankle-viewer-theme="status-2007"] :is(#aos-topchips,#aos-left,#aos-right,#aos-bottom) :is(button,input,select,textarea) {
  background: #fff !important;
  color: #333 !important;
  border: 1px solid #999 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: Helvetica,Arial,"Lucida Grande",sans-serif !important;
}

@media (max-width: 720px) {
  body.theme-status-2007 .page-layout { width: calc(100% - 12px) !important; padding-top: 8px !important; }
  body.theme-status-2007 .activity { grid-template-columns: 1fr !important; }
  body.theme-status-2007 .activity-side { margin-top: 8px !important; }
  body.theme-status-2007 .active-world-card { grid-template-columns: 1fr !important; grid-template-areas: "identity" "pulse" "meta" "state" "enter" !important; }
  html[data-ankle-viewer-theme="status-2007"] #aos-topchips .aos-brand-symbol { width: 48px !important; min-width: 48px !important; padding-right: 3px !important; }
  html[data-ankle-viewer-theme="status-2007"] #aos-topchips .aos-brand-status-wordmark { width: 44px !important; }
}

/* Color mode remains the viewer's choice. The historical composition survives
   in night mode, but never forces the authored content of a World to change. */
html[data-ankle-color-scheme="dark"] body.theme-status-2007,
html[data-ankle-resolved-theme="dark"] body.theme-status-2007,
html[data-theme="dark"] body.theme-status-2007 {
  background-color: #14171d !important;
  background-image: none !important;
  color: #f0f3f8 !important;
}
html[data-ankle-color-scheme="dark"] body.theme-status-2007 :is(.hero,.world-entry,.section,.activity-feed,.active-worlds-grid,.front-feed-grid,.active-world-card,.front-post-card),
html[data-ankle-resolved-theme="dark"] body.theme-status-2007 :is(.hero,.world-entry,.section,.activity-feed,.active-worlds-grid,.front-feed-grid,.active-world-card,.front-post-card),
html[data-theme="dark"] body.theme-status-2007 :is(.hero,.world-entry,.section,.activity-feed,.active-worlds-grid,.front-feed-grid,.active-world-card,.front-post-card) {
  background: #1e222b !important;
  color: #f0f3f8 !important;
  border-color: #3d4454 !important;
}
html[data-ankle-color-scheme="dark"] body.theme-status-2007 :is(.section-title,.name,.ttl,.hero-title),
html[data-ankle-resolved-theme="dark"] body.theme-status-2007 :is(.section-title,.name,.ttl,.hero-title),
html[data-theme="dark"] body.theme-status-2007 :is(.section-title,.name,.ttl,.hero-title) { color: #f0f3f8 !important; }
html[data-ankle-color-scheme="dark"] body.theme-status-2007 :is(.word,.fp-user),
html[data-ankle-resolved-theme="dark"] body.theme-status-2007 :is(.word,.fp-user),
html[data-theme="dark"] body.theme-status-2007 :is(.word,.fp-user) { color: #63b3ed !important; }
html[data-ankle-color-scheme="dark"][data-ankle-viewer-theme="status-2007"] :is(#aos-topchips,#aos-bottom,#aos-left,#aos-right),
html[data-ankle-resolved-theme="dark"][data-ankle-viewer-theme="status-2007"] :is(#aos-topchips,#aos-bottom,#aos-left,#aos-right),
html[data-theme="dark"][data-ankle-viewer-theme="status-2007"] :is(#aos-topchips,#aos-bottom,#aos-left,#aos-right) {
  background: #1e222b !important;
  color: #f0f3f8 !important;
  border-color: #3d4454 !important;
}

body.theme-directory-portal-2000 {
  /* Clean-room high-information directory primitive; typography does the work. */
  --bg: #fff;
  --fg: #000;
  --panel: #f2f2f2;
  --muted: #555;
  --line: #999;
  --link: #0000cc;
  --visited: #551a8b;
  --highlight: #ffffcc;
  --media-well: #e5e5e5;
  --body-font: Arial, Helvetica, sans-serif;
  --mono-font: "Courier New", Courier, monospace;
  --radius: 0;
  --shadow: none;
}
body.theme-directory-portal-2000 .panel,
body.theme-directory-portal-2000 .card,
body.theme-directory-portal-2000 [class*="-panel"],
body.theme-directory-portal-2000 [class*="-card"]:not([class*="-card__"]):not([class*="-card-"]) {
  background: var(--panel) !important;
  color: var(--fg) !important;
  border: 1px solid var(--line) !important;
  box-shadow: none !important;
}
body.theme-directory-portal-2000 button:not(.theme-opt),
body.theme-directory-portal-2000 .btn {
  background: #e5e5e5 !important;
  color: #000 !important;
  border: 1px outset #ccc !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: Arial, Helvetica, sans-serif !important;
}
body.theme-directory-portal-2000 input,
body.theme-directory-portal-2000 textarea,
body.theme-directory-portal-2000 select {
  background: #fff !important;
  color: #000 !important;
  border: 1px solid #777 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* ── Defensive panel-readability rules (apply to ALL ankle96 variants) ── */
/* Pages that ship their own dark inline CSS (prompt_machine, etc.) get
   coerced to use theme panel colors for any element whose class name smells
   like "card" / "panel" / "section" — this is what prevents black-on-near-black
   text when the page's own CSS has hardcoded rgba fills. */
body.theme-discmaster [class*="panel"]:not(#ankle-theme-panel):not(.theme-opt),
body.theme-discmaster [class*="-card"]:not([class*="-card__"]):not([class*="-card-"]),
body.theme-discmaster .card,
body.theme-discmaster [class*="-section"]:not(nav):not(header),
body.theme-directory-portal-2000 [class*="panel"]:not(#ankle-theme-panel):not(.theme-opt),
body.theme-directory-portal-2000 [class*="-card"]:not([class*="-card__"]):not([class*="-card-"]),
body.theme-directory-portal-2000 .card {
  background: var(--panel) !important;
  color: var(--fg) !important;
  border-color: var(--line) !important;
}

/* ── Global application of theme vars to body ─────────────────────── */
body[class*="theme-"] {
  color: var(--fg) !important;
  font-family: var(--body-font) !important;
}
body[class*="theme-"]:not(.theme-status-2007) {
  background: var(--bg) !important;
}
body.theme-status-2007 {
  background-color: var(--bg) !important;
}
body[class*="theme-"] a { color: var(--link) !important; }
body[class*="theme-"] a:visited { color: var(--visited) !important; }

/* ── Skin overlays (wallpaper + grid) ─────────────────────────────── */
/* The wallpaper layer sits behind all content; the grid layer on top. */
body[class*="theme-"]::before,
body[class*="theme-"]::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
}
body[class*="theme-"]::before {
  /* Wallpaper layer — invisible until body.has-wallpaper is toggled on */
  background-image: var(--wallpaper-url, none);
  background-size: var(--wallpaper-size, cover);
  background-repeat: var(--wallpaper-repeat, no-repeat);
  background-position: center center;
  background-attachment: fixed;
  opacity: 0;
  transition: opacity .25s ease;
}
body.has-wallpaper::before {
  opacity: var(--wallpaper-opacity, 1);
}
body[class*="theme-"]::after {
  /* Grid / texture overlay layer */
  background-image: var(--grid-url, none);
  background-size: var(--grid-size, auto);
  background-repeat: repeat;
  opacity: 0;
  mix-blend-mode: var(--grid-blend, normal);
}
body.has-grid::after {
  opacity: var(--grid-opacity, 0.3);
}

/* ═══════════════════════════════════════════════════════════════════
   @⌘ terminal v2 (ankle_terminal_v2.js) — discmaster override
   "terminal by Ankle" panel: the ANKLE protocol v1.4 widget with
   ingest/collect/discover chips. Ships dark #0a0a0a bg by default; we
   repaint it in discmaster gray + Times serif + Win95 chips.
   ═══════════════════════════════════════════════════════════════════ */
body.theme-discmaster .ankle-fab{
  background:#c0c0c0 !important; color:#000 !important;
  border:2px outset #fff !important; border-radius:0 !important;
  font-family:"Courier New",Courier,monospace !important;
  box-shadow:none !important;
}
body.theme-discmaster .ankle-fab.active{
  background:#ffffe0 !important; color:#000 !important; border:1px solid #000 !important;
}
body.theme-discmaster .ankle-fab:active{ border-style:inset !important; }
body.theme-discmaster .ankle-fab:hover{ transform:none !important; box-shadow:none !important; }

body.theme-discmaster .ankle-terminal{
  background:#c0c0c0 !important; color:#000 !important;
  border:1px solid #000 !important; border-radius:0 !important;
  box-shadow:none !important;
}
body.theme-discmaster .terminal-header{
  background:#eee !important; color:#000 !important;
  border-bottom:1px solid #000 !important;
}
body.theme-discmaster .terminal-header .label{
  font-family:"Courier New",Courier,monospace !important;
  color:#000 !important; letter-spacing:0 !important;
}
body.theme-discmaster .terminal-header .label span{ color:#0000ee !important; }

body.theme-discmaster .terminal-close,
body.theme-discmaster .terminal-reset,
body.theme-discmaster .terminal-copy,
body.theme-discmaster .terminal-expand,
body.theme-discmaster .terminal-popout{
  color:#0000ee !important;
  font-family:"Courier New",Courier,monospace !important;
  background:transparent !important; border:0 !important;
}
body.theme-discmaster .terminal-close:hover{ color:#000 !important; background:#ffffe0 !important; }
body.theme-discmaster .terminal-copy:hover,
body.theme-discmaster .terminal-expand:hover,
body.theme-discmaster .terminal-popout:hover,
body.theme-discmaster .terminal-reset:hover{ color:#000 !important; background:#ffffe0 !important; }

body.theme-discmaster .terminal-output{
  background:#c0c0c0 !important; color:#000 !important;
  font-family:"Courier New",Courier,monospace !important;
}
body.theme-discmaster .terminal-output .line.cmd{ color:#0000ee !important; }
body.theme-discmaster .terminal-output .line.cmd::before{ color:#555 !important; content:'> ' !important; }
body.theme-discmaster .terminal-output .line.result{ color:#000 !important; }
body.theme-discmaster .terminal-output .line.error{ color:#a42a00 !important; }
body.theme-discmaster .terminal-output .line.system{ color:#555 !important; }
body.theme-discmaster .terminal-output .line.hermes{ color:#000 !important; }
body.theme-discmaster .terminal-output .line.hermes::before{ color:#a42a00 !important; }

body.theme-discmaster .terminal-input-row{
  background:#eee !important; color:#000 !important;
  border-top:1px solid #000 !important;
}
body.theme-discmaster .terminal-prompt{
  color:#000 !important; font-weight:bold !important;
  font-family:"Courier New",Courier,monospace !important;
}
body.theme-discmaster .terminal-hermes-tag{ color:#a42a00 !important; }
body.theme-discmaster .terminal-input{
  background:#fff !important; color:#000 !important;
  border:2px inset #fff !important; border-radius:0 !important;
  font-family:"Courier New",Courier,monospace !important;
  caret-color:#000 !important; padding:2px 4px !important;
}
body.theme-discmaster .terminal-input::placeholder{ color:#888 !important; }

/* Hermes response bubble */
body.theme-discmaster .hermes-bubble{
  background:#ffffe0 !important; border:1px solid #000 !important;
  border-left:2px solid #000 !important; border-radius:0 !important;
  margin:6px 0 10px 0 !important;
}
body.theme-discmaster .hermes-bubble .b-text{
  color:#000 !important; font-family:"Times New Roman",Times,serif !important;
  font-size:13px !important;
}
body.theme-discmaster .hermes-bubble .b-text strong{ color:#000 !important; }
body.theme-discmaster .hermes-bubble .b-text em{ color:#a42a00 !important; font-style:italic !important; }

/* The action chips: "◇ ingest page", "◇ collect imgs", "⇌ to /surf", "≋ refine", etc. */
body.theme-discmaster .cmd-chip{
  background:#c0c0c0 !important; color:#000 !important;
  border:2px outset #fff !important; border-radius:0 !important;
  font-family:"Courier New",Courier,monospace !important;
}
body.theme-discmaster .cmd-chip:hover{ background:#ffffe0 !important; color:#000 !important; }
body.theme-discmaster .cmd-chip:active{ border-style:inset !important; }
body.theme-discmaster .cmd-chip.primary{
  background:#ffffe0 !important; border:1px solid #000 !important;
  color:#000 !important; font-weight:bold !important;
}
body.theme-discmaster .cmd-chip.muted{
  background:#c0c0c0 !important; color:#555 !important;
  border:2px outset #fff !important;
}
body.theme-discmaster .hermes-meta{ color:#555 !important; font-family:"Courier New",Courier,monospace !important; }

/* Bottom "quick actions" row (ingest page / collect imgs / to /surf / …) */
body.theme-discmaster .quick-actions{
  background:#c0c0c0 !important; border-top:1px solid #000 !important;
}
body.theme-discmaster .qa-btn{
  background:#c0c0c0 !important; color:#000 !important;
  border:2px outset #fff !important; border-radius:0 !important;
  font-family:"Courier New",Courier,monospace !important;
}
body.theme-discmaster .qa-btn:hover{ background:#ffffe0 !important; color:#000 !important; }
body.theme-discmaster .qa-btn:active{ border-style:inset !important; }
body.theme-discmaster .qa-btn .g{ color:#0000ee !important; }

/* Slash-command menu popup ( / autocomplete ) */
body.theme-discmaster .slash-menu{
  background:#fff !important; border:1px solid #000 !important; border-radius:0 !important;
  box-shadow:none !important;
}
body.theme-discmaster .slash-item{
  color:#000 !important; font-family:"Courier New",Courier,monospace !important;
  border-bottom:1px dotted #999 !important;
}
body.theme-discmaster .slash-item .k{ color:#0000ee !important; font-weight:bold !important; }
body.theme-discmaster .slash-item .d{ color:#555 !important; }
body.theme-discmaster .slash-item:hover,
body.theme-discmaster .slash-item.sel{ background:#ffffe0 !important; color:#000 !important; }
body.theme-discmaster .slash-item:hover .k,
body.theme-discmaster .slash-item.sel .k{ color:#000 !important; }
body.theme-discmaster .slash-item:hover .d,
body.theme-discmaster .slash-item.sel .d{ color:#555 !important; }

body.theme-discmaster .ankle-notification{
  background:#ffffe0 !important; color:#000 !important;
  border:1px solid #000 !important; border-radius:0 !important;
  font-family:"Courier New",Courier,monospace !important;
  box-shadow:none !important;
}
body.theme-discmaster .ankle-notification .notif-sigil{ color:#0000ee !important; }

/* ═══════════════════════════════════════════════════════════════════
   @⌘ legacy (#botta-panel) — discmaster override for the older widget
   Repaints the built-in #botta-panel / botta-* chrome in discmaster gray
   + Times serif + classic pills. atcmd.js ships its own dark palette, so
   we override with body.theme-discmaster + !important.
   ═══════════════════════════════════════════════════════════════════ */
body.theme-discmaster #botta-fab{
  background:#c0c0c0 !important; color:#000 !important;
  border:2px outset #fff !important; border-radius:0 !important;
  font-family:"Courier New",Courier,monospace !important;
  box-shadow:none !important;
}
body.theme-discmaster #botta-fab:active{ border-style:inset !important; }
body.theme-discmaster #botta-panel,
body.theme-discmaster #botta-panel *{
  font-family:"Times New Roman",Times,serif !important;
  border-radius:0 !important;
}
body.theme-discmaster #botta-panel{
  background:#c0c0c0 !important; color:#000 !important;
  border:1px solid #000 !important;
  box-shadow:none !important;
}
body.theme-discmaster #botta-panel .botta-h{
  background:#eee !important; color:#000 !important;
  border-bottom:1px solid #000 !important;
  font-family:"Courier New",Courier,monospace !important;
  font-weight:bold !important;
  padding:4px 10px !important;
}
body.theme-discmaster #botta-panel #bottaClose{
  color:#0000ee !important; text-decoration:underline !important;
  font-family:"Courier New",Courier,monospace !important;
}
body.theme-discmaster #botta-panel .botta-body,
body.theme-discmaster #botta-panel .botta-log,
body.theme-discmaster #botta-panel .botta-site-status{
  background:#c0c0c0 !important; color:#000 !important;
}
body.theme-discmaster #botta-panel code,
body.theme-discmaster #botta-panel pre,
body.theme-discmaster #botta-panel .botta-cmd,
body.theme-discmaster #botta-panel .botta-log em{
  font-family:"Courier New",Courier,monospace !important;
  color:#000 !important; background:transparent !important;
}
/* All inputs inside the @⌘ panel: classic inset bevel */
body.theme-discmaster #botta-panel input,
body.theme-discmaster #botta-panel textarea,
body.theme-discmaster #botta-panel select{
  background:#fff !important; color:#000 !important;
  border:2px inset #fff !important; border-radius:0 !important;
  font-family:"Courier New",Courier,monospace !important;
}
/* All buttons: Win95 outset pills with yellow highlight on primary */
body.theme-discmaster #botta-panel button{
  background:#c0c0c0 !important; color:#000 !important;
  border:2px outset #fff !important; border-radius:0 !important;
  font-family:"Courier New",Courier,monospace !important;
  padding:3px 10px !important;
}
body.theme-discmaster #botta-panel button:active{ border-style:inset !important; }
body.theme-discmaster #botta-panel button.primary{
  background:#ffffe0 !important; border:1px solid #000 !important;
  font-weight:bold !important;
}
/* Orange/blue outline chips → yellow highlight pills */
body.theme-discmaster #botta-panel .chip,
body.theme-discmaster #botta-panel [class*="action"],
body.theme-discmaster #botta-panel [class*="suggest"],
body.theme-discmaster #botta-panel .botta-cta,
body.theme-discmaster #botta-panel .botta-quick,
body.theme-discmaster #botta-panel [style*="border:1px solid"]{
  background:#c0c0c0 !important; color:#000 !important;
  border:2px outset #fff !important; border-radius:0 !important;
}
body.theme-discmaster #botta-panel [style*="color:#"]{
  color:#000 !important;
}
body.theme-discmaster #botta-panel a{
  color:#0000ee !important; text-decoration:underline !important;
}
/* Top "@⌘ terminal by Ankle" title bar if styled differently */
body.theme-discmaster #botta-panel [class*="title"],
body.theme-discmaster #botta-panel [class*="header"]{
  background:#eee !important; color:#000 !important;
}
/* Prompt row "hermes > ask hermes…" */
body.theme-discmaster #botta-panel .botta-input{
  background:#c0c0c0 !important; border-top:1px solid #000 !important;
}

/* ── Global top-right toolbar — identity pill + ⚙ gear ──────────── */
#ankle-toolbar {
  position: fixed; top: 8px; right: 10px; z-index: 1200;
  display: flex; align-items: center; gap: 6px;
}
/* Hide the toolbar + panel when a modal/lightbox locks body scroll. */
body[style*="overflow: hidden"] #ankle-toolbar,
body[style*="overflow:hidden"] #ankle-toolbar,
body[style*="overflow: hidden"] #ankle-theme-panel,
body[style*="overflow:hidden"] #ankle-theme-panel { display: none !important; }

/* Identity pill */
#ankle-identity { font-family: var(--body-font, Verdana, sans-serif); font-size: 11px; position: relative; }
#ankle-identity .ankle-identity__signin {
  display: inline-flex; align-items: center; padding: 4px 10px;
  border: 1px solid #999; background: var(--panel, #fff); color: var(--fg, #000);
  border-radius: var(--radius, 4px); text-decoration: none; font-size: 11px;
}
#ankle-identity .ankle-identity__btn {
  display: inline-flex; align-items: center; gap: 5px; padding: 3px 8px 3px 4px;
  border: 1px solid #999; background: var(--panel, #fff); color: var(--fg, #000);
  border-radius: var(--radius, 4px); cursor: pointer; font: inherit;
}
#ankle-identity .ankle-identity__av {
  width: 18px; height: 18px; border-radius: 0 !important; border: none !important; object-fit: cover;
  background: #ddd; flex-shrink: 0;
}
#ankle-identity .ankle-identity__av--ph { background: #ccc; display: inline-block; }
#ankle-identity .ankle-identity__name { font-weight: 600; max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#ankle-identity .ankle-identity__caret { font-size: 9px; color: #666; }
#ankle-identity .ankle-identity__menu {
  display: none; position: absolute; top: calc(100% + 4px); right: 0;
  min-width: 200px; background: var(--panel, #fff); border: 1px solid #999;
  border-radius: var(--radius, 4px); box-shadow: 0 4px 16px rgba(0,0,0,0.06);
  padding: 4px 0; z-index: 1202;
}
#ankle-identity .ankle-identity__menu.open { display: block; }
#ankle-identity .ankle-identity__sub { padding: 6px 12px; font-size: 9px; color: #999; font-family: var(--mono-font, monospace); }
#ankle-identity .ankle-identity__menu a {
  display: flex; align-items: center; gap: 8px; padding: 6px 12px;
  font-size: 11px; color: var(--fg, #000); text-decoration: none;
}
#ankle-identity .ankle-identity__menu a:hover { background: var(--highlight, #f0f0f0); }
#ankle-identity .ankle-identity__menu a .mi { font-family: monospace; color: #999; width: 14px; }
#ankle-identity .ankle-identity__sep { height: 1px; background: #e5e5e5; margin: 3px 0; }

/* ANKLE96 recolor — match the rest of the chrome (flat hairlines) */
body.theme-discmaster #ankle-identity .ankle-identity__signin,
body.theme-discmaster #ankle-identity .ankle-identity__btn,
body.theme-discmaster #ankle-identity .ankle-identity__menu { background: #c0c0c0; border: 1px solid #999; border-radius: 0; }
body.theme-discmaster #ankle-identity .ankle-identity__menu a:hover { background: var(--a96-titlebar, #e8e8e8); color: var(--a96-ink, #000); }
body.theme-discmaster #ankle-identity .ankle-identity__menu a:hover .mi { color: #fff; }

/* Settings gear — flat single-border to match identity pill */
#ankle-theme-fab {
  position: relative; top: auto; right: auto;
  width: 32px; height: 28px;
  border: 1px solid #999; background: var(--panel); color: var(--fg);
  font-family: var(--mono-font); font-size: 14px;
  cursor: pointer; border-radius: var(--radius);
  display: flex; align-items: center; justify-content: center;
  padding: 0;
}
body.theme-discmaster #ankle-theme-fab{background:#c0c0c0;border:1px solid #999;border-radius:0;color:#000}
#ankle-theme-fab:hover { background: var(--highlight) }
#ankle-theme-fab:active{ background: var(--highlight); }

#ankle-theme-panel {
  position: fixed; top: 50px; right: 10px; z-index: 1201;
  width: 320px; max-width: calc(100vw - 20px); max-height: calc(100vh - 80px); overflow-y: auto;
  background: var(--panel); color: var(--fg);
  border: 1px solid var(--line); border-radius: var(--radius);
  font-family: var(--body-font); font-size: 13px;
  padding: 12px 14px; display: none;
  box-shadow: var(--shadow);
}
body.theme-discmaster #ankle-theme-panel{
  font-family:"Times New Roman",Times,serif !important;
  font-size:14px !important;
}
body.theme-discmaster #ankle-theme-panel h4{
  font-family:"Press Start 2P","Courier New",monospace !important;
  font-size:13px !important; font-weight:normal !important;
  letter-spacing:.06em !important;
}
body.theme-discmaster #ankle-theme-panel h5{
  font-family:"Times New Roman",Times,serif !important;
  font-size:14px !important; font-weight:bold !important;
  letter-spacing:0 !important; text-transform:none !important;
}
body.theme-discmaster #ankle-theme-panel label,
body.theme-discmaster #ankle-theme-panel .skin-field label{
  font-family:"Courier New",Courier,monospace !important;
  font-size:11px !important;
}
body.theme-discmaster #ankle-theme-panel .theme-opt{
  font-family:"Times New Roman",Times,serif !important;
  font-size:13px !important;
  border:2px outset #fff !important; background:#c0c0c0 !important;
  border-radius:0 !important;
}
body.theme-discmaster #ankle-theme-panel .theme-opt.active{
  border:1px solid #000 !important; background:#ffffe0 !important;
  font-weight:bold !important;
}

/* Vintage Win95 sliders under discmaster — beveled track + square thumb */
body.theme-discmaster #ankle-theme-panel input[type=range]{
  -webkit-appearance:none !important; appearance:none !important;
  height:18px !important; background:transparent !important;
  border:0 !important; padding:0 !important;
}
body.theme-discmaster #ankle-theme-panel input[type=range]::-webkit-slider-runnable-track{
  height:6px; background:#c0c0c0;
  border:2px inset #fff; border-radius:0;
}
body.theme-discmaster #ankle-theme-panel input[type=range]::-moz-range-track{
  height:6px; background:#c0c0c0;
  border:2px inset #fff; border-radius:0;
}
body.theme-discmaster #ankle-theme-panel input[type=range]::-webkit-slider-thumb{
  -webkit-appearance:none; appearance:none;
  width:16px; height:18px; background:#c0c0c0;
  border:2px outset #fff; border-radius:0;
  margin-top:-6px; cursor:pointer;
}
body.theme-discmaster #ankle-theme-panel input[type=range]::-moz-range-thumb{
  width:16px; height:18px; background:#c0c0c0;
  border:2px outset #fff; border-radius:0; cursor:pointer;
}
body.theme-discmaster #ankle-theme-panel input[type=file]{
  font-family:"Courier New",monospace !important;
  font-size:11px !important;
  border:2px inset #fff !important; background:#fff !important;
  padding:2px !important;
}
@media(max-width: 600px){
  #ankle-theme-panel{ width: calc(100vw - 20px); right: 10px; left: 10px }
  #ankle-theme-panel .theme-list{ grid-template-columns: 1fr 1fr !important }
}
#ankle-theme-panel.open { display: block }
#ankle-theme-panel h4 {
  font-family: var(--body-font); font-size: 16px; font-weight: bold;
  margin: 6px 0 8px; color: var(--fg);
}
#ankle-theme-panel h5 {
  font-family: var(--mono-font); font-size: 11px; font-weight: bold;
  margin: 14px 0 6px; color: var(--fg); letter-spacing: .06em;
  border-bottom: 1px solid var(--line); padding-bottom: 2px;
}
#ankle-theme-panel .theme-list {
  display: grid; grid-template-columns: 1fr 1fr; gap: 6px;
}
#ankle-theme-panel .theme-opt {
  padding: 8px; border: 1px solid var(--line);
  background: var(--panel); color: var(--fg); cursor: pointer;
  font-family: var(--mono-font); font-size: 11px; text-align: left;
  border-radius: var(--radius); transition: background .15s;
}
#ankle-theme-panel .theme-opt:hover { background: var(--highlight) }
#ankle-theme-panel .theme-opt.active {
  background: var(--highlight); font-weight: bold; border-color: var(--fg);
}
#ankle-theme-panel .theme-opt .swatch {
  display: block; width: 100%; height: 28px; margin-bottom: 4px;
  border: 1px solid var(--line); border-radius: var(--radius);
}
#ankle-theme-panel .skin-field {
  margin-top: 6px; display: flex; flex-direction: column; gap: 4px;
}
#ankle-theme-panel .skin-field label {
  font-size: 10px; color: var(--muted); font-weight: bold;
}
#ankle-theme-panel button.btn {
  padding: 4px 10px; border: 2px outset #eee; background: var(--panel);
  color: var(--fg); font-family: var(--mono-font); font-size: 11px;
  cursor: pointer; border-radius: var(--radius);
}
#ankle-theme-panel button.btn:active { border-style: inset }
#ankle-theme-panel button.btn.primary {
  background: var(--highlight); font-weight: bold; border: 1px solid var(--fg);
}
#ankle-theme-panel input[type=range] { width: 100%; accent-color: var(--link) }
#ankle-theme-panel input[type=file] {
  font-family: var(--mono-font); font-size: 10px; color: var(--fg);
}
#ankle-theme-panel .swatch-preview {
  display: flex; gap: 6px; flex-wrap: wrap; margin-top: 6px;
}
#ankle-theme-panel .swatch-preview img {
  width: 42px; height: 42px; object-fit: cover;
  border: 1px solid var(--line); cursor: pointer;
}
#ankle-theme-panel .swatch-preview img.selected { outline: 2px solid var(--link) }
#ankle-theme-panel .close-x {
  position: absolute; top: 8px; right: 10px; cursor: pointer;
  background: transparent; border: 0; color: var(--muted); font-size: 14px;
}

/* Palette editor */
#ankle-theme-panel .palette-editor {
  display: flex; flex-direction: column; gap: 4px; margin-top: 4px;
}
#ankle-theme-panel .palette-row {
  display: grid; grid-template-columns: 72px 32px 1fr 22px; gap: 6px;
  align-items: center; font-family: var(--mono-font); font-size: 10px;
}
#ankle-theme-panel .palette-row label {
  color: var(--fg); font-weight: bold; font-size: 10px;
  letter-spacing: .04em; text-transform: uppercase;
}
#ankle-theme-panel .palette-row input[type="color"] {
  width: 32px; height: 22px; padding: 0; cursor: pointer;
  border: 1px solid var(--line); background: var(--panel);
  border-radius: var(--radius);
}
#ankle-theme-panel .palette-row input[type="text"] {
  width: 100%; padding: 2px 4px; font-family: var(--mono-font); font-size: 10px;
  border: 1px solid var(--line); background: var(--panel); color: var(--fg);
  border-radius: var(--radius);
}
#ankle-theme-panel .palette-clear {
  padding: 1px 4px !important; font-size: 11px !important;
  line-height: 1 !important; min-width: 22px;
}
#ankle-theme-panel .palette-group-label {
  font-family: var(--mono-font); font-size: 9px; color: var(--muted);
  letter-spacing: .12em; text-transform: uppercase;
  margin: 6px 0 2px; padding-bottom: 1px;
  border-bottom: 1px dotted var(--line);
}
#ankle-theme-panel .palette-group-label:first-child { margin-top: 0; }
#ankle-theme-panel .live-sw {
  width: 14px; height: 14px; display: inline-block;
  border: 1px solid var(--line); flex-shrink: 0;
}
#ankle-theme-panel button.btn.active {
  background: var(--highlight) !important;
  border-style: inset !important;
  font-weight: bold !important;
}



/* ── Three-dot menu for destructive actions ────────────────────────── */
.three-dot-menu {
  position: relative;
  display: inline-block;
  float: right; /* Keep it on the right as before */
  margin-left: 6px; /* Maintain original spacing */
}
.three-dot-button {
  background: transparent;
  border: none;
  color: var(--fg); /* Adjust color to fit theme */
  font-size: 14px;
  cursor: pointer;
  padding: 0 5px;
  line-height: 1.4;
  height: 20px; /* Adjust height to match button */
  display: flex;
  align-items: center;
  justify-content: center;
}
.three-dot-button:hover {
  background: var(--highlight); /* Highlight on hover */
}
.three-dot-content {
  display: none;
  position: absolute;
  background-color: var(--panel);
  min-width: 120px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  right: 0; /* Align to the right */
  border: 1px solid var(--line);
}
.three-dot-content button {
  color: var(--fg);
  padding: 8px 12px;
  text-decoration: none;
  display: block;
  background: none;
  border: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
  font-size: 11px; /* Match original button font size */
  font-family: var(--mono);
}
.three-dot-content button:hover {
  background-color: var(--highlight);
}
/* ── Stable established theme catalog ───────────────────────────── */
body.theme-graphpaper {
  --bg:#f6f4ea;--fg:#102030;--panel:#fdfbf2;--muted:#6b7a88;--line:#2a3a50;
  --link:#1a4dff;--visited:#6b35d4;--highlight:#fff4a6;--media-well:#1a1a1a;
  --body-font:"Times New Roman",Times,serif;--mono-font:"Courier New",Courier,monospace;
  --radius:0;--shadow:none;
  --grid-url:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32'><path d='M32 0H0V32' fill='none' stroke='%232a3a50' stroke-width='0.4'/></svg>");
  --grid-opacity:.35;--grid-blend:multiply;
}
body.theme-phosphor {
  --bg:#0a0f08;--fg:#7fff6a;--panel:#0f170c;--muted:#4a8c3a;--line:#1f3316;
  --link:#c7ff00;--visited:#a8ff7e;--highlight:rgba(127,255,106,.18);--media-well:#000;
  --body-font:"Fragment Mono","Courier New",monospace;--mono-font:"Fragment Mono","Courier New",monospace;
  --radius:0;--shadow:0 0 40px rgba(127,255,106,.15);
  --grid-url:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4'><path d='M0 2H4' stroke='%23000' stroke-width='1' opacity='0.35'/></svg>");
  --grid-opacity:1;--grid-blend:normal;
}
body.theme-paper {
  --bg:#f8f3e6;--fg:#1a1a1a;--panel:#fffbf0;--muted:#6a6458;--line:#1a1a1a;
  --link:#a42a00;--visited:#742000;--highlight:#fff2a8;--media-well:#1a1a1a;
  --body-font:"Times New Roman",Times,serif;--mono-font:"Courier New",Courier,monospace;
  --radius:0;--shadow:0 1px 2px rgba(0,0,0,.1);
}
body:is(.theme-ankle99-next, .theme-ankle96-next) {
  --bg:#9896b4;--fg:#0a0a12;--panel:#d8d6cc;--panel2:#c4c2b8;--muted:#4a4850;
  --line:#1a1a2a;--link:#2a3f77;--visited:#5a2878;--highlight:#f0e070;--media-well:#1a1a2a;
  --title-bar:#555063;--title-fg:#fff;--body-font:"Times New Roman",Times,serif;
  --mono-font:"Courier New",Courier,monospace;--radius:0;--shadow:3px 3px 0 rgba(0,0,0,.35);
  --surface-chrome-bg:#d8d6cc;--surface-chrome-fg:#0a0a12;--surface-panel-bg:#d8d6cc;
  --surface-input-bg:#ffffff;--surface-input-fg:#0a0a12;--surface-border:1px solid #1a1a2a;
  --surface-border-outset:1px solid;
  --raise:inset 1px 1px 0 #f4f2e8, inset -1px -1px 0 #5a5660, inset 2px 2px 0 #e8e6dc, inset -2px -2px 0 #8a8690;
  --sink:inset 1px 1px 0 #5a5660, inset -1px -1px 0 #f4f2e8, inset 2px 2px 0 #8a8690, inset -2px -2px 0 #e8e6dc;
}

/* ── All Panels & Windows in Ankle96-Next: Always on Theme & 3D Beveled ── */
html body:is(.theme-ankle99-next, .theme-ankle96-next) :is(
  .world-entry,
  #claim-world,
  .hero,
  #homeHero,
  .section,
  .section-panel,
  .front-feed-panel,
  .activity,
  .coin-slate,
  .panel:not(.aos-panel),
  .main-panel,
  .content-panel,
  [class*="-panel"]:not(.aos-panel):not(#ankle-theme-panel),
  .card,
  [class*="-card"]:not([class*="-card__"]):not([class*="-card-"]),
  .surface-brief,
  .starter-inventory-note,
  details.surface-more,
  .canvas-scale-bar,
  .builder-menubar,
  .builder-toolbox,
  #builderProperties,
  #aiBar,
  #builderReferenceStrip,
  .ed-fields-panel,
  .add-surf-panel,
  .editor-source-panel__bar,
  #surfaceDesk section,
  .surface-preview-modal,
  .world-stream,
  .world-arcade,
  .world-continuity,
  #pHero,
  .world-hero,
  .hero-is-world,
  .stat-row,
  #statRow,
  .wgrid .panel,
  .shell .panel,
  .shell .section,
  .a96 .panel,
  .a96 .section,
  [data-sec]
) {
  background: var(--panel, #d8d6cc) !important;
  color: var(--fg, #0a0a12) !important;
  border: 1px solid var(--line, #1a1a2a) !important;
  box-shadow: inset 1px 1px 0 #f4f2e8, inset -1px -1px 0 #5a5660, 3px 3px 0 rgba(0,0,0,0.35) !important;
  border-radius: 0 !important;
}

/* ── Sub-panels & Nested Cards in Ankle96-Next ── */
html body:is(.theme-ankle99-next, .theme-ankle96-next) :is(
  .active-world-card,
  .front-post-card,
  .world-card,
  .market-card,
  .agent-chip,
  .disc-card,
  .caps-card,
  .surface-library-card,
  .add-surf-card,
  .activity-side,
  .activity-feed,
  .hero-doors
) {
  background: var(--panel2, #c4c2b8) !important;
  color: var(--fg, #0a0a12) !important;
  border: 1px solid var(--line, #1a1a2a) !important;
  box-shadow: inset 1px 1px 0 #ffffff, inset -1px -1px 0 #8a8690, 2px 2px 0 rgba(0,0,0,0.25) !important;
  border-radius: 0 !important;
}

/* ── Inputs inside Ankle96-Next Panels ── */
html body:is(.theme-ankle99-next, .theme-ankle96-next) :is(
  .world-entry input,
  #claim-world input,
  #ankleWorldInput,
  .section input,
  .panel input,
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
  textarea,
  select
) {
  background: #ffffff !important;
  color: var(--fg, #0a0a12) !important;
  -webkit-text-fill-color: var(--fg, #0a0a12) !important;
  border: 1px solid !important;
  border-color: #5a5660 #f4f2e8 #f4f2e8 #5a5660 !important;
  box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2) !important;
  border-radius: 0 !important;
}

/* ── All Buttons, Chips & Interactive Controls in Ankle96-Next: Always Beveled ── */
html body:is(.theme-ankle99-next, .theme-ankle96-next) :is(
  .world-entry button,
  #claim-world button,
  .world-entry button[type="submit"],
  .hero-collapse-control,
  .activity-side .cta,
  .coin-slate .btn,
  .section button,
  .panel button,
  button:not(.theme-opt):not(.help):not(.close-x),
  .btn,
  .chip,
  .pill,
  .badge,
  .add-tab,
  .add-surf-filter-btn,
  .surf-use-button,
  .pager-pill,
  .scale-btn,
  .btn-preset,
  .ed-fields-panel__wide-btn,
  .ed-fields-panel__toggle,
  .builder-menubar summary,
  .builder-menubar details > summary,
  .canvas-scale-bar button,
  .canvas-scale-bar .btn-preset,
  #sec-editor .builder-menubar button,
  #sec-editor .builder-tool-grid button,
  #sec-editor #builderProperties button,
  #sec-editor #aiBar button,
  #sec-editor .editor-primary-actions button,
  #sec-editor .editor-primary-actions a,
  [data-ankle96-role="chip"],
  [data-ankle96-role="button"]
) {
  background: linear-gradient(180deg, #e8e6dc, #c4c2b8) !important;
  color: var(--fg, #0a0a12) !important;
  -webkit-text-fill-color: var(--fg, #0a0a12) !important;
  border: 1px solid !important;
  border-color: #f4f2e8 #5a5660 #5a5660 #f4f2e8 !important;
  box-shadow: inset 1px 1px 0 #ffffff, inset -1px -1px 0 #8a8690 !important;
  border-radius: 0 !important;
  font-family: var(--mono-font, "Courier New", Courier, monospace) !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}

html body:is(.theme-ankle99-next, .theme-ankle96-next) :is(
  .world-entry button,
  #claim-world button,
  .world-entry button[type="submit"],
  .hero-collapse-control,
  .activity-side .cta,
  .coin-slate .btn,
  .section button,
  .panel button,
  button:not(.theme-opt):not(.help):not(.close-x),
  .btn,
  .chip,
  .pill,
  .badge,
  .add-tab,
  .add-surf-filter-btn,
  .surf-use-button,
  .pager-pill,
  .scale-btn,
  .btn-preset,
  .ed-fields-panel__wide-btn,
  .ed-fields-panel__toggle,
  .builder-menubar summary,
  .builder-menubar details > summary,
  .canvas-scale-bar button,
  .canvas-scale-bar .btn-preset,
  #sec-editor .builder-menubar button,
  #sec-editor .builder-tool-grid button,
  #sec-editor #builderProperties button,
  #sec-editor #aiBar button,
  #sec-editor .editor-primary-actions button,
  #sec-editor .editor-primary-actions a,
  [data-ankle96-role="chip"],
  [data-ankle96-role="button"]
):hover:not(:active):not(.active):not([aria-pressed="true"]) {
  background: linear-gradient(180deg, #f2f0e6, #ceccc2) !important;
  border-color: #ffffff #4a4650 #4a4650 #ffffff !important;
  color: var(--fg, #0a0a12) !important;
  -webkit-text-fill-color: var(--fg, #0a0a12) !important;
}

html body:is(.theme-ankle99-next, .theme-ankle96-next) :is(
  .world-entry button,
  #claim-world button,
  .world-entry button[type="submit"],
  .hero-collapse-control,
  .activity-side .cta,
  .coin-slate .btn,
  .section button,
  .panel button,
  button:not(.theme-opt):not(.help):not(.close-x),
  .btn,
  .chip,
  .pill,
  .badge,
  .add-tab,
  .add-surf-filter-btn,
  .surf-use-button,
  .pager-pill,
  .scale-btn,
  .btn-preset,
  .ed-fields-panel__wide-btn,
  .ed-fields-panel__toggle,
  .builder-menubar summary,
  .builder-menubar details > summary,
  .canvas-scale-bar button,
  .canvas-scale-bar .btn-preset,
  #sec-editor .builder-menubar button,
  #sec-editor .builder-tool-grid button,
  #sec-editor #builderProperties button,
  #sec-editor #aiBar button,
  #sec-editor .editor-primary-actions button,
  #sec-editor .editor-primary-actions a,
  [data-ankle96-role="chip"],
  [data-ankle96-role="button"]
):is(:active, .active, [aria-pressed="true"], [data-active="true"]),
html body:is(.theme-ankle99-next, .theme-ankle96-next) .builder-menubar details[open] > summary {
  background: linear-gradient(180deg, #b8b6ac, #c4c2b8) !important;
  border: 1px solid !important;
  border-color: #5a5660 #f4f2e8 #f4f2e8 #5a5660 !important;
  box-shadow: inset 1px 1px 2px rgba(0,0,0,0.35) !important;
  color: var(--fg, #0a0a12) !important;
  -webkit-text-fill-color: var(--fg, #0a0a12) !important;
}

/* ── Universal Classic Ankle96 / Silver Panels & Bevels ── */
body:is(.theme-ankle96, .theme-ankle96-silver, .theme-ankle-silver, :not([class*="theme-"])) :is(
  .world-entry,
  #claim-world,
  .hero,
  #homeHero,
  .activity,
  .coin-slate,
  .section-panel,
  .front-feed-panel,
  .surface-brief,
  details.surface-more,
  .panel,
  [class*="-panel"]
) {
  background: var(--panel, #c0c0c0) !important;
  color: var(--fg, #000) !important;
  border: 2px outset #ffffff !important;
  border-color: #ffffff #808080 #808080 #ffffff !important;
  box-shadow: inset 1px 1px 0 #dfdfdf, inset -1px -1px 0 #404040, 2px 2px 0 rgba(0,0,0,0.2) !important;
  border-radius: 0 !important;
}

body:is(.theme-ankle96, .theme-ankle96-silver, .theme-ankle-silver, :not([class*="theme-"])) :is(
  .world-entry button,
  #claim-world button,
  .world-entry button[type="submit"],
  .hero-collapse-control,
  .activity-side .cta,
  .coin-slate .btn
) {
  background: var(--surface, #c0c0c0) !important;
  color: #000000 !important;
  border: 2px outset #ffffff !important;
  border-color: #ffffff #808080 #808080 #ffffff !important;
  box-shadow: inset 1px 1px 0 #dfdfdf, inset -1px -1px 0 #0a0a0a !important;
  border-radius: 0 !important;
  cursor: pointer !important;
}

body:is(.theme-ankle96, .theme-ankle96-silver, .theme-ankle-silver, :not([class*="theme-"])) :is(
  .world-entry button,
  #claim-world button,
  .world-entry button[type="submit"],
  .hero-collapse-control,
  .activity-side .cta,
  .coin-slate .btn
):active {
  border-color: #808080 #ffffff #ffffff #808080 !important;
  box-shadow: inset 1px 1px 2px rgba(0,0,0,0.35) !important;
}

/* ── Paper Theme Panels & Bevels ── */
body.theme-paper :is(
  .world-entry,
  #claim-world,
  .hero,
  #homeHero,
  .activity,
  .coin-slate,
  .section-panel,
  .front-feed-panel,
  .panel,
  .card,
  [class*="-card"]:not([class*="-card__"]):not([class*="-card-"]),
  [class*="-panel"]
) {
  background: var(--panel, #fffbf0) !important;
  color: var(--fg, #1a1a1a) !important;
  border: 1px solid var(--line, #1a1a1a) !important;
  box-shadow: inset 1px 1px 0 #fffdf5, inset -1px -1px 0 #b8a98a, 2px 2px 0 rgba(0,0,0,0.12) !important;
  border-radius: 0 !important;
}
body.theme-paper :is(.world-entry button, #claim-world button, .world-entry button[type="submit"]) {
  background: #fffdf5 !important;
  color: #1a1a1a !important;
  border: 1px solid #1a1a1a !important;
  box-shadow: inset 1px 1px 0 #ffffff, inset -1px -1px 0 #cabfa0 !important;
  border-radius: 0 !important;
}

/* ── Phosphor Theme Panels & Bevels ── */
body.theme-phosphor :is(
  .world-entry,
  #claim-world,
  .hero,
  #homeHero,
  .activity,
  .coin-slate,
  .section-panel,
  .front-feed-panel,
  .panel,
  .card,
  [class*="-card"]:not([class*="-card__"]):not([class*="-card-"]),
  [class*="-panel"]
) {
  background: var(--panel, #0f170c) !important;
  color: var(--fg, #7fff6a) !important;
  border: 1px solid var(--line, #1f3316) !important;
  box-shadow: inset 1px 1px 0 #2c5224, inset -1px -1px 0 #000, 0 0 15px rgba(127,255,106,0.12) !important;
  border-radius: 0 !important;
}
body.theme-phosphor :is(.world-entry button, #claim-world button, .world-entry button[type="submit"]) {
  background: #152410 !important;
  color: #7fff6a !important;
  border: 1px solid #2c5224 !important;
  box-shadow: inset 1px 1px 0 #4a8c3a, inset -1px -1px 0 #050a04 !important;
  border-radius: 0 !important;
}

/* ── Graphpaper Theme Panels & Bevels ── */
body.theme-graphpaper :is(
  .world-entry,
  #claim-world,
  .hero,
  #homeHero,
  .activity,
  .coin-slate,
  .section-panel,
  .front-feed-panel,
  .panel,
  .card,
  [class*="-card"]:not([class*="-card__"]):not([class*="-card-"]),
  [class*="-panel"]
) {
  background: var(--panel, #ffffff) !important;
  color: var(--fg, #0a1020) !important;
  border: 1px solid var(--line, #2a3a50) !important;
  box-shadow: inset 1px 1px 0 #ffffff, inset -1px -1px 0 #8a8690, 2px 2px 0 rgba(0,0,0,0.1) !important;
  border-radius: 0 !important;
}
body.theme-graphpaper :is(.world-entry button, #claim-world button, .world-entry button[type="submit"]) {
  background: #f0f4f8 !important;
  color: #0a1020 !important;
  border: 1px solid #2a3a50 !important;
  box-shadow: inset 1px 1px 0 #ffffff, inset -1px -1px 0 #b9c0d0 !important;
  border-radius: 0 !important;
}

body:is(.theme-ankle99-next, .theme-ankle96-next) :is(.nav,#nav-bar) {background:var(--title-bar)!important;color:var(--title-fg)!important;border-bottom:2px solid var(--line)!important}
body:is(.theme-ankle99-next, .theme-ankle96-next) :is(.nav,#nav-bar) a {color:#e0e0f0!important}

/* ── Miniclip 2004 (Decompiled Aug 4, 2004 Wayback Snapshot 20040804031625) ──
   1:1 decompilation of www.miniclip.com/Homepage.htm + /css/styles.css:
   - Outer ground #003366, 1px #3399ff outer border, #336699 inner table shell (5px cellspacing)
   - Sharp 0px HTML table boxes (#ffffff cards, zero drop-shadow, zero border-radius)
   - #FF9900 section bars, 10px/11px Verdana, #333366 links (hover #336699 no-underline)
   - Real 2004 GIF primitives: bullet_blue.gif (10x8), bullet_orange.gif (10x8),
     vertical_line4.gif, miniclip_classics_left/right/bottom.gif, and NanoBanana Pro
     transparent 2004 ANKLE wordmark (/static/miniclip2004-ankle-wordmark.png). */
body.theme-arcade-2007,body.theme-miniclip{
  --bg:#003366;
  --fg:#000000;
  --panel:#ffffff;
  --surface:#336699;
  --muted:#666666;
  --faint:#336699;
  --line:#3399ff;
  --link:#333366;
  --visited:#333366;
  --highlight:#ff9900;
  --accent:#ff9900;
  --media-well:#eef4fb;
  --body-font:Verdana,Arial,Helvetica,sans-serif;
  --mono-font:Verdana,Arial,Helvetica,sans-serif;
  --radius:0px;
  --shadow:none;
  background:#003366!important;
  color:#000000!important;
  font-family:Verdana,Arial,Helvetica,sans-serif!important;
  font-size:11px!important;
  line-height:1.35!important;
}
body:is(.theme-arcade-2007,.theme-miniclip) .page-layout,
body:is(.theme-arcade-2007,.theme-miniclip) main.shell{
  background:#336699!important;
  border:1px solid #3399ff!important;
  outline:1px solid #003366!important;
  padding:5px!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body:is(.theme-arcade-2007,.theme-miniclip) a:not([role="button"]):not(.btn){
  color:#333366!important;
  font-family:Verdana,Arial,Helvetica,sans-serif!important;
  text-decoration:underline!important;
}
body:is(.theme-arcade-2007,.theme-miniclip) a:not([role="button"]):not(.btn):hover{
  color:#336699!important;
  text-decoration:none!important;
}
body:is(.theme-arcade-2007,.theme-miniclip) :is(.hero,#homeHero,#worldHero){
  background:#336699!important;
  color:#ffffff!important;
  border:2px solid #ffffff!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:8px 10px!important;
}
body:is(.theme-arcade-2007,.theme-miniclip) :is(.hero,#homeHero) .hero-title::before{
  content:"";
  display:block;
  width:190px;
  height:54px;
  margin-bottom:4px;
  background:url("/static/miniclip2004-ankle-wordmark.png") left center / contain no-repeat;
}
body:is(.theme-arcade-2007,.theme-miniclip) :is(ul,ol) li{
  list-style:none!important;
  padding-left:14px!important;
  background:url("/static/eras/2004-miniclip/assets/bullet_blue.gif") 0 3px no-repeat!important;
}
body:is(.theme-arcade-2007,.theme-miniclip) :is(.section-link,.more-link,a.highlight,button.primary,.btn.primary){
  background-color:#ffffff!important;
  background-image:url("/static/eras/2004-miniclip/assets/bullet_orange.gif")!important;
  background-position:4px center!important;
  background-repeat:no-repeat!important;
  padding-left:18px!important;
  color:#ff9900!important;
  -webkit-text-fill-color:#ff9900!important;
  font-weight:bold!important;
  border:1px solid #336699!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body:is(.theme-arcade-2007,.theme-miniclip) :is(input,select,textarea){
  font-family:Verdana,Arial,Helvetica,sans-serif!important;
  font-size:10px!important;
  color:#000000!important;
  background:#ffffff!important;
  border:1px solid #336699!important;
  border-radius:0!important;
}
html:is([data-ankle-viewer-theme="arcade-2007"],[data-ankle-viewer-theme="miniclip"]) #aos-topchips{
  background:#336699!important;
  border-bottom:2px solid #3399ff!important;
  color:#ffffff!important;
}
html:is([data-ankle-viewer-theme="arcade-2007"],[data-ankle-viewer-theme="miniclip"]) #aos-topchips .aos-brand-name,
html:is([data-ankle-viewer-theme="arcade-2007"],[data-ankle-viewer-theme="miniclip"]) #aos-topchips .aos-brand-default-mark{
  display:none!important;
}
html:is([data-ankle-viewer-theme="arcade-2007"],[data-ankle-viewer-theme="miniclip"]) #aos-topchips .aos-brand-symbol{
  width:104px!important;
  min-width:104px!important;
  padding:1px 6px 1px 4px!important;
  overflow:visible!important;
  background:transparent!important;
}
html:is([data-ankle-viewer-theme="arcade-2007"],[data-ankle-viewer-theme="miniclip"]) #aos-topchips .aos-brand-miniclip-wordmark{
  display:block!important;
  width:96px!important;
  height:auto!important;
  max-height:28px!important;
  object-fit:contain!important;
  border:0!important;
  background:transparent!important;
}
html:is([data-ankle-viewer-theme="arcade-2007"],[data-ankle-viewer-theme="miniclip"]) #aos-topchips .aos-chips-group>a:not(.aos-post){
  color:#ffffff!important;
  font-family:Verdana,Arial,Helvetica,sans-serif!important;
  font-size:10px!important;
  font-weight:bold!important;
  text-decoration:none!important;
}
html:is([data-ankle-viewer-theme="arcade-2007"],[data-ankle-viewer-theme="miniclip"]) #aos-topchips .aos-chips-group>a:not(.aos-post):is(:hover,.on,[aria-current="page"]){
  background:#ff9900!important;
  color:#ffffff!important;
}
/* ── Decompiled 2007 Portal, Video, Social, Art, Linkboard & Utility Era Themes ──
   Each era theme wires its NanoBanana Pro transparent ANKLE wordmark into
   #aos-topchips .aos-brand-symbol and .hero, plus authentic period chrome. */
body.theme-portal-2007{--bg:#191919;--fg:#f2f2f2;--panel:#262626;--surface:#1f1f1f;--muted:#b5b5b5;--faint:#888888;--line:#ff9900;--link:#ffcc00;--visited:#d98c50;--highlight:#ff9900;--accent:#ff9900;--media-well:#111111;--body-font:Arial,Helvetica,sans-serif;--mono-font:"Courier New",monospace;--radius:2px;--shadow:0 2px 0 #000000;background:#191919!important;color:#f2f2f2!important;font-family:Arial,Helvetica,sans-serif!important;font-size:11px!important}
body.theme-video-2007{--bg:#ffffff;--fg:#111111;--panel:#ffffff;--surface:#f1f5fb;--muted:#666666;--faint:#888888;--line:#cccccc;--link:#0033cc;--visited:#551a8b;--highlight:#fff3a6;--accent:#cc181e;--media-well:#eeeeee;--body-font:Arial,Helvetica,sans-serif;--mono-font:"Courier New",monospace;--radius:3px;--shadow:none;background:#ffffff!important;color:#111111!important;font-family:Arial,Helvetica,sans-serif!important;font-size:12px!important}
body.theme-news-2007{--bg:#e9f0f7;--fg:#222222;--panel:#ffffff;--surface:#f2f6fa;--muted:#666666;--faint:#888888;--line:#b7c8d9;--link:#105cb6;--visited:#654b8b;--highlight:#fff2a8;--accent:#28639b;--media-well:#f2f6fa;--body-font:Arial,Helvetica,sans-serif;--mono-font:"Courier New",monospace;--radius:4px;--shadow:none;background:#e9f0f7!important;color:#222222!important;font-family:Arial,Helvetica,sans-serif!important;font-size:12px!important}
body.theme-profile-2007{--bg:#e5edf5;--fg:#111111;--panel:#ffffff;--surface:#f2f5fa;--muted:#555555;--faint:#777777;--line:#6698cb;--link:#003399;--visited:#663366;--highlight:#ffcc66;--accent:#003399;--media-well:#e5edf5;--body-font:Verdana,Arial,Helvetica,sans-serif;--mono-font:Verdana,Arial,sans-serif;--radius:0px;--shadow:none;background:#e5edf5!important;color:#111111!important;font-family:Verdana,Arial,Helvetica,sans-serif!important;font-size:11px!important}
body.theme-art-2007{--bg:#7f8d86;--fg:#1e2c26;--panel:#e9f2ee;--surface:#dce7e2;--muted:#506059;--faint:#66756e;--line:#4b6157;--link:#1f5866;--visited:#445850;--highlight:#d7e3dc;--accent:#4b6157;--media-well:#dce7e2;--body-font:Verdana,Tahoma,Arial,sans-serif;--mono-font:Verdana,sans-serif;--radius:4px;--shadow:none;background:#7f8d86!important;color:#1e2c26!important;font-family:Verdana,Tahoma,Arial,sans-serif!important;font-size:11px!important}
body.theme-fun-2007{--bg:#e8f7ff;--fg:#111111;--panel:#ffffff;--surface:#eef9ff;--muted:#555555;--faint:#777777;--line:#77c5ef;--link:#0645ad;--visited:#663399;--highlight:#ffe04c;--accent:#0645ad;--media-well:#eef9ff;--body-font:Verdana,Arial,sans-serif;--mono-font:Verdana,sans-serif;--radius:6px;--shadow:0 1px 2px rgba(0,0,0,.18);background:#e8f7ff!important;color:#111111!important;font-family:Verdana,Arial,sans-serif!important;font-size:11px!important}
body.theme-campus-2007{--bg:#fff;--fg:#111;--panel:#fff;--muted:#666;--line:#3b5998;--link:#3b5998;--visited:#5a4a7d;--highlight:#d8dfea;--media-well:#f7f7f7;--body-font:"Ankle Facebook UI","Lucida Grande",Tahoma,Verdana,Arial,sans-serif;--mono-font:"Ankle Facebook UI","Lucida Grande",Tahoma,Verdana,Arial,sans-serif;--radius:0;--shadow:none}
body.theme-linkboard-2007{--bg:#ffffff;--fg:#222222;--panel:#ffffff;--surface:#eff7ff;--muted:#666666;--faint:#888888;--line:#c6d6e5;--link:#0000ff;--visited:#551a8b;--highlight:#cee3f8;--accent:#ff4500;--media-well:#eff7ff;--body-font:Verdana,Arial,Helvetica,sans-serif;--mono-font:Verdana,Arial,sans-serif;--radius:0px;--shadow:none;background:#ffffff!important;color:#222222!important;font-family:Verdana,Arial,Helvetica,sans-serif!important;font-size:11px!important}
body:is(.theme-yahoo-1999,.theme-directory-portal-2000){--bg:#ffffff;--fg:#000000;--panel:#ffffff;--surface:#efefef;--muted:#555555;--faint:#777777;--line:#9999cc;--link:#0000cc;--visited:#551a8b;--highlight:#ffffcc;--accent:#660099;--media-well:#f5f5fa;--body-font:Arial,Helvetica,sans-serif;--mono-font:"Courier New",monospace;--radius:0px;--shadow:none;background:#ffffff!important;color:#000000!important;font-family:Arial,Helvetica,sans-serif!important;font-size:12px!important}
body.theme-havij-2009{--bg:#dce4ef;--fg:#111111;--panel:#f0f0f0;--surface:#e4e9f2;--muted:#505864;--faint:#6e7785;--line:#8e9bb0;--link:#003399;--visited:#4b2882;--highlight:#cfe4ff;--accent:#2b6cb0;--media-well:#ffffff;--body-font:Tahoma,"Segoe UI",Arial,sans-serif;--mono-font:Consolas,"Courier New",monospace;--radius:3px;--shadow:inset 0 1px 0 #ffffff,0 1px 3px rgba(0,0,0,0.18);background:#dce4ef!important;color:#111111!important;font-family:Tahoma,"Segoe UI",Arial,sans-serif!important;font-size:11px!important}
body:is(.theme-arcade-2007,.theme-miniclip,.theme-portal-2007,.theme-video-2007,.theme-news-2007,.theme-profile-2007,.theme-art-2007,.theme-fun-2007,.theme-campus-2007,.theme-linkboard-2007,.theme-havij-2009,.theme-yahoo-1999) :is(.card,.system-card,.active-world-card,.world-card,.post-card,.stat-card,.agent-card,.template-card,.market-card,.nav-card,.dir-card,.world-entry,#claim-world,.hero,#homeHero,.section,.activity,.coin-slate,.panel,[class*="-panel"]){
  background:var(--panel)!important;color:var(--fg)!important;border:1px solid var(--line)!important;border-radius:var(--radius)!important;box-shadow:var(--shadow)!important
}
body:is(.theme-arcade-2007,.theme-miniclip) :is(.section-title,.card-title,.window-title){background:#ff9900!important;color:#fff!important;border-bottom:3px solid #cc6600!important;font-weight:900!important;font-family:Verdana,Arial,sans-serif!important}
body.theme-news-2007 :is(.section-title,.card-title,.window-title){background:#28639b!important;color:#fff!important;border-bottom:4px solid #a8d16f!important;padding:4px 8px!important}
body.theme-video-2007 :is(.section-title,.card-title,.window-title){color:#03c!important;background:linear-gradient(#fff,#d8e4fa)!important;border-bottom:1px solid #99b3df!important;padding:4px 8px!important}
body:is(.theme-profile-2007,.theme-campus-2007) :is(.section-title,.card-title,.window-title){background:#3b5998!important;color:#fff!important}
body.theme-profile-2007 :is(.section-head,.card-title,.window-title){background:#6698cb!important;color:#ffffff!important;font-weight:bold!important;padding:3px 7px!important;border-bottom:1px solid #003399!important}
body.theme-art-2007 :is(.section-title,.card-title,.window-title){background:linear-gradient(#65766e,#3f554c)!important;color:#fff!important;padding:4px 8px!important}
body.theme-fun-2007 :is(.section-title,.card-title,.window-title){color:#0645ad!important;background:#ffe04c!important;border-bottom:2px solid #77c5ef!important;padding:4px 8px!important}
body.theme-linkboard-2007 :is(.section-title,.card-title,.window-title){color:#111!important;background:#cee3f8!important;border-bottom:1px solid #5f99cf!important;padding:3px 7px!important}
body.theme-portal-2007 :is(.section-title,.card-title,.window-title,.hero-kicker){color:#111!important;background:linear-gradient(180deg,#ffbb00 0%,#ff8800 100%)!important;border:1px solid #000!important;font-weight:bold!important;padding:3px 8px!important}
body:is(.theme-yahoo-1999,.theme-directory-portal-2000) :is(.section-title,.card-title,.window-title){background:#dcdcf0!important;color:#000066!important;border-top:2px solid #666699!important;border-bottom:1px solid #9999cc!important;font-weight:bold!important;padding:3px 7px!important}
body.theme-havij-2009 :is(.section-title,.card-title,.window-title){background:linear-gradient(180deg,#e9f1fc 0%,#c8d9f0 50%,#b5cae8 51%,#d5e3f7 100%)!important;color:#102a43!important;border-bottom:1px solid #8e9bb0!important;font-weight:bold!important;padding:3px 8px!important}

/* ── Era Wordmark Swap Rules for Topbar (#aos-topchips) & Hero (.hero-title) ── */
html:is([data-ankle-viewer-theme="portal-2007"],[data-ankle-viewer-theme="video-2007"],[data-ankle-viewer-theme="news-2007"],[data-ankle-viewer-theme="profile-2007"],[data-ankle-viewer-theme="art-2007"],[data-ankle-viewer-theme="fun-2007"],[data-ankle-viewer-theme="linkboard-2007"],[data-ankle-viewer-theme="apple-2011"],[data-ankle-viewer-theme="yahoo-1999"],[data-ankle-viewer-theme="directory-portal-2000"],[data-ankle-viewer-theme="wikipedia"],[data-ankle-viewer-theme="craigslist"],[data-ankle-viewer-theme="havij-2009"]) #aos-topchips .aos-brand-name,
html:is([data-ankle-viewer-theme="portal-2007"],[data-ankle-viewer-theme="video-2007"],[data-ankle-viewer-theme="news-2007"],[data-ankle-viewer-theme="profile-2007"],[data-ankle-viewer-theme="art-2007"],[data-ankle-viewer-theme="fun-2007"],[data-ankle-viewer-theme="linkboard-2007"],[data-ankle-viewer-theme="apple-2011"],[data-ankle-viewer-theme="yahoo-1999"],[data-ankle-viewer-theme="directory-portal-2000"],[data-ankle-viewer-theme="wikipedia"],[data-ankle-viewer-theme="craigslist"],[data-ankle-viewer-theme="havij-2009"]) #aos-topchips .aos-brand-default-mark{
  display:none!important;
}
html:is([data-ankle-viewer-theme="portal-2007"],[data-ankle-viewer-theme="video-2007"],[data-ankle-viewer-theme="news-2007"],[data-ankle-viewer-theme="profile-2007"],[data-ankle-viewer-theme="art-2007"],[data-ankle-viewer-theme="fun-2007"],[data-ankle-viewer-theme="linkboard-2007"],[data-ankle-viewer-theme="apple-2011"],[data-ankle-viewer-theme="yahoo-1999"],[data-ankle-viewer-theme="directory-portal-2000"],[data-ankle-viewer-theme="wikipedia"],[data-ankle-viewer-theme="craigslist"],[data-ankle-viewer-theme="havij-2009"]) #aos-topchips .aos-brand-symbol{
  width:auto!important;min-width:86px!important;padding:1px 6px 1px 4px!important;overflow:visible!important;background:transparent!important;
}
html[data-ankle-viewer-theme="portal-2007"] #aos-topchips .aos-brand-portal-wordmark,
html[data-ankle-viewer-theme="video-2007"] #aos-topchips .aos-brand-video-wordmark,
html[data-ankle-viewer-theme="news-2007"] #aos-topchips .aos-brand-news-wordmark,
html[data-ankle-viewer-theme="profile-2007"] #aos-topchips .aos-brand-profile-wordmark,
html[data-ankle-viewer-theme="art-2007"] #aos-topchips .aos-brand-art-wordmark,
html[data-ankle-viewer-theme="fun-2007"] #aos-topchips .aos-brand-fun-wordmark,
html[data-ankle-viewer-theme="linkboard-2007"] #aos-topchips .aos-brand-linkboard-wordmark,
html[data-ankle-viewer-theme="apple-2011"] #aos-topchips .aos-brand-apple-logo,
html[data-ankle-viewer-theme="apple-2011"] #aos-topchips .aos-brand-apple-wordmark,
body.theme-apple-2011 #aos-topchips .aos-brand-apple-wordmark,
html:is([data-ankle-viewer-theme="yahoo-1999"],[data-ankle-viewer-theme="directory-portal-2000"]) #aos-topchips .aos-brand-yahoo-wordmark,
html[data-ankle-viewer-theme="wikipedia"] #aos-topchips .aos-brand-wikipedia-wordmark,
html[data-ankle-viewer-theme="craigslist"] #aos-topchips .aos-brand-craigslist-wordmark,
html[data-ankle-viewer-theme="havij-2009"] #aos-topchips .aos-brand-havij-wordmark{
  display:block!important;height:24px!important;width:auto!important;max-width:112px!important;object-fit:contain!important;border:0!important;background:transparent!important;
}
html[data-ankle-viewer-theme="portal-2007"] #aos-topchips{background:#191919!important;border-bottom:2px solid #ff9900!important;color:#ffcc00!important}
html[data-ankle-viewer-theme="video-2007"] #aos-topchips{background:linear-gradient(180deg,#ffffff 0%,#e8eef7 100%)!important;border-bottom:1px solid #cccccc!important;color:#0033cc!important}
html[data-ankle-viewer-theme="news-2007"] #aos-topchips{background:#28639b!important;border-bottom:3px solid #a8d16f!important;color:#ffffff!important}
html[data-ankle-viewer-theme="profile-2007"] #aos-topchips{background:#003399!important;border-bottom:2px solid #6698cb!important;color:#ffffff!important}
html[data-ankle-viewer-theme="art-2007"] #aos-topchips{background:#3f554c!important;border-bottom:2px solid #8c8f43!important;color:#e9f2ee!important}
html[data-ankle-viewer-theme="fun-2007"] #aos-topchips{background:#0645ad!important;border-bottom:2px solid #ffe04c!important;color:#ffffff!important}
html[data-ankle-viewer-theme="linkboard-2007"] #aos-topchips{background:#cee3f8!important;border-bottom:1px solid #5f99cf!important;color:#111111!important}
html[data-ankle-viewer-theme="apple-2011"] #aos-topchips{background:linear-gradient(180deg,#e8e8ec 0%,#c7c7ce 100%)!important;border-bottom:1px solid #99999f!important;color:#1d1d1f!important}
html:is([data-ankle-viewer-theme="yahoo-1999"],[data-ankle-viewer-theme="directory-portal-2000"]) #aos-topchips{background:#ffffff!important;border-bottom:2px solid #660099!important;color:#0000cc!important}
html[data-ankle-viewer-theme="wikipedia"] #aos-topchips{background:#f8f9fa!important;border-bottom:1px solid #a7d7f9!important;color:#0645ad!important}
html[data-ankle-viewer-theme="craigslist"] #aos-topchips{background:#eeeeee!important;border-bottom:1px solid #cccccc!important;color:#551a8b!important}
html[data-ankle-viewer-theme="havij-2009"] #aos-topchips{background:linear-gradient(180deg,#f5f8fd 0%,#d3e0f2 100%)!important;border-bottom:1px solid #8e9bb0!important;color:#102a43!important}
body.theme-portal-2007 :is(.hero,#homeHero) .hero-title::before{content:"";display:block;width:190px;height:52px;margin-bottom:4px;background:url("/static/newgrounds2007-ankle-wordmark.png") left center / contain no-repeat}
body.theme-video-2007 :is(.hero,#homeHero) .hero-title::before{content:"";display:block;width:165px;height:50px;margin-bottom:4px;background:url("/static/youtube2007-ankle-wordmark.png") left center / contain no-repeat}
body.theme-news-2007 :is(.hero,#homeHero) .hero-title::before{content:"";display:block;width:140px;height:44px;margin-bottom:4px;background:url("/static/digg2007-ankle-wordmark.png") left center / contain no-repeat}
body.theme-profile-2007 :is(.hero,#homeHero) .hero-title::before{content:"";display:block;width:195px;height:48px;margin-bottom:4px;background:url("/static/myspace2007-ankle-wordmark.png") left center / contain no-repeat}
body.theme-art-2007 :is(.hero,#homeHero) .hero-title::before{content:"";display:block;width:175px;height:46px;margin-bottom:4px;background:url("/static/deviantart2007-ankle-wordmark.png") left center / contain no-repeat}
body.theme-fun-2007 :is(.hero,#homeHero) .hero-title::before{content:"";display:block;width:175px;height:48px;margin-bottom:4px;background:url("/static/bored2007-ankle-wordmark.png") left center / contain no-repeat}
body.theme-linkboard-2007 :is(.hero,#homeHero) .hero-title::before{content:"";display:block;width:175px;height:46px;margin-bottom:4px;background:url("/static/reddit2007-ankle-wordmark.png") left center / contain no-repeat}
body:is(.theme-yahoo-1999,.theme-directory-portal-2000) :is(.hero,#homeHero) .hero-title::before{content:"";display:block;width:160px;height:52px;margin-bottom:4px;background:url("/static/yahoo1999-ankle-wordmark.png") left center / contain no-repeat}
body.theme-wikipedia :is(.hero,#homeHero) .hero-title::before{content:"";display:block;width:165px;height:52px;margin-bottom:4px;background:url("/static/wikipedia-ankle-wordmark.png") left center / contain no-repeat}
body.theme-craigslist :is(.hero,#homeHero) .hero-title::before{content:"";display:block;width:175px;height:42px;margin-bottom:4px;background:url("/static/craigslist-ankle-wordmark.png") left center / contain no-repeat}
body.theme-havij-2009 :is(.hero,#homeHero) .hero-title::before{content:"";display:block;width:210px;height:44px;margin-bottom:4px;background:url("/static/havij2009-ankle-wordmark.png") left center / contain no-repeat}

/* ── Apple 2011 (OS X Lion / iOS 5 / Brushed Graphite & Aqua Gloss) ──────── */
body.theme-apple-2011 {
  --bg: #f0f0f2;
  --fg: #1d1d1f;
  --panel: #ffffff;
  --muted: #6e6e73;
  --faint: #86868b;
  --line: #d2d2d7;
  --link: #0070c9;
  --visited: #5856d6;
  --highlight: #e8e8ed;
  --media-well: #e5e5ea;
  --body-font: "Lucida Grande", "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --mono-font: Menlo, Monaco, "Courier New", monospace;
  --radius: 6px;
  --shadow: 0 2px 8px rgba(0,0,0,0.08);
  background: #f0f0f2 !important;
  color: #1d1d1f !important;
  font-family: var(--body-font) !important;
}
body.theme-apple-2011 a:not([role="button"]):not(.btn) {
  color: #0070c9 !important;
  text-decoration: none !important;
}
body.theme-apple-2011 a:not([role="button"]):not(.btn):hover {
  text-decoration: underline !important;
  color: #004488 !important;
}
body.theme-apple-2011 :is(.card, .panel, .section, .active-world-card, .system-card, .post-card, .stat-card, .agent-card, .template-card, .market-card) {
  background: #ffffff !important;
  border: 1px solid #d2d2d7 !important;
  border-radius: 6px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
}
body.theme-apple-2011 :is(button, .btn) {
  background: linear-gradient(180deg, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%) !important;
  border: 1px solid #b5b5b5 !important;
  border-radius: 4px !important;
  color: #333333 !important;
  font-family: inherit !important;
  text-shadow: 0 1px 0 #ffffff !important;
  font-size: 11px !important;
  padding: 3px 10px !important;
}
body.theme-apple-2011 :is(button, .btn):hover {
  background: linear-gradient(180deg, #fefefe 0%, #e8e8e8 50%, #d8d8d8 51%, #ececec 100%) !important;
  border-color: #999999 !important;
}
body.theme-apple-2011 :is(button.primary, .btn.primary, button[type="submit"]) {
  background: linear-gradient(180deg, #4aa4f2 0%, #298be7 50%, #1773d4 51%, #2b84e5 100%) !important;
  border-color: #12559e !important;
  color: #ffffff !important;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.3) !important;
}

/* Facebook 2007: clean-room reconstruction of the 2006-07 profile era.
   The regular UI face uses the local Lucida Grande installation. Bold labels
   use the local Tahoma bold cut. The supplied ANKLE
   artwork carries the period wordmark without redistributing Klavika or the
   proprietary interface fonts. */
@font-face{
  font-family:"Ankle Facebook UI";
  src:local("Lucida Grande"),local("Tahoma"),local("Verdana");
  font-style:normal;font-weight:400;font-display:swap;
}
@font-face{
  font-family:"Ankle Facebook UI";
  src:local("Tahoma Bold"),local("Lucida Grande Bold"),local("Verdana Bold");
  font-style:normal;font-weight:700;font-display:swap;
}
body.theme-campus-2007{
  --campus-2007-width:960px;
  --campus-2007-font:"Ankle Facebook UI","Lucida Grande",Tahoma,Verdana,Arial,sans-serif;
  --campus-2007-blue:#3b5998;
  --campus-2007-blue-dark:#1c2a47;
  --campus-2007-bar:#d8dfea;
  --campus-2007-soft:#edeff4;
  --campus-2007-line:#b7c5d9;
  --body-font:var(--campus-2007-font);
  --mono-font:var(--campus-2007-font);
  --serif:var(--campus-2007-font);
  --mono:var(--campus-2007-font);
  background:#fff!important;
  color:#111!important;
  font:11px/1.35 var(--campus-2007-font)!important;
}
body.theme-campus-2007 a:not([role="button"]):not(.btn):not(.hero-collapse-control){color:#3b5998!important;text-decoration:none!important}
body.theme-campus-2007 a:not([role="button"]):not(.btn):not(.hero-collapse-control):hover{text-decoration:underline!important}
body.theme-campus-2007 a:visited{color:#3b5998}
body.theme-campus-2007 :is(button,input,select,textarea,summary,label):not(#ankle-theme-panel *):not(:where(#aos-topchips *,#aos-bottom *,#aos-left *,#aos-right *)),
body.theme-campus-2007 :is(.section-title,.section-meta,.section-link,.hero-doors,.hero-kicker,.world-entry,.world-entry *,.surface-actions,.surface-actions *){
  font-family:var(--campus-2007-font)!important;
}
body.theme-campus-2007 :is(.section-title,.name,.ttl,.hero-title){color:var(--campus-2007-blue-dark)!important}
body.theme-campus-2007 :is(.word,.fp-user){color:var(--campus-2007-blue)!important}
body.theme-campus-2007 :is(.section-meta,.meta,.muted,.ago,.fp-ago,.aw-host){color:#777!important}

/* The public front door becomes the centered, rail-led 2007 composition. */
body.theme-campus-2007 .page-layout{
  width:min(var(--campus-2007-width),calc(100% - 24px))!important;
  max-width:var(--campus-2007-width)!important;
  margin:0 auto!important;
  padding:15px 0 28px!important;
}
body.theme-campus-2007 .page-layout>.shell{width:100%!important;max-width:none!important;margin:0!important;padding:0 0 56px!important}
body.theme-campus-2007 .ankle-topbar{display:none!important}
body.theme-campus-2007 .hero{
  min-height:88px!important;
  display:block!important;
  padding:13px 44px 12px 14px!important;
  margin:0 0 10px!important;
  background:var(--campus-2007-blue)!important;
  border:1px solid var(--campus-2007-blue-dark)!important;
  box-shadow:none!important;
}
body.theme-campus-2007 .hero-ico,body.theme-campus-2007 .hero-title,body.theme-campus-2007 .status2007-hero-wordmark{display:none!important}
body.theme-campus-2007 .campus2007-hero-wordmark{
  display:block!important;width:154px!important;max-width:46vw!important;height:auto!important;
  margin:-7px 0 1px!important;border:0!important;background:transparent!important;filter:invert(1);
}
body.theme-campus-2007 .hero-sub{margin:0 0 6px!important;color:#d8dfea!important;font:9px/1.2 var(--campus-2007-font)!important;text-transform:uppercase}
body.theme-campus-2007 .hero-tag{max-width:650px!important;color:#fff!important;font:13px/1.4 var(--campus-2007-font)!important}
body.theme-campus-2007 .world-thesis{
  max-width:760px!important;margin:10px 0 0!important;padding:7px 9px!important;
  background:#fff!important;border:1px solid var(--campus-2007-line)!important;color:#111!important;
  font:11px/1.45 var(--campus-2007-font)!important;
}
body.theme-campus-2007 .world-thesis b{color:var(--campus-2007-blue-dark)!important;font-size:13px!important}
body.theme-campus-2007 .hero-collapse-control{
  width:21px!important;height:20px!important;padding:0!important;background:#fff!important;color:var(--campus-2007-blue)!important;
  border:1px solid var(--campus-2007-line)!important;font:bold 13px/1 var(--campus-2007-font)!important;
}
body.theme-campus-2007 .hero.is-collapsed{min-height:48px!important;padding:8px 42px 8px 12px!important}
body.theme-campus-2007 .hero.is-collapsed .hero-sub{display:none!important}
body.theme-campus-2007 .hero.is-collapsed .campus2007-hero-wordmark{width:128px!important;margin:-5px 0!important}
body.theme-campus-2007 .world-entry{
  margin:0 0 10px!important;padding:8px 10px!important;background:var(--campus-2007-soft)!important;
  border:1px solid var(--campus-2007-line)!important;box-shadow:none!important;
}
body.theme-campus-2007 .world-entry :is(input,textarea,select){background:#fff!important;border:1px solid #8496ba!important;border-radius:0!important;box-shadow:none!important;color:#111!important}
body.theme-campus-2007 .world-entry :is(button,.btn){background:var(--campus-2007-blue)!important;border:1px solid var(--campus-2007-blue-dark)!important;border-radius:0!important;box-shadow:none!important;color:#fff!important;font-weight:bold!important}
body.theme-campus-2007 :is(.surface-brief,.cph-empty,.starter-inventory-note,.surface-more,.system-card,.nav-card,.dir-card){background:var(--campus-2007-soft)!important;border-color:var(--campus-2007-line)!important;border-radius:0!important;box-shadow:none!important}

body.theme-campus-2007 .section{margin:10px 0!important;padding:0!important;background:#fff!important;border:1px solid var(--campus-2007-line)!important;box-shadow:none!important}
body.theme-campus-2007 .section-head{
  min-height:25px!important;align-items:center!important;margin:0!important;padding:3px 7px!important;
  background:var(--campus-2007-bar)!important;border:0!important;border-bottom:1px solid var(--campus-2007-line)!important;
}
body.theme-campus-2007 .section-title{color:var(--campus-2007-blue-dark)!important;font:bold 12px/1.25 var(--campus-2007-font)!important;letter-spacing:0!important;text-transform:none!important}
body.theme-campus-2007 .section-title::first-letter{font-size:inherit!important}
body.theme-campus-2007 :is(#active-worlds-section,.front-feed-panel) .section-title{
  padding:0!important;background:transparent!important;color:var(--campus-2007-blue-dark)!important;
  border:0!important;box-shadow:none!important;
}
body.theme-campus-2007 .section-meta,body.theme-campus-2007 .section-link{font:9px/1.3 var(--campus-2007-font)!important}
body.theme-campus-2007 .section-explainer{margin:0!important;padding:7px 8px!important;color:#555!important;font:11px/1.4 var(--campus-2007-font)!important}
body.theme-campus-2007 :is(main,[role="main"],.main-panel,.content-panel,.workspace-main){color:#111!important}
body.theme-campus-2007 :is(.panel,.main-panel,.content-panel,.system-card,.nav-card,.dir-card){background:#fff!important;border:1px solid var(--campus-2007-line)!important;border-radius:0!important;box-shadow:none!important}
body.theme-campus-2007 :is(.panel,.main-panel,.content-panel,.system-card,.nav-card,.dir-card)>:is(header,.panel-head,.card-head,.section-head){background:var(--campus-2007-bar)!important;border-bottom:1px solid var(--campus-2007-line)!important;color:var(--campus-2007-blue-dark)!important}

/* The overview uses the classic content column + application rail. */
body.theme-campus-2007 .activity{display:grid!important;grid-template-columns:minmax(0,1fr) 205px!important;gap:0!important;background:#fff!important;border:0!important;box-shadow:none!important}
body.theme-campus-2007 .activity-feed{max-height:240px!important;padding:5px 8px!important;background:#fff!important;border-right:1px solid var(--campus-2007-line)!important;font:11px/1.35 var(--campus-2007-font)!important}
body.theme-campus-2007 .activity-row{grid-template-columns:32px minmax(0,1fr) 65px!important;gap:6px!important;align-items:start!important;padding:5px 0!important;border-bottom:1px solid #ddd!important}
body.theme-campus-2007 .activity-row .avatar{width:30px!important;height:30px!important;border:1px solid var(--campus-2007-line)!important}
body.theme-campus-2007 .activity-side{padding:7px!important;background:var(--campus-2007-soft)!important}
body.theme-campus-2007 .activity-side h4{margin:-7px -7px 6px!important;padding:4px 6px!important;background:var(--campus-2007-bar)!important;border-bottom:1px solid var(--campus-2007-line)!important;color:var(--campus-2007-blue-dark)!important;font:bold 11px/1.3 var(--campus-2007-font)!important;text-transform:none!important;letter-spacing:0!important}
body.theme-campus-2007 .activity-side .cta{background:#fff!important;border:1px solid var(--campus-2007-line)!important;color:var(--campus-2007-blue)!important;font:bold 10px/1.3 var(--campus-2007-font)!important}

/* Worlds read like compact identity/application modules. Feed remains one
   chronological mini-feed, matching the profile-era reference. */
body.theme-campus-2007 .active-worlds-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;padding:6px!important;background:#fff!important;border:0!important;container-type:inline-size}
body.theme-campus-2007 .active-world-card{
  min-height:78px!important;display:grid!important;grid-template-columns:minmax(140px,1fr) minmax(112px,145px)!important;
  grid-template-areas:"identity state" "identity pulse" "identity meta" "identity enter"!important;
  gap:1px 8px!important;padding:6px!important;background:#fff!important;border:0!important;border-bottom:1px solid #e2e6ee!important;border-right:1px solid #e2e6ee!important;box-shadow:none!important;
}
body.theme-campus-2007 .active-world-card .aw-identity{grid-area:identity;align-items:start!important}
body.theme-campus-2007 .active-world-card .aw-state{grid-area:state}.theme-campus-2007 .active-world-card .pulse{grid-area:pulse}.theme-campus-2007 .active-world-card .meta{grid-area:meta}.theme-campus-2007 .active-world-card .aw-enter{grid-area:enter}
body.theme-campus-2007 .active-world-card .aw-icon{width:48px!important;height:48px!important;border:1px solid var(--campus-2007-line)!important}
body.theme-campus-2007 .active-world-card .word{color:var(--campus-2007-blue)!important;font:bold 12px/1.2 var(--campus-2007-font)!important}
body.theme-campus-2007 .active-world-card :is(.aw-host,.aw-state,.pulse,.meta,.aw-enter){font-family:var(--campus-2007-font)!important;font-size:9px!important}
body.theme-campus-2007 .front-feed-grid{display:grid!important;grid-template-columns:1fr!important;gap:0!important;padding:6px 8px!important;background:#fff!important;border:0!important}
body.theme-campus-2007 .front-post-card{
  min-height:0!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  grid-template-areas:"head" "body" "media" "foot"!important;
  padding:6px 0!important;background:#fff!important;border:0!important;border-bottom:1px solid #ddd!important;box-shadow:none!important;color:#111!important;font:11px/1.35 var(--campus-2007-font)!important;
}
body.theme-campus-2007 .front-post-card .fp-head{grid-area:head!important;display:flex!important;align-items:flex-start!important;gap:6px!important;padding:0!important;background:transparent!important;border:0!important}
body.theme-campus-2007 .front-post-card .fp-avatar{width:34px!important;height:34px!important;border:1px solid var(--campus-2007-line)!important}
body.theme-campus-2007 .front-post-card .fp-user{display:block!important;color:var(--campus-2007-blue)!important;font-size:11px!important;white-space:normal!important}
body.theme-campus-2007 .front-post-card .fp-ago{display:block!important;margin-left:auto!important;font-size:9px!important;white-space:normal!important}
body.theme-campus-2007 .front-post-card .fp-body{grid-area:body!important;padding:0!important;color:#111!important;font-size:11px!important}
body.theme-campus-2007 .front-post-card .fp-media{grid-area:media!important;width:auto!important;height:auto!important;max-width:360px!important;margin:4px 0 0!important;place-self:start!important;justify-content:flex-start!important;align-items:flex-start!important;background:transparent!important;border:0!important;box-shadow:none!important}
body.theme-campus-2007 .front-post-card .fp-media :is(img,video){width:auto!important;max-width:100%!important;height:auto!important;max-height:230px!important;object-fit:contain!important;margin-left:0!important;margin-right:auto!important;border:0!important;box-shadow:none!important}
body.theme-campus-2007 .front-post-card .fp-foot{grid-area:foot!important;padding:4px 0 0!important;background:transparent!important;border:0!important;color:#777!important}

body.theme-campus-2007 #feedMain{background:#fff!important}
body.theme-campus-2007 #classicFeed{width:min(760px,calc(100% - 24px))!important;max-width:760px!important;margin:10px auto 28px!important;padding:0!important;background:#fff!important;border:1px solid var(--campus-2007-line)!important}
body.theme-campus-2007 #classicFeed .masonry{grid-template-columns:1fr!important;gap:0!important;background:#fff!important}
body.theme-campus-2007 #classicFeed .post-card{background:#fff!important;border:0!important;border-bottom:1px solid #ddd!important;border-radius:0!important;box-shadow:none!important}
body.theme-campus-2007 #classicFeed .post-card__header{padding:6px 8px!important}
body.theme-campus-2007 #classicFeed .post-card__body{padding:0 8px 5px!important;font-size:11px!important;line-height:1.35!important}
body.theme-campus-2007 #classicFeed .post-card__img-wrap{width:auto!important;max-width:520px!important;margin:0 8px 5px!important;background:transparent!important;border:0!important;box-shadow:none!important}
body.theme-campus-2007 #classicFeed .post-card__img-wrap img{display:block!important;width:auto!important;max-width:100%!important;height:auto!important;max-height:360px!important;object-fit:contain!important;border:0!important;box-shadow:none!important}
body.theme-campus-2007 #classicFeed .post-card__video{width:auto!important;max-width:520px!important;max-height:360px!important;margin:0 8px 5px!important;border:0!important;box-shadow:none!important}
body.theme-campus-2007 #classicFeed .post-card__actions{display:flex!important;justify-content:flex-start!important;gap:3px!important;padding:3px 8px!important;border-top:1px solid #eee!important}
body.theme-campus-2007 #classicFeed .post-card__action{width:auto!important;min-width:0!important;min-height:20px!important;padding:2px 5px!important;color:#3b5998!important;font:bold 10px/1.2 var(--campus-2007-font)!important}
body.theme-campus-2007 #classicFeed .post-card__action:first-child{display:inline-flex!important;align-items:center!important;gap:3px!important}
body.theme-campus-2007 #classicFeed .post-card__action:first-child svg{display:none!important}
body.theme-campus-2007 #classicFeed .post-card__action:first-child::before{content:"";order:0;width:13px;height:13px;flex:0 0 13px;background:url('/static/facebook2007-like.png') center/contain no-repeat}
body.theme-campus-2007 #classicFeed .post-card__action:first-child::after{content:"Like";order:1;white-space:nowrap}
body.theme-campus-2007 #classicFeed .post-card__action--hearted:first-child::after{content:"Liked"}
body.theme-campus-2007 #classicFeed .post-card__action:first-child>span{order:2}
body.theme-campus-2007 #classicFeed .post-card__comment-bar{padding:4px 8px!important;gap:5px!important}
body.theme-campus-2007 :is(.composer,.post-composer,.feed-composer){padding:7px!important;background:var(--campus-2007-soft)!important;border:1px solid var(--campus-2007-line)!important;border-radius:0!important;box-shadow:none!important}
body.theme-campus-2007 :is(.composer,.post-composer,.feed-composer) :is(input,textarea){background:#fff!important;border:1px solid #8496ba!important;border-radius:0!important;box-shadow:none!important;color:#111!important}
body.theme-campus-2007 :is(.tabs,.feed-tabs,.profile-tabs){display:flex!important;gap:2px!important;align-items:end!important;background:#fff!important;border-bottom:1px solid var(--campus-2007-line)!important}
body.theme-campus-2007 :is(.tabs,.feed-tabs,.profile-tabs)>:is(a,button,[role="tab"]){min-height:24px!important;padding:4px 8px!important;background:var(--campus-2007-soft)!important;border:1px solid var(--campus-2007-line)!important;border-bottom:0!important;border-radius:0!important;box-shadow:none!important;color:var(--campus-2007-blue)!important;font-weight:bold!important}
body.theme-campus-2007 :is(.tabs,.feed-tabs,.profile-tabs)>:is(a,button,[role="tab"]):is(.active,.on,[aria-selected="true"]){background:#fff!important;color:var(--campus-2007-blue-dark)!important}
body.theme-campus-2007 :is(.footer,.footer-links,.page-footer){padding:8px!important;background:#fff!important;border-top:1px solid var(--campus-2007-line)!important;color:#777!important;text-align:center!important}

/* Facebook 2007 (Campus 2007) World surfaces — eliminate grey bevels */
body.theme-campus-2007 :is(.world-stream,.world-arcade,.world-continuity,#pHero,.world-hero,.hero-is-world,.stat-row,#statRow,.wgrid .panel,.shell .panel,.shell .section,.a96 .panel,.a96 .section,[data-sec]){
  background: #fff !important;
  border: 1px solid var(--campus-2007-line, #b7c5d9) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #111 !important;
}
body.theme-campus-2007 :is(.world-stream-head,.world-arcade-head,.world-continuity-head,.section-head,.panel-head){
  background: var(--campus-2007-bar, #d8dfea) !important;
  border-bottom: 1px solid var(--campus-2007-line, #b7c5d9) !important;
  color: var(--campus-2007-blue-dark, #1c2a47) !important;
  font-family: var(--campus-2007-font) !important;
}
body.theme-campus-2007 :is(.world-stream-title,.world-arcade-title,.world-continuity-title,.section-title,.panel-title){
  color: var(--campus-2007-blue-dark, #1c2a47) !important;
  font-family: var(--campus-2007-font) !important;
  font-size: 13px !important;
  font-weight: bold !important;
}
body.theme-campus-2007 :is(.section-meta,.world-stream-sub,.muted){
  color: #555 !important;
  font-family: var(--campus-2007-font) !important;
}
body.theme-campus-2007 .world-build-door{
  background: var(--campus-2007-soft, #edeff4) !important;
  border: 1px solid var(--campus-2007-line, #b7c5d9) !important;
  color: #111 !important;
}
body.theme-campus-2007 :is(.world-build-door-title,.world-build-door-kicker){
  color: var(--campus-2007-blue-dark, #1c2a47) !important;
  font-family: var(--campus-2007-font) !important;
  font-weight: bold !important;
}
body.theme-campus-2007 .world-build-door-note{
  color: #555 !important;
  font-family: var(--campus-2007-font) !important;
}
body.theme-campus-2007 .world-build-door-cta,
body.theme-campus-2007 :is(#worldStreamBuild,#attachSiteBtn,.world-stream-controls .btn,.world-build-quick button,#threadSubmit,#wallPostBtn){
  background: var(--campus-2007-blue, #3b5998) !important;
  color: #fff !important;
  border: 1px solid var(--campus-2007-blue-dark, #1c2a47) !important;
  font-family: var(--campus-2007-font) !important;
  font-weight: bold !important;
}
body.theme-campus-2007 :is(.world-build-quick input,#threadInput,#wallText,input.txt,textarea.txt,.shell input:not([type="checkbox"]):not([type="radio"]),.shell textarea){
  background: #fff !important;
  color: #111 !important;
  border: 1px solid #8496ba !important;
  font-family: var(--campus-2007-font) !important;
  box-shadow: none !important;
}
body.theme-campus-2007 .world-stream-card{
  background: #fff !important;
  border: 1px solid var(--campus-2007-line, #b7c5d9) !important;
  color: #111 !important;
}
body.theme-campus-2007 :is(.worldsite-edit,.worldsite-hide,.worldsite-set-portal,.worldsite-set-front){
  background: var(--campus-2007-soft, #edeff4) !important;
  color: var(--campus-2007-blue, #3b5998) !important;
  border: 1px solid var(--campus-2007-line, #b7c5d9) !important;
}
body.theme-campus-2007 :is(.stat,.stat-row *){
  background: #fff !important;
  color: #111 !important;
}
body.theme-campus-2007 :is(.post,.thr){
  border-top: 1px solid #ddd !important;
  color: #111 !important;
  font-family: var(--campus-2007-font) !important;
}
body.theme-campus-2007 :is(.post .who,.thr a){
  color: var(--campus-2007-blue, #3b5998) !important;
  font-family: var(--campus-2007-font) !important;
  font-weight: bold !important;
}

/* Shared OS chrome: blue utility bar, white application rails, compact chat. */
html[data-ankle-viewer-theme="campus-2007"] :is(#aos-topchips,#aos-left,#aos-right,#aos-bottom,#aos-hovercard){font-family:"Ankle Facebook UI","Lucida Grande",Tahoma,Verdana,Arial,sans-serif!important;font-size:11px!important;line-height:1.35!important;box-shadow:none!important}
html[data-ankle-viewer-theme="campus-2007"] #aos-topchips{--aos-world-chip-fg:#fff;background:#3b5998!important;color:#fff!important;border-color:#1c2a47!important}
html[data-ankle-viewer-theme="campus-2007"] :is(#aos-left,#aos-right){background:#fff!important;color:#111!important;border-color:#b7c5d9!important}
html[data-ankle-viewer-theme="campus-2007"] #aos-bottom{background:#edeff4!important;color:#111!important;border-color:#b7c5d9!important}
html[data-ankle-viewer-theme="campus-2007"] :is(#aos-left,#aos-right) .aos-hd{min-height:24px!important;padding:4px 6px!important;background:#3b5998!important;color:#fff!important;border-bottom:1px solid #1c2a47!important;font:bold 11px/1.3 "Ankle Facebook UI","Lucida Grande",Tahoma,Verdana,Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important}
html[data-ankle-viewer-theme="campus-2007"] :is(#aos-left,#aos-right) .aos-sec{margin:7px 0 2px!important;padding:3px 5px!important;background:#d8dfea!important;color:#1c2a47!important;border:0!important;border-bottom:1px solid #b7c5d9!important;font:bold 10px/1.3 "Ankle Facebook UI","Lucida Grande",Tahoma,Verdana,Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important}
html[data-ankle-viewer-theme="campus-2007"] :is(#aos-left,#aos-right) .aos-link{padding:3px 5px!important;color:#3b5998!important;border:0!important;border-bottom:1px solid #eee!important;text-decoration:none!important}
html[data-ankle-viewer-theme="campus-2007"] :is(#aos-left,#aos-right) .aos-link:is(:hover,.active){background:#edeff4!important;color:#1c2a47!important}
html[data-ankle-viewer-theme="campus-2007"] :is(#aos-left,#aos-right) :is(.aos-friend,.aos-row){border-bottom:1px solid #ddd!important}
html[data-ankle-viewer-theme="campus-2007"] #aos-topchips .aos-brand-name,
html[data-ankle-viewer-theme="campus-2007"] #aos-topchips .aos-brand-default-mark,
html[data-ankle-viewer-theme="campus-2007"] #aos-topchips .aos-brand-status-wordmark{display:none!important}
html[data-ankle-viewer-theme="campus-2007"] #aos-topchips .aos-brand-symbol{width:86px!important;min-width:86px!important;padding:1px 7px 1px 3px!important;overflow:visible!important;background:transparent!important}
html[data-ankle-viewer-theme="campus-2007"] #aos-topchips .aos-brand-campus-wordmark{display:block!important;width:76px!important;height:auto!important;max-height:26px!important;object-fit:contain!important;border:0!important;background:transparent!important;filter:invert(1)}
html[data-ankle-viewer-theme="campus-2007"] #aos-topchips .aos-chips-group>a:not(.aos-post){background:transparent!important;color:#fff!important;border-color:#627aad!important;text-transform:none!important;text-decoration:none!important}
html[data-ankle-viewer-theme="campus-2007"] #aos-topchips .aos-chips-group>a:not(.aos-post):is(:hover,.on){background:#1c2a47!important;color:#fff!important}
html[data-ankle-viewer-theme="campus-2007"] #aos-topchips .aos-chips-group :is(a,a:link,a:visited){color:#fff!important}
html[data-ankle-viewer-theme="campus-2007"] #aos-topchips .aos-world-chip-wrap{height:auto!important;margin:0 4px 0 0!important;align-items:stretch!important;background:transparent!important}
html[data-ankle-viewer-theme="campus-2007"] #aos-topchips .aos-world-chip{height:auto!important;min-width:0!important;padding:0 7px!important;gap:5px!important;background:transparent!important;color:#fff!important;border:0!important;font:bold 11px/1.2 "Ankle Facebook UI","Lucida Grande",Tahoma,Verdana,Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important}
html[data-ankle-viewer-theme="campus-2007"] #aos-topchips .aos-world-icon{width:18px!important;height:18px!important;flex-basis:18px!important;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;object-fit:contain!important}
html[data-ankle-viewer-theme="campus-2007"] #aos-topchips .aos-world-chip-x{height:auto!important;margin:0!important;padding:0 7px!important;background:#1c2a47!important;color:#fff!important;border:0!important;font:bold 9px/1 "Ankle Facebook UI","Lucida Grande",Tahoma,Verdana,Arial,sans-serif!important;text-transform:none!important}
html[data-ankle-viewer-theme="campus-2007"] #aos-topchips .aos-world-chip-x:is(:hover,:focus){background:#627aad!important;color:#fff!important}
html[data-ankle-viewer-theme="campus-2007"] #aos-topchips .aos-search{height:24px!important;margin:2px 6px!important;padding:0 5px!important;border:1px solid #1c2a47!important;background:#fff!important}
html[data-ankle-viewer-theme="campus-2007"] :is(#aos-topchips,#aos-left,#aos-right,#aos-bottom) :is(button,input,select,textarea){background:#fff!important;color:#111!important;border:1px solid #8496ba!important;border-radius:0!important;box-shadow:none!important;font-family:"Ankle Facebook UI","Lucida Grande",Tahoma,Verdana,Arial,sans-serif!important}
html[data-ankle-viewer-theme="campus-2007"] #aos-hovercard{width:230px!important;background:#fff!important;color:#111!important;border:1px solid #3b5998!important}
html[data-ankle-viewer-theme="campus-2007"] #aos-hovercard .aos-hovercard-head{padding:6px!important;background:#d8dfea!important;border-bottom:1px solid #b7c5d9!important}
html[data-ankle-viewer-theme="campus-2007"] #aos-hovercard .aos-hovercard-actions{padding:5px 6px!important;border-top:1px solid #b7c5d9!important}
html[data-ankle-viewer-theme="campus-2007"] #aos-hovercard .aos-hover-action{background:#edeff4!important;color:#3b5998!important;border:1px solid #b7c5d9!important;border-radius:0!important;box-shadow:none!important}

/* A Facebook World is a profile/content surface, not another blue toolbar.
   Keep the owner's wallpaper around it, but render the identity/operations
   window as the white 2007-era panel with blue reserved for structure. */
html[data-ankle-viewer-theme="campus-2007"] body.a96 #worldHero{
  --panel:#fff;--chip:#d8dfea;--fg:#111;--muted:#666;--line:#b7c5d9;--link:#3b5998;--highlight:#edeff4;
  background:#fff!important;color:#111!important;border:1px solid #3b5998!important;box-shadow:none!important;background-image:none!important;
}
html[data-ankle-viewer-theme="campus-2007"] body.a96 #worldHero :is(.founder-strip .agentrow,.founder-strip .agentchip){background:#fff!important;color:#111!important;border-color:#b7c5d9!important}
html[data-ankle-viewer-theme="campus-2007"] body.a96 #worldHero :is(.world-action-disclosure>summary,.world-founder-tools summary,.world-action-group .btn){background:#edeff4!important;color:#1c2a47!important;border:1px solid #b7c5d9!important;box-shadow:none!important;text-transform:none!important;font-family:"Ankle Facebook UI","Lucida Grande",Tahoma,Verdana,Arial,sans-serif!important}
html[data-ankle-viewer-theme="campus-2007"] body.a96 #worldHero :is(.world-action-disclosure>summary,.world-founder-tools summary,.world-action-group .btn):is(:hover,:focus){background:#d8dfea!important;color:#3b5998!important}

/* World controls belong to the Facebook surface, not to the generic gray
   window skin. Keep destructive meaning in copy, while every control uses
   the period blue/pale-blue visual language. */
html[data-ankle-viewer-theme="campus-2007"] body.a96 .shell :is(button,.btn,.world-action-disclosure>summary,.world-founder-tools summary){
  background:#edeff4!important;color:#3b5998!important;border:1px solid #b7c5d9!important;
  border-radius:0!important;box-shadow:none!important;text-shadow:none!important;
  font-family:"Ankle Facebook UI","Lucida Grande",Tahoma,Verdana,Arial,sans-serif!important;
}
html[data-ankle-viewer-theme="campus-2007"] body.a96 .shell :is(button,.btn,.world-action-disclosure>summary,.world-founder-tools summary):is(:hover,:focus-visible){background:#d8dfea!important;color:#1c2a47!important;border-color:#8496ba!important}
html[data-ankle-viewer-theme="campus-2007"] body.a96 .shell :is(button.primary,.btn.primary,button[type="submit"],[aria-pressed="true"]){background:#3b5998!important;color:#fff!important;border-color:#1c2a47!important}

/* Owner-selected transparent avatars and World sigils remain literal assets.
   Fallback initials keep their normal panel, but a real image never gains a
   white tile, outline, or halo from the Facebook composition. */
body.theme-campus-2007 :is(.active-world-card .aw-icon.has-loaded-image,.front-post-card .fp-avatar:has(img),.activity-row .avatar:has(img),.profile__avatar-lg:has(img),.profile__world-badge:has(img),.person-row__avatar:has(img),.post-card__avatar:has(img),.post-card__comment-avatar:has(img),.post-card__comment-avatar-link:has(img)){
  background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important;
}
body.theme-campus-2007 :is(.active-world-card .aw-icon.has-loaded-image,.profile__world-badge:has(img)) img{object-fit:contain!important;background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important}
html[data-ankle-viewer-theme="campus-2007"] body.a96 :is(.hero-ico:has(img),.founder-strip .av:has(img)){
  background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important;
}
html[data-ankle-viewer-theme="campus-2007"] body.a96 :is(.hero-ico,.founder-strip .av) img{background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important;object-fit:contain!important}

/* The red count sits inside the notification button. Its Facebook badge has
   no white keyline, and the button itself clips only the badge—not the sibling
   notification menu—so it cannot hang into the adjacent credit label. */
html[data-ankle-viewer-theme="campus-2007"] body #aos-topchips #aosNotifMenuBtn{position:relative!important;overflow:hidden!important}
html[data-ankle-viewer-theme="campus-2007"] body #aos-topchips #aosNotifMenuBtn .aos-notif-badge{
  right:4px!important;top:50%!important;transform:translateY(-50%)!important;
  min-width:14px!important;height:14px!important;padding:0 3px!important;
  background:#f03d25!important;color:#fff!important;border:0!important;outline:0!important;box-shadow:none!important;
}

/* Facebook Messages is a white/pale-blue communication surface. Black is
   ordinary copy only; selected, sent, primary, and unread states use the
   period blue/red grammar instead of generic terminal boxes. */
body.theme-campus-2007:has(.main#appMain) {
  --panel:#edeff4;--paper:#fff;--ink:#111;--dim:#666;--navy:#3b5998;--bad:#b94a48;
  background:#fff!important;color:#111!important;
  font-family:"Ankle Facebook UI","Lucida Grande",Tahoma,Verdana,Arial,sans-serif!important;
}
body.theme-campus-2007:has(.main#appMain) .titlebar{background:#3b5998!important;color:#fff!important;border-color:#1c2a47!important}
body.theme-campus-2007:has(.main#appMain) .titlebar a{color:#fff!important}
body.theme-campus-2007:has(.main#appMain) .titlebar a:hover{background:#1c2a47!important;color:#fff!important}
body.theme-campus-2007:has(.main#appMain) :is(.main,.side,.chat,.side-h,.chat-h,.tabs,.composer,.status,.compose,.gate-box){border-color:#b7c5d9!important}
body.theme-campus-2007:has(.main#appMain) .main{background:#fff!important}
body.theme-campus-2007:has(.main#appMain) :is(.side-h,.chat-h,.tabs,.composer,.status,.compose){background:#edeff4!important;color:#1c2a47!important}
body.theme-campus-2007:has(.main#appMain) .list{background:#fff!important}
body.theme-campus-2007:has(.main#appMain) .convo{background:#fff!important;border-color:#ddd!important}
body.theme-campus-2007:has(.main#appMain) .convo:hover{background:#edeff4!important}
body.theme-campus-2007:has(.main#appMain) .convo.active{background:#d8dfea!important;outline-color:#3b5998!important}
body.theme-campus-2007:has(.main#appMain) :is(.name,.chat-h .ttl,.side-h .ttl){color:#1c2a47!important}
body.theme-campus-2007:has(.main#appMain) .badge{background:#f03d25!important;color:#fff!important;border:0!important}
body.theme-campus-2007:has(.main#appMain) .chat-body{background:#f7f7f7!important}
body.theme-campus-2007:has(.main#appMain) .bubble{border-color:#b7c5d9!important;box-shadow:none!important}
body.theme-campus-2007:has(.main#appMain) .bubble.mine{background:#3b5998!important;color:#fff!important}
body.theme-campus-2007:has(.main#appMain) .bubble.theirs{background:#fff!important;color:#111!important}
body.theme-campus-2007:has(.main#appMain) .reaction{background:#edeff4!important;color:#3b5998!important;border-color:#b7c5d9!important}
body.theme-campus-2007:has(.main#appMain) .reaction:is(:hover,:focus){background:#d8dfea!important;outline-color:#3b5998!important}
body.theme-campus-2007:has(.main#appMain) .reaction.mine{background:#3b5998!important;color:#fff!important}
body.theme-campus-2007:has(.main#appMain) :is(.btn,.tab){background:#edeff4!important;color:#3b5998!important;border-color:#b7c5d9!important}
body.theme-campus-2007:has(.main#appMain) :is(.btn,.tab):is(:hover,:focus){background:#d8dfea!important;color:#1c2a47!important}
body.theme-campus-2007:has(.main#appMain) .tab.active{background:#fff!important;color:#1c2a47!important;border-bottom-color:#fff!important}
body.theme-campus-2007:has(.main#appMain) .btn.primary{background:#3b5998!important;color:#fff!important;border-color:#1c2a47!important}
body.theme-campus-2007:has(.main#appMain) :is(.composer textarea,.compose input){background:#fff!important;color:#111!important;border-color:#8496ba!important}
body.theme-campus-2007:has(.main#appMain) :is(.composer textarea,.compose input):focus{outline-color:#3b5998!important}
body.theme-campus-2007:has(.main#appMain) .rrow:hover{background:#d8dfea!important;color:#1c2a47!important}
body.theme-campus-2007:has(.main#appMain) .rrow:hover .rh{color:#3b5998!important}
body.theme-campus-2007:has(.main#appMain) :is(.msg-img,.msg-file){border-color:#b7c5d9!important;background:#fff!important;color:#3b5998!important}

@container (max-width:430px){
  body.theme-campus-2007 .active-world-card{grid-template-columns:1fr!important;grid-template-areas:"identity" "state" "pulse" "meta" "enter"!important}
}

@media(max-width:760px){
  body.theme-campus-2007 .page-layout{width:calc(100% - 12px)!important;padding-top:7px!important}
  body.theme-campus-2007 .activity{grid-template-columns:1fr!important}
  body.theme-campus-2007 .activity-feed{border-right:0!important;border-bottom:1px solid var(--campus-2007-line)!important}
  body.theme-campus-2007 .active-worlds-grid{grid-template-columns:1fr!important}
  body.theme-campus-2007 .active-world-card{grid-template-columns:1fr!important;grid-template-areas:"identity" "pulse" "meta" "state" "enter"!important}
  html[data-ankle-viewer-theme="campus-2007"] #aos-topchips .aos-brand-symbol{width:50px!important;min-width:50px!important;padding-right:3px!important}
  html[data-ankle-viewer-theme="campus-2007"] #aos-topchips .aos-brand-campus-wordmark{width:44px!important}
}
html[data-ankle-color-scheme="dark"] body.theme-campus-2007,
html[data-ankle-resolved-theme="dark"] body.theme-campus-2007,
html[data-theme="dark"] body.theme-campus-2007{background:#10141d!important;color:#eef2f8!important}
html[data-ankle-color-scheme="dark"] body.theme-campus-2007 :is(.world-entry,.section,.activity,.activity-feed,.active-worlds-grid,.front-feed-grid,.active-world-card,.front-post-card,#classicFeed),
html[data-ankle-resolved-theme="dark"] body.theme-campus-2007 :is(.world-entry,.section,.activity,.activity-feed,.active-worlds-grid,.front-feed-grid,.active-world-card,.front-post-card,#classicFeed),
html[data-theme="dark"] body.theme-campus-2007 :is(.world-entry,.section,.activity,.activity-feed,.active-worlds-grid,.front-feed-grid,.active-world-card,.front-post-card,#classicFeed){background:#1c2330!important;color:#eef2f8!important;border-color:#435578!important}
html[data-ankle-color-scheme="dark"][data-ankle-viewer-theme="campus-2007"] :is(#aos-left,#aos-right,#aos-bottom),
html[data-ankle-resolved-theme="dark"][data-ankle-viewer-theme="campus-2007"] :is(#aos-left,#aos-right,#aos-bottom),
html[data-theme="dark"][data-ankle-viewer-theme="campus-2007"] :is(#aos-left,#aos-right,#aos-bottom){background:#1c2330!important;color:#eef2f8!important;border-color:#435578!important}

/* Each picker tile is a tiny composition, not a generic palette stripe. */
#ankle-theme-panel .theme-opt .theme-mini{
  position:relative;display:block;width:100%;height:48px;margin-bottom:5px;overflow:hidden;
  box-sizing:border-box;border:1px solid var(--tp-line);background:var(--tp-bg);
}
#ankle-theme-panel .theme-mini__top{position:absolute;left:4px;right:4px;top:4px;height:6px;background:var(--tp-link)}
#ankle-theme-panel .theme-mini__copy{position:absolute;left:7px;right:20px;top:17px;display:grid;gap:3px}
#ankle-theme-panel .theme-mini__copy i{display:block;height:2px;background:var(--tp-link)}
#ankle-theme-panel .theme-mini__copy i:nth-child(2){width:78%}
#ankle-theme-panel .theme-mini__copy i:nth-child(3){width:58%}
#ankle-theme-panel .theme-mini__rail{position:absolute;right:4px;top:14px;bottom:4px;width:12px;background:var(--tp-hi);border-left:1px solid var(--tp-line)}
#ankle-theme-panel .theme-mini__media,#ankle-theme-panel .theme-mini__vote{display:none}
#ankle-theme-panel .theme-mini--discmaster{background:#c0c0c0;border:2px outset #fff}
#ankle-theme-panel .theme-mini--discmaster .theme-mini__top{background: var(--a96-titlebar, #e8e8e8) }
#ankle-theme-panel .theme-mini--graphpaper{background-color:#f6f4ea;background-image:linear-gradient(#2a3a5022 1px,transparent 1px),linear-gradient(90deg,#2a3a5022 1px,transparent 1px);background-size:8px 8px}
#ankle-theme-panel .theme-mini--phosphor{background:#071006;background-image:repeating-linear-gradient(0deg,#0005 0 1px,transparent 1px 3px);box-shadow:inset 0 0 8px #7fff6a44}
#ankle-theme-panel .theme-mini--phosphor :is(.theme-mini__top,.theme-mini__copy i){background:#7fff6a}
#ankle-theme-panel .theme-mini--paper{background:#f8f3e6;padding:4px;box-shadow:inset 5px 0 #a42a00}
#ankle-theme-panel .theme-mini--status-2007{background:#9ae4e8}
#ankle-theme-panel .theme-mini--status-2007 .theme-mini__copy{left:14px;right:22px;top:14px;bottom:4px;background:#fff;padding:6px 4px}
#ankle-theme-panel .theme-mini--status-2007 .theme-mini__top{left:14px;right:18px;background:#fff;border-bottom:1px solid #ccc}
#ankle-theme-panel .theme-mini--status-2007 .theme-mini__rail{background:#eef8da}
#ankle-theme-panel .theme-mini--arcade-2007{background:#003366}
#ankle-theme-panel .theme-mini--arcade-2007 .theme-mini__top{height:9px;background:linear-gradient(90deg,#ff9900 0 40%,#3399ff 40%)}
#ankle-theme-panel .theme-mini--arcade-2007 .theme-mini__media{display:block;position:absolute;left:6px;top:17px;width:22px;height:21px;background:#fff;border:2px solid #3399ff}
#ankle-theme-panel .theme-mini--arcade-2007 .theme-mini__copy{left:34px;right:5px}
#ankle-theme-panel .theme-mini--apple-2011{background:#f0f0f2}
#ankle-theme-panel .theme-mini--apple-2011 .theme-mini__top{height:9px;background:linear-gradient(180deg,#444 0%,#282828 100%)}
#ankle-theme-panel .theme-mini--apple-2011 .theme-mini__copy{left:8px;right:8px;top:14px;background:#fff;border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,0.1)}
#ankle-theme-panel .theme-mini--portal-2007{background:#191919}
#ankle-theme-panel .theme-mini--portal-2007 .theme-mini__top{height:8px;background:#f90}
#ankle-theme-panel .theme-mini--portal-2007 .theme-mini__copy i{background:#ffb000}
#ankle-theme-panel .theme-mini--video-2007 .theme-mini__media{display:block;position:absolute;left:6px;top:17px;width:25px;height:22px;background:#eee;border:1px solid #aaa}
#ankle-theme-panel .theme-mini--video-2007 .theme-mini__copy{left:36px;right:5px}
#ankle-theme-panel .theme-mini--news-2007 .theme-mini__top{background:linear-gradient(90deg,#28639b 0 70%,#a8d16f 70%)}
#ankle-theme-panel .theme-mini--news-2007 .theme-mini__vote{display:block;position:absolute;left:6px;top:17px;width:14px;height:18px;background:#fff2a8;border:1px solid #b7c8d9}
#ankle-theme-panel .theme-mini--news-2007 .theme-mini__copy{left:25px;right:5px}
#ankle-theme-panel .theme-mini--profile-2007 .theme-mini__top{left:0;right:0;top:0;height:10px;background:#3b5998}
#ankle-theme-panel .theme-mini--profile-2007 .theme-mini__media{display:block;position:absolute;left:6px;top:16px;width:19px;height:23px;background:#e5edf5;border:1px solid #6698cb}
#ankle-theme-panel .theme-mini--profile-2007 .theme-mini__copy{left:31px;right:5px}
#ankle-theme-panel .theme-mini--art-2007{background:#7f8d86}
#ankle-theme-panel .theme-mini--art-2007 .theme-mini__media{display:block;position:absolute;left:6px;right:6px;top:16px;height:22px;background:repeating-linear-gradient(90deg,#dce7e2 0 17px,#4b6157 17px 20px)}
#ankle-theme-panel .theme-mini--fun-2007{background:#e8f7ff;border-radius:6px}
#ankle-theme-panel .theme-mini--fun-2007 .theme-mini__top{background:#ffe04c;border-radius:5px}
#ankle-theme-panel .theme-mini--fun-2007 .theme-mini__rail{background:#77c5ef;border-radius:5px}
#ankle-theme-panel .theme-mini--campus-2007{background:#fff}
#ankle-theme-panel .theme-mini--campus-2007 .theme-mini__top{left:0;right:0;top:0;height:10px;background:#3b5998}
#ankle-theme-panel .theme-mini--campus-2007 .theme-mini__rail{left:5px;right:auto;top:14px;bottom:5px;width:17px;background:#edeff4;border:1px solid #b7c5d9}
#ankle-theme-panel .theme-mini--campus-2007 .theme-mini__media{display:block;position:absolute;left:27px;top:15px;width:18px;height:20px;background:#f7f7f7;border:1px solid #b7c5d9}
#ankle-theme-panel .theme-mini--campus-2007 .theme-mini__copy{left:50px;right:5px;top:15px;gap:3px}
#ankle-theme-panel .theme-mini--campus-2007 .theme-mini__copy i{background:#d8dfea}
#ankle-theme-panel .theme-mini--campus-2007 .theme-mini__copy i:first-child{height:4px;background:#3b5998}
#ankle-theme-panel .theme-mini--linkboard-2007 .theme-mini__top{background:#cee3f8}
#ankle-theme-panel .theme-mini--linkboard-2007 .theme-mini__vote{display:block;position:absolute;left:6px;top:18px;width:5px;height:16px;background:#c6d6e5}
#ankle-theme-panel .theme-mini--linkboard-2007 .theme-mini__copy{left:16px;right:5px;gap:4px}
#ankle-theme-panel :is(.theme-mini--ankle99-next, .theme-mini--ankle96-next){background:#9896b4;box-shadow:inset 0 0 0 4px #d8d6cc}
#ankle-theme-panel :is(.theme-mini--ankle99-next, .theme-mini--ankle96-next) .theme-mini__top{background:#555063}
#ankle-theme-panel .theme-mini--directory-portal-2000 .theme-mini__copy{right:5px;display:grid;grid-template-columns:1fr 1fr;gap:4px 8px}
#ankle-theme-panel .theme-mini--directory-portal-2000 .theme-mini__copy i{width:100%}
#ankle-theme-panel .theme-mini--funny{background:#c0c0c0;border-color:#f00}
#ankle-theme-panel .theme-mini--funny .theme-mini__top{background:#fff700;border:1px solid #f00}
#ankle-theme-panel .theme-mini--funny .theme-mini__rail{background:#fff700;border-color:#f00}
#ankle-theme-panel .theme-mini--geocities-fireheart{background:#1a0000;background-image:radial-gradient(ellipse at 50% 110%,#ff0 0 8%,#f40 9% 22%,transparent 23%),linear-gradient(#1a0000,#330000)}
#ankle-theme-panel .theme-mini--geocities-fireheart .theme-mini__top{background:#f40;box-shadow:0 0 5px #f40}
#ankle-theme-panel .theme-mini--geocities-fireheart .theme-mini__copy i{background:#ffd700}

/* Typography is a real role editor plus individually loaded font specimens. */
#ankle-theme-panel *,#ankle-theme-panel *::before,#ankle-theme-panel *::after{box-sizing:border-box}
#ankle-theme-panel :is(input,button,select,textarea,.font-role,.font-result){min-width:0;max-width:100%}
#ankle-theme-panel :is(.font-role,.font-result,.font-empty){overflow-wrap:anywhere}
#ankle-theme-panel .font-role-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-bottom:7px}
#ankle-theme-panel .font-role{display:grid;gap:2px;width:100%;min-height:46px;padding:5px 7px;border:1px solid var(--line);border-radius:0;background:var(--panel);color:var(--fg);text-align:start;cursor:pointer;overflow:hidden}
#ankle-theme-panel .font-role.active{background:var(--highlight);outline:1px solid var(--fg);outline-offset:-2px}
#ankle-theme-panel .font-role b{font:700 10px/1.2 var(--mono-font);text-transform:uppercase;letter-spacing:.04em}
#ankle-theme-panel .font-role span{font:10px/1.25 var(--body-font);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#ankle-theme-panel #ankle-font-search{width:100%;padding:6px 7px;border:1px solid var(--line);background:var(--panel);color:var(--fg);font:11px/1.3 var(--body-font)}
#ankle-theme-panel .font-results{max-height:min(360px,45vh);margin-top:6px;overflow:hidden auto;border:1px solid var(--line);background:var(--panel)}
#ankle-theme-panel .font-result{display:grid;gap:3px;width:100%;padding:7px 8px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:var(--panel);color:var(--fg);text-align:start;cursor:pointer}
#ankle-theme-panel .font-result:hover,#ankle-theme-panel .font-result.active{background:var(--highlight)}
#ankle-theme-panel .font-result-name{font:10px/1.2 var(--mono-font);color:var(--muted)}
#ankle-theme-panel .font-result-sample{display:block;font-size:19px;line-height:1.25;white-space:normal}
#ankle-theme-panel .font-empty{padding:8px;color:var(--muted);font:10px/1.35 var(--mono-font)}
#ankle-theme-panel .font-preview{margin-top:6px;padding:8px;border:1px dashed var(--line);background:var(--bg);color:var(--fg);font-size:18px;line-height:1.3}
@media(max-width:430px){#ankle-theme-panel .font-role-list{grid-template-columns:1fr}}
/* Apply only roles with an explicit user selection. A role showing "theme
   default" must preserve the component's authored font instead of inheriting
   a different custom role. These declarations intentionally outrank legacy
   theme/shell !important rules when the viewer made an explicit choice. */
body.ankle-user-font-body{font-family:var(--ankle-font-body)!important}
body.ankle-user-font-body :is(p,li,dt,dd,blockquote,caption,th,td,.hero-tag,.section-explainer,.activity-row .body,.world-card .body,.front-post-card .fp-body,.caps-layer,.disc-card p):not(#ankle-theme-panel *){font-family:var(--ankle-font-body)!important}
body.ankle-user-font-heading :is(h1,h2,h3,h4,h5,h6,.hero-title,.world-thesis b,.hero-stat b,.section-title,.active-world-card .word,.world-card .name,.coin-slate .ttl,.agent-chip .name,.market-card .name,.disc-card h3,.stat-cell .val):not(#ankle-theme-panel *){font-family:var(--ankle-font-heading)!important}
body.ankle-user-font-ui :is(button,input,select,textarea,label,nav,nav *,.nav,.nav *,.btn,[role="button"],#aos-topchips,#aos-topchips *,#aos-left,#aos-left *,#aos-right,#aos-right *,#aos-bottom,#aos-bottom *,#aos-post-modal,#aos-post-modal *,#aos-legal-banner,#aos-legal-banner *):not(#ankle-theme-panel *){font-family:var(--ankle-font-ui)!important}
body.ankle-user-font-mono :is(code,pre,kbd,samp,.hero-sub,.section-meta,.section-link,.activity-feed,.activity-side,.world-card .desc,.active-world-card .meta,.active-world-card .pulse,.front-post-card .fp-head,.front-post-card .fp-foot,.coin-slate .sub,.coin-slate .addr,.agent-chip .spec,.agent-chip .verified,.market-card .desc,.market-card .row,.caps-id,.caps-proof,.stat-cell,.footer):not(#ankle-theme-panel *){font-family:var(--ankle-font-mono)!important}
/* Global night-mode contrast safety. */
html[data-ankle-color-scheme="dark"],
html[data-ankle-resolved-theme="dark"],
html[data-theme="dark"],
body.theme-dark,
body[data-theme="dark"] {
  --bg: #14171d !important;
  --fg: #f5f7fa !important;
  --panel: #1e222b !important;
  --muted: #b8c0cc !important;
  --faint: #718096 !important;
  --line: #3d4454 !important;
  --link: #63b3ed !important;
  --visited: #b794f4 !important;
  --highlight: #2b3a4a !important;
  background-color: #14171d !important;
  color: #f5f7fa !important;
}
html[data-ankle-color-scheme="dark"] body.theme-discmaster,
html[data-ankle-color-scheme="dark"] body.theme-discmaster *,
html[data-ankle-resolved-theme="dark"] body.theme-discmaster,
html[data-ankle-resolved-theme="dark"] body.theme-discmaster *,
html[data-theme="dark"] body.theme-discmaster,
html[data-theme="dark"] body.theme-discmaster * { color: inherit; }
html[data-ankle-color-scheme="dark"] body.theme-discmaster :is(.ankle-terminal,.terminal-header,.terminal-output,.terminal-input-row,.hermes-bubble,.cmd-chip,.ankle-notification,.qa-btn,.slash-item) {
  background: #1e222b !important;
  border-color: #3d4454 !important;
  color: #f5f7fa !important;
}
html[data-ankle-color-scheme="dark"] body.theme-discmaster .terminal-input {
  background: #14171d !important;
  color: #f5f7fa !important;
  border-color: #3d4454 !important;
  caret-color: #f5f7fa !important;
}

/* campus-2007 hero banners: FB font, white text, lowercase headers (2026-09-03) */
body.theme-campus-2007 :is(.hero, .hero *){
  font-family:var(--campus-2007-font)!important;
}
body.theme-campus-2007 .hero :is(h1,h2,.title){
  color:#fff!important;
  font:20px/1.2 var(--campus-2007-font)!important;
  font-weight:bold!important;
  text-transform:lowercase!important;
  letter-spacing:-0.01em!important;
}
body.theme-campus-2007 .hero :is(.sub,.description,.blurb){
  color:#d8dfea!important;
  font:11px/1.35 var(--campus-2007-font)!important;
  text-transform:none!important;
}
body.theme-campus-2007 .hero :is(.stats,.stats *){
  color:#fff!important;
}
body.theme-campus-2007 .hero .stats b{
  color:#fff!important;
}

/* ── PERMANENT LOCK (2026-09-03): Facebook theme wordmark ────────────────
   Operator directive: the campus-2007 brand IS the lowercase wordmark PNG
   (facebook2007-ankle-wordmark.png, white, Codex-made from Alex's PNG).
   These rules intentionally over-specify so later cascade additions can't
   silently drop the brand back to a bare glyph. Do not remove. */
html[data-ankle-viewer-theme="campus-2007"] #aos-topchips .aos-brand-campus-wordmark,
html[data-ankle-viewer-theme="campus-2007"] #aos-topchips .aos-brand-campus-wordmark {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
html[data-ankle-viewer-theme="campus-2007"] #aos-topchips .aos-brand-default-mark,
html[data-ankle-viewer-theme="campus-2007"] #aos-topchips .aos-brand-default-mark {
  display: none !important;
}
html[data-ankle-viewer-theme="campus-2007"] #aos-topchips .aos-brand-campus-wordmark-fallback {
  display: none !important;
}
/* ── END PERMANENT LOCK ─────────────────────────────────────────────── */


/* ── cuppicakeXD theme (Mia Y2K AIM aesthetic) ─────────────────────── */
body:is(.theme-cuppicake-xd, .theme-cuppicakexd) {
  --bg: #f4ebe1;
  --fg: #000000;
  --panel: #f794c3;
  --surface: #ffffff;
  --muted: #555555;
  --faint: #777777;
  --line: #000000;
  --link: #ff0066;
  --visited: #99004d;
  --highlight: #ffe600;
  --accent: #ff0066;
  --title-bar: #f794c3;
  --title-fg: #000000;
  --media-well: #ffffff;
  --body-font: Tahoma, "MS Sans Serif", Arial, sans-serif;
  --mono-font: "Courier New", Courier, monospace;
  --radius: 0;
  --shadow: none;
}

body:is(.theme-cuppicake-xd, .theme-cuppicakexd) *,
body:is(.theme-cuppicake-xd, .theme-cuppicakexd) *::before,
body:is(.theme-cuppicake-xd, .theme-cuppicakexd) *::after {
  border-radius: 0 !important;
}

body:is(.theme-cuppicake-xd, .theme-cuppicakexd) input,
body:is(.theme-cuppicake-xd, .theme-cuppicakexd) textarea,
body:is(.theme-cuppicake-xd, .theme-cuppicakexd) select {
  border: 1px solid #000000 !important;
  background: #ffffff !important;
  color: #000000 !important;
  font-family: var(--body-font) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body:is(.theme-cuppicake-xd, .theme-cuppicakexd) button:not(.theme-opt):not(.close-x),
body:is(.theme-cuppicake-xd, .theme-cuppicakexd) .btn {
  border: 1px solid #000000 !important;
  background: #f794c3 !important;
  color: #000000 !important;
  font-family: var(--body-font) !important;
  font-weight: bold !important;
  border-radius: 0 !important;
  box-shadow: 1px 1px 0 #000000 !important;
}

body:is(.theme-cuppicake-xd, .theme-cuppicakexd) .btn.primary,
body:is(.theme-cuppicake-xd, .theme-cuppicakexd) button.primary,
body:is(.theme-cuppicake-xd, .theme-cuppicakexd) .post-card__action--world {
  background: #ffe600 !important;
  color: #000000 !important;
  border: 1px solid #000000 !important;
}

body:is(.theme-cuppicake-xd, .theme-cuppicakexd) button:not(.theme-opt):not(.close-x):active,
body:is(.theme-cuppicake-xd, .theme-cuppicakexd) .btn:active {
  box-shadow: inset 1px 1px 0 #000000 !important;
  transform: translate(1px, 1px);
}

body:is(.theme-cuppicake-xd, .theme-cuppicakexd) .post-card,
body:is(.theme-cuppicake-xd, .theme-cuppicakexd) .card,
body:is(.theme-cuppicake-xd, .theme-cuppicakexd) [class*="-card"]:not([class*="-card__"]):not([class*="-card-"]) {
  border: 1px solid #000000 !important;
  background: #ffffff !important;
  box-shadow: 2px 2px 0 #000000 !important;
}

body:is(.theme-cuppicake-xd, .theme-cuppicakexd) .post-card__header {
  background: #f794c3 !important;
  color: #000000 !important;
  border-bottom: 1px solid #000000 !important;
}

body:is(.theme-cuppicake-xd, .theme-cuppicakexd) .post-card__actions {
  background: #f794c3 !important;
  border-top: 1px solid #000000 !important;
}

body:is(.theme-cuppicake-xd, .theme-cuppicakexd) .post-card__comment-bar {
  background: #ffffff !important;
  border-top: 1px solid #000000 !important;
}

#ankle-theme-panel .theme-mini--cuppicake-xd{background:#f4ebe1;border:1px solid #000}
#ankle-theme-panel .theme-mini--cuppicake-xd .theme-mini__top{background:#f794c3;height:10px}
#ankle-theme-panel .theme-mini--cuppicake-xd .theme-mini__copy i{background:#000}
#ankle-theme-panel .theme-mini--cuppicake-xd .theme-mini__media{display:block;position:absolute;left:6px;top:16px;width:18px;height:20px;background:#fff;border:1px solid #000}

/* ── Original ANKLE theme (February / March modern portfolio aesthetic) ── */
html[data-ankle-viewer-theme="ankle-original"],
body.theme-ankle-original {
  --bg: #ffffff;
  --fg: #121212;
  --panel: #fafafa;
  --surface: #ffffff;
  --muted: #6b6b6b;
  --faint: #999999;
  --line: #e8e8e8;
  --border: #e8e8e8;
  --link: #0a0a0a;
  --visited: #4a4a4a;
  --highlight: #f5f5f5;
  --accent: #111111;
  --title-bar: #fafafa;
  --title-fg: #121212;
  --media-well: #f8f8f8;
  --body-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --mono-font: 'Fragment Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --radius: 12px;
  --shadow: 0 4px 20px rgba(0,0,0,0.06);
}

body.theme-ankle-original {
  background: var(--bg) !important;
  color: var(--fg) !important;
  font-family: var(--body-font) !important;
}

body.theme-ankle-original input,
body.theme-ankle-original textarea,
body.theme-ankle-original select {
  border: 1px solid #e8e8e8 !important;
  background: #ffffff !important;
  color: #121212 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  font-family: var(--body-font) !important;
}

body.theme-ankle-original button:not(.theme-opt):not(.close-x),
body.theme-ankle-original .btn {
  border: 1px solid #e8e8e8 !important;
  background: #f5f5f5 !important;
  color: #121212 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  font-family: var(--body-font) !important;
  font-weight: 500 !important;
  transition: all 0.15s ease !important;
}

body.theme-ankle-original button:not(.theme-opt):not(.close-x):hover,
body.theme-ankle-original .btn:hover {
  background: #111111 !important;
  color: #ffffff !important;
  border-color: #111111 !important;
}

body.theme-ankle-original .btn.primary,
body.theme-ankle-original button.primary {
  background: #111111 !important;
  color: #ffffff !important;
  border-color: #111111 !important;
}

body.theme-ankle-original .post-card,
body.theme-ankle-original .card,
body.theme-ankle-original .surf-card,
body.theme-ankle-original [class*="-card"]:not([class*="-card__"]):not([class*="-card-"]) {
  border: 1px solid #e8e8e8 !important;
  background: #ffffff !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.04) !important;
  overflow: hidden !important;
}

body.theme-ankle-original .post-card__header {
  border-bottom: 1px solid #f0f0f0 !important;
  background: #ffffff !important;
}

body.theme-ankle-original .hero,
body.theme-ankle-original .world-entry,
body.theme-ankle-original #claim-world {
  border: 1px solid #e8e8e8 !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.05) !important;
  background: #fafafa !important;
}

body.theme-ankle-original #aos-bottom,
body.theme-ankle-original #aos-top,
body.theme-ankle-original #aos-left,
body.theme-ankle-original #aos-right {
  border-color: #e8e8e8 !important;
  background: #fafafa !important;
}

#ankle-theme-panel .theme-mini--ankle-original {
  background: #ffffff;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
}
#ankle-theme-panel .theme-mini--ankle-original .theme-mini__top {
  background: #fafafa;
  height: 10px;
  border-bottom: 1px solid #e8e8e8;
}
#ankle-theme-panel .theme-mini--ankle-original .theme-mini__copy i {
  background: #111111;
}
#ankle-theme-panel .theme-mini--ankle-original .theme-mini__media {
  display: block;
  position: absolute;
  left: 6px;
  top: 16px;
  width: 18px;
  height: 20px;
  background: #f8f8f8;
  border: 1px solid #e8e8e8;
  border-radius: 2px;
}

/* AREAL — Arena's Arial remix. Alex, 2026-10-09: "I actually really like the font
   a lot. Let's keep it." The file shipped on 2026-09-xx; this face was never declared,
   so Ankle 2029 rendered in Inter. Declared 2026-10-10. */
@font-face {
  font-family: Areal;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/static/fonts/areal-variable.woff2") format("woff2");
}

@font-face {
  font-family: InterAnkle;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/static/fonts/inter-latin.woff2") format("woff2");
}

html[data-ankle-viewer-theme="ankle-2029"],
body.theme-ankle-2029 {
  --bg: #ffffff;
  --fg: #121212;
  --panel: #fafafa;
  --surface: #ffffff;
  --muted: #636363;
  --faint: #999999;
  --line: #e8e8e8;
  --border: #e8e8e8;
  --link: #0a0a0a;
  --visited: #4a4a4a;
  --highlight: #f3f4f6;
  --accent: #111111;
  --title-bar: #fafafa;
  --title-fg: #121212;
  --media-well: #f8f8f8;
  --body-font: Areal, InterAnkle, Inter, Arial, sans-serif;
  --mono-font: InterAnkle, Inter, Arial, sans-serif;
  --radius: 12px;
  --shadow: 0 4px 20px rgba(0,0,0,0.06);
}

body.theme-ankle-2029 {
  background: #ffffff !important;
  color: #121212 !important;
  font-family: Areal, InterAnkle, Inter, Arial, sans-serif !important;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  -webkit-font-smoothing: antialiased;
}

body.theme-ankle-2029 .ankle-scramble-sheet {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 8px 0 48px;
  background: #ffffff;
  color: #121212;
}
body.theme-ankle-2029 .ankle-scramble-sheet.fade { transition: opacity .8s ease-out; }
body.theme-ankle-2029 .ankle-scramble-sheet.out { opacity: 0; }
body.theme-ankle-2029 .ankle-scramble-sheet .col { width: 100%; max-width: 32rem; }
body.theme-ankle-2029 .ankle-scramble-sheet .name { display: flex; justify-content: space-between; margin-bottom: 40px; }
body.theme-ankle-2029 .ankle-scramble-sheet,
body.theme-ankle-2029 .ankle-scramble-sheet h1,
body.theme-ankle-2029 .ankle-scramble-sheet h2,
body.theme-ankle-2029 .ankle-scramble-sheet p,
body.theme-ankle-2029 .ankle-scramble-sheet button,
body.theme-ankle-2029 .ankle-scramble-sheet a,
body.theme-ankle-2029 .ankle-scramble-sheet span {
  font-family: Areal, InterAnkle, Inter, Arial, sans-serif !important;
}
body.theme-ankle-2029 .ankle-scramble-sheet h1,
body.theme-ankle-2029 .ankle-scramble-sheet h2,
body.theme-ankle-2029 .ankle-scramble-sheet p { margin: 0; font-size: 14px; font-weight: 400; line-height: 20px; }
body.theme-ankle-2029 .ankle-scramble-sheet .block { margin-top: 20px; }
body.theme-ankle-2029 .ankle-scramble-sheet .tight { margin-bottom: 4px; }
body.theme-ankle-2029.theme-ankle-original .ankle-scramble-sheet .acc-trigger {
  width: calc(100% + 32px);
  margin-left: -16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
  padding: 8px 16px;
  background: #ffffff !important;
  border: 0 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  color: #121212 !important;
  font-family: Areal, InterAnkle, Inter, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  text-align: left;
  cursor: pointer;
}
body.theme-ankle-2029.theme-ankle-original .ankle-scramble-sheet .acc-trigger:hover { background: #f3f4f6 !important; color: #121212 !important; }
body.theme-ankle-2029 .ankle-scramble-sheet .chev { width: 16px; height: 16px; flex: none; color: #636363; transition: transform .2s; }
body.theme-ankle-2029 .ankle-scramble-sheet .acc-trigger[data-open="1"] .chev { transform: rotate(-180deg); }
body.theme-ankle-2029 .ankle-scramble-sheet .acc-meta { display: flex; justify-content: space-between; width: 100%; color: #636363; }
body.theme-ankle-2029 .ankle-scramble-sheet .panel { overflow: hidden; height: 0; transition: height .2s ease-out; }
body.theme-ankle-2029 .ankle-scramble-sheet .panel-inner { display: flex; flex-direction: column; gap: 8px; padding: 16px 20px; }
body.theme-ankle-2029 .ankle-scramble-sheet .contacts { display: flex; gap: 16px; margin-top: 8px; }
body.theme-ankle-2029.theme-ankle-original .ankle-scramble-sheet .contacts a,
body.theme-ankle-2029.theme-ankle-original .ankle-scramble-sheet button.replay {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #121212 !important;
  font-family: Areal, InterAnkle, Inter, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  text-decoration: none;
  cursor: pointer;
}
body.theme-ankle-2029 .ankle-scramble-sheet .email {
  font-weight: 300 !important;
  letter-spacing: .025em;
  text-decoration: underline;
  position: relative;
}
body.theme-ankle-2029 .ankle-scramble-sheet .toast {
  position: absolute;
  left: 0;
  top: 18px;
  font-size: 12px;
  line-height: 16px;
  white-space: nowrap;
}
body.theme-ankle-2029 .ankle-scramble-sheet .replay-wrap { width: 100%; display: flex; justify-content: flex-start; margin-top: 24px; }
body.theme-ankle-2029 .ankle-scramble-sheet .replay { opacity: 0; transition: opacity .6s ease-in; }
body.theme-ankle-2029 .ankle-scramble-sheet .replay.on { opacity: 1; }

#ankle-theme-panel .theme-mini--ankle-2029 { background: #ffffff; border: 1px solid #e8e8e8; border-radius: 4px; }
#ankle-theme-panel .theme-mini--ankle-2029 .theme-mini__top { background: #fafafa; height: 10px; border-bottom: 1px solid #e8e8e8; }
#ankle-theme-panel .theme-mini--ankle-2029 .theme-mini__copy i { background: #111111; }

/* Persistent Original ANKLE Scramble surfaces. Left column. OG image cards. */
body.theme-ankle-2029 .os-shell {
  display: grid;
  grid-template-columns: 132px minmax(0, 640px);
  gap: 28px;
  justify-content: start;
  width: min(860px, calc(100% - 32px));
  margin: 20px 0 0 24px;
  text-align: left;
}
body.theme-ankle-2029 .os-rail {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding-top: 4px;
}
body.theme-ankle-2029.theme-ankle-original .os-rail button,
body.theme-ankle-2029.theme-ankle-original .os-rail button:hover,
body.theme-ankle-2029.theme-ankle-original button.dotbox,
body.theme-ankle-2029.theme-ankle-original button.dotbox:hover {
  border: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #636363 !important;
  font-family: Areal, InterAnkle, Inter, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  padding: 2px 0 !important;
  border-radius: 0 !important;
  min-height: 0 !important;
  text-align: left;
  cursor: pointer;
}
body.theme-ankle-2029.theme-ankle-original .os-rail button.is-on { color: #121212 !important; }
body.theme-ankle-2029.theme-ankle-original button.dotbox {
  width: 22px;
  height: 22px;
  padding: 0 !important;
  display: inline-grid;
  place-items: center;
}
body.theme-ankle-2029.theme-ankle-original button.dotbox svg { display: block; }
body.theme-ankle-2029 .os-main { min-width: 0; }
body.theme-ankle-2029 .os-surface[hidden] { display: none !important; }
body.theme-ankle-2029 .post-card,
body.theme-ankle-2029 .surf-card,
body.theme-ankle-2029 .world-entry,
body.theme-ankle-2029 .ankle-panel {
  border: 1px solid #e8e8e8 !important;
  background: #ffffff !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.04) !important;
  overflow: hidden !important;
  text-align: left;
}
body.theme-ankle-2029 .post-card__img-wrap,
body.theme-ankle-2029 .surf-card__img-wrap {
  position: relative;
  overflow: hidden;
  background: #f8f8f8;
}
body.theme-ankle-2029 .post-card__img-wrap img,
body.theme-ankle-2029 .surf-card__img-wrap img {
  width: 100%;
  display: block;
  max-height: 360px;
  object-fit: cover;
}
body.theme-ankle-2029 .post-card__header,
body.theme-ankle-2029 .ankle-panel__head {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border-bottom: 1px solid #f0f0f0;
  background: #ffffff;
}
body.theme-ankle-2029 .post-card__body,
body.theme-ankle-2029 .ankle-panel__body {
  padding: 10px 12px 12px;
  font-size: 14px;
  line-height: 20px;
}
body.theme-ankle-2029 .post-card__actions,
body.theme-ankle-2029 .ankle-panel__actions {
  display: flex;
  gap: 8px;
  padding: 0 12px 12px;
}
body.theme-ankle-2029 .surf-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
body.theme-ankle-2029 .surf-card { cursor: pointer; position: relative; }
body.theme-ankle-2029.theme-ankle-original .card-dotbox,
body.theme-ankle-2029.theme-ankle-original .card-dotbox:hover {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 2;
  width: 22px;
  height: 22px;
  padding: 2px !important;
  display: inline-grid;
  place-items: center;
  background: rgba(255,255,255,0.9) !important;
  border-radius: 4px !important;
}
body.theme-ankle-2029 .ankle-panel { margin-top: 16px; }
body.theme-ankle-2029 .status-line { min-height: 20px; color: #636363; font-size: 12px; margin-top: 8px; }

/* Ankle 2029 panels are rounded. The OS side nav stays mounted and clickable. */
body.theme-ankle-2029 #aos-left,
body.theme-ankle-2029 #aos-right,
body.theme-ankle-2029 #aos-bottom,
body.theme-ankle-2029 .ankle-panel,
body.theme-ankle-2029 .post-card,
body.theme-ankle-2029 .surf-card,
body.theme-ankle-2029 .world-entry,
body.theme-ankle-2029 .ankle-scramble-sheet .col {
  border-radius: 12px !important;
}

/* Ensure feed post body preserves all line breaks and stanzas across all themes */
.post-card__body {
  white-space: pre-wrap !important;
  word-break: break-word !important;
}

/* Universal World Picker Modal for Feed, Surf, Motion, and World Hub */
.world-picker-overlay {
  position: fixed; inset: 0; z-index: 100060; display: none; align-items: center; justify-content: center;
  padding: 18px; background: rgba(0,0,0,.68);
}
.world-picker-overlay.open { display: flex; }
.world-picker {
  width: min(520px, calc(100vw - 28px)); max-height: min(78vh, 680px); overflow: auto;
  border: 2px outset #fff; box-shadow: 5px 5px 0 #000; background: var(--panel, #c0c0c0); color: var(--fg, #000);
}
.world-picker__head { position: sticky; top: 0; z-index: 4; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 10px; border-bottom: 1px solid #000; background: var(--panel, #c0c0c0); }
.world-picker__title { font: bold 12px var(--mono, monospace); }
.world-picker__close { min-width: 28px; min-height: 26px; border: 2px outset #fff; background: var(--panel, #c0c0c0); cursor: pointer; }
.world-picker__intro { padding: 9px 10px; border-bottom: 1px dotted #777; font: 10px/1.4 var(--mono, monospace); }
.world-picker__search-wrap { position: sticky; top: 41px; z-index: 3; padding: 8px 10px; background: var(--panel, #c0c0c0); border-bottom: 1px solid #777; }
.world-picker__search { width: 100%; box-sizing: border-box; padding: 7px 10px; border: 2px inset #fff; background: var(--surface, #fff); color: var(--fg, #000); font: 11px var(--mono, monospace); outline: none; }
.world-picker__search:focus { border-color: #000; outline: 1px solid #000; }
.world-picker__list { display: grid; gap: 6px; padding: 10px; }
.world-picker__row { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; align-items: center; gap: 8px; width: 100%; min-height: 48px; padding: 6px; border: 1px solid #777; background: var(--surface, #eee); color: inherit; text-align: left; cursor: pointer; font: 10px var(--mono, monospace); }
.world-picker__row:hover { border-color: #000; background: var(--highlight, #ffffe0); }
.world-picker__row[disabled] { opacity: .62; cursor: wait; }
.world-picker__icon { width: 32px; height: 32px; object-fit: cover; border: 1px solid #777; background: #ddd; }
.world-picker__name { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: bold 11px var(--mono, monospace); }
.world-picker__role { color: var(--dim, #666); font-size: 9px; }
.world-picker__state { white-space: nowrap; font-weight: 700; }
.world-picker__empty { padding: 22px 12px; font: 11px/1.5 var(--mono, monospace); }

/* Ankle 2029 uses the ankle.gallery / Original ANKLE surface.
   Homepage inline CSS and the OS shell paint silver after theme.css.
   These rules are more specific and win. Side rails stay mounted. */
body.theme-ankle-2029 {
  --bg: #ffffff !important;
  --fg: #0a0a0a !important;
  --panel: #fafafa !important;
  --surface: #ffffff !important;
  --line: #e5e5e5 !important;
  --border: #e5e5e5 !important;
  --link: #0a0a0a !important;
  --body-font: Areal, InterAnkle, Inter, Arial, sans-serif !important;
  --mono-font: "Fragment Mono", ui-monospace, SFMono-Regular, Menlo, monospace !important;
  background: #ffffff !important;
  color: #0a0a0a !important;
  font-family: var(--ankle-font-body, var(--body-font)) !important;
}
body.theme-ankle-2029 .shell,
body.theme-ankle-2029 .nav,
body.theme-ankle-2029 .hero,
body.theme-ankle-2029 .world-entry,
body.theme-ankle-2029 #claim-world,
body.theme-ankle-2029 .world-card,
body.theme-ankle-2029 .active-world-card,
body.theme-ankle-2029 .front-post-card,
body.theme-ankle-2029 .activity,
body.theme-ankle-2029 .section,
body.theme-ankle-2029 .window {
  background: #fafafa !important;
  color: #0a0a0a !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06) !important;
  font-family: Areal, InterAnkle, Inter, Arial, sans-serif !important;
  text-align: left !important;
}
body.theme-ankle-2029 .hero-title,
body.theme-ankle-2029 .section-title,
body.theme-ankle-2029 .active-world-card .word,
body.theme-ankle-2029 h1,
body.theme-ankle-2029 h2,
body.theme-ankle-2029 h3 {
  font-family: Areal, InterAnkle, Inter, Arial, sans-serif !important;
  letter-spacing: 0 !important;
  color: #0a0a0a !important;
}
body.theme-ankle-2029 a {
  color: #0a0a0a !important;
}
body.theme-ankle-2029 #aos-left,
body.theme-ankle-2029 #aos-right,
body.theme-ankle-2029 #aos-top,
body.theme-ankle-2029 #aos-bottom,
body.theme-ankle-2029 #aos-bottom .aos-bottom-bar {
  background: #fafafa !important;
  color: #0a0a0a !important;
  border-color: #e5e5e5 !important;
  font-family: "Fragment Mono", ui-monospace, SFMono-Regular, Menlo, monospace !important;
}
body.theme-ankle-2029 #aos-left,
body.theme-ankle-2029 #aos-right {
  pointer-events: auto !important;
  border-radius: 0 !important;
}
body.theme-ankle-2029 #aos-left a,
body.theme-ankle-2029 #aos-right a {
  pointer-events: auto !important;
  color: #0a0a0a !important;
}
body.theme-ankle-2029 button,
body.theme-ankle-2029 .btn,
body.theme-ankle-2029 input,
body.theme-ankle-2029 select,
body.theme-ankle-2029 textarea {
  border: 1px solid #e8e8e8 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  background: #f5f5f5 !important;
  color: #121212 !important;
  font-family: "Fragment Mono", ui-monospace, SFMono-Regular, Menlo, monospace !important;
}
body.theme-ankle-2029 button[type="submit"],
body.theme-ankle-2029 .btn.primary,
body.theme-ankle-2029 button.primary {
  background: #111111 !important;
  color: #ffffff !important;
  border-color: #111111 !important;
}

/* Original ANKLE on the homepage uses the same gallery surface.
   Saved ANKLE96 stays silver. These selectors are the homepage chrome. */
body.theme-ankle-original {
  --bg: #ffffff !important;
  --fg: #0a0a0a !important;
  --panel: #fafafa !important;
  --surface: #ffffff !important;
  --line: #e5e5e5 !important;
  --border: #e5e5e5 !important;
  --link: #0a0a0a !important;
  background: #ffffff !important;
  color: #0a0a0a !important;
  font-family: "Fragment Mono", ui-monospace, SFMono-Regular, Menlo, monospace !important;
}
body.theme-ankle-original .shell,
body.theme-ankle-original .nav,
body.theme-ankle-original .hero,
body.theme-ankle-original .world-entry,
body.theme-ankle-original #claim-world,
body.theme-ankle-original .world-card,
body.theme-ankle-original .active-world-card,
body.theme-ankle-original .front-post-card,
body.theme-ankle-original .front-feed-grid,
body.theme-ankle-original .activity,
body.theme-ankle-original .section {
  background: #fafafa !important;
  color: #0a0a0a !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06) !important;
  font-family: "Fragment Mono", ui-monospace, SFMono-Regular, Menlo, monospace !important;
}
body.theme-ankle-original #aos-left,
body.theme-ankle-original #aos-right,
body.theme-ankle-original #aos-top,
body.theme-ankle-original #aos-bottom,
body.theme-ankle-original #aos-bottom .aos-bottom-bar {
  background: #fafafa !important;
  color: #0a0a0a !important;
  border-color: #e5e5e5 !important;
}
body.theme-ankle-original #aos-left,
body.theme-ankle-original #aos-right {
  pointer-events: auto !important;
  border-radius: 0 !important;
}
body.theme-ankle-2029 .front-post-card,
body.theme-ankle-original .front-post-card,
body.theme-ankle-2029 .front-feed-grid,
body.theme-ankle-original .front-feed-grid {
  border: 1px solid #e5e5e5 !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
  background: #ffffff !important;
}
body.theme-ankle-2029 .fp-head,
body.theme-ankle-original .fp-head,
body.theme-ankle-2029 .fp-foot,
body.theme-ankle-original .fp-foot {
  background: #fafafa !important;
  color: #0a0a0a !important;
  border-color: #e5e5e5 !important;
}
body.theme-ankle-2029 .fp-user,
body.theme-ankle-original .fp-user,
body.theme-ankle-2029 .fp-tag,
body.theme-ankle-original .fp-tag,
body.theme-ankle-original .section-title,
body.theme-ankle-original .hero-title {
  color: #0a0a0a !important;
  font-family: "Fragment Mono", ui-monospace, SFMono-Regular, Menlo, monospace !important;
}

body.theme-ankle-2029 .fp-tag,
body.theme-ankle-2029 .section-title,
body.theme-ankle-2029 .hero-title {
  color: #0a0a0a !important;
  font-family: Areal, InterAnkle, Inter, Arial, sans-serif !important;
}

/* Front page, this theme only. Gallery windows, not Ankle96 bevels.
   Side-nav words stay plain links. */
/* Scoped to the front page's own hero; a generic .hero on 30+ other
   pages (legal, pay, gallery-show...) must not inherit this label. */
body.theme-ankle-original #homeHero.hero::before,
body.theme-ankle-2029 #homeHero.hero::before {
  content: "[SYS] ANKLE.WEBSITE // FRONT";
  display: block;
  margin: 0 0 10px;
  padding-bottom: 8px;
  border-bottom: 1px solid #e5e5e5;
  color: #0a0a0a;
  font: 11px/1.3 "Fragment Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: 0.04em;
}
body.theme-ankle-original .section-head,
body.theme-ankle-2029 .section-head {
  display: flex !important;
  align-items: baseline !important;
  gap: 10px !important;
  margin: 0 0 8px !important;
  padding: 8px 10px !important;
  background: #fafafa !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 12px 12px 0 0 !important;
  font-family: "Fragment Mono", ui-monospace, SFMono-Regular, Menlo, monospace !important;
}
body.theme-ankle-original .section,
body.theme-ankle-2029 .section {
  padding: 0 0 8px !important;
  overflow: hidden !important;
}
body.theme-ankle-original .surface-actions,
body.theme-ankle-2029 .surface-actions {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin-top: 12px !important;
}
body.theme-ankle-original .surface-actions > a,
body.theme-ankle-2029 .surface-actions > a,
body.theme-ankle-original a.get-started-install,
body.theme-ankle-2029 a.get-started-install,
body.theme-ankle-original a.first-use-action,
body.theme-ankle-2029 a.first-use-action,
body.theme-ankle-original a.first-use-profile,
body.theme-ankle-2029 a.first-use-profile {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  min-height: 72px !important;
  padding: 10px !important;
  background: #ffffff !important;
  color: #0a0a0a !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  text-decoration: none !important;
  font-family: "Fragment Mono", ui-monospace, SFMono-Regular, Menlo, monospace !important;
}
body.theme-ankle-original .surface-actions > a:hover,
body.theme-ankle-2029 .surface-actions > a:hover {
  background: #111111 !important;
  color: #ffffff !important;
  border-color: #111111 !important;
}
body.theme-ankle-original .surface-actions small,
body.theme-ankle-2029 .surface-actions small,
body.theme-ankle-original a.get-started-install small,
body.theme-ankle-2029 a.get-started-install small {
  color: #636363 !important;
  font-size: 11px !important;
}
body.theme-ankle-original .tag,
body.theme-ankle-2029 .tag,
body.theme-ankle-original .aw-state,
body.theme-ankle-2029 .aw-state,
body.theme-ankle-original .fp-tag,
body.theme-ankle-2029 .fp-tag,
body.theme-ankle-original .status-pill,
body.theme-ankle-2029 .status-pill {
  background: #f5f5f5 !important;
  color: #121212 !important;
  border: 1px solid #e8e8e8 !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}
body.theme-ankle-original a.aos-agent-btn,
body.theme-ankle-2029 a.aos-agent-btn,
body.theme-ankle-original #aos-top a.aos-link,
body.theme-ankle-2029 #aos-top a.aos-link,
body.theme-ankle-original #aos-top-user a.aos-link,
body.theme-ankle-2029 #aos-top-user a.aos-link,
body.theme-ankle-original .aos-top-user a,
body.theme-ankle-2029 .aos-top-user a,
body.theme-ankle-original #ankle-theme-fab,
body.theme-ankle-2029 #ankle-theme-fab,
body.theme-ankle-original #aos-bottom button,
body.theme-ankle-2029 #aos-bottom button,
body.theme-ankle-original #aos-bottom .aos-bottom-bar button,
body.theme-ankle-2029 #aos-bottom .aos-bottom-bar button,
body.theme-ankle-original #aos-bottom .aos-bottom-bar a,
body.theme-ankle-2029 #aos-bottom .aos-bottom-bar a {
  background: #f5f5f5 !important;
  color: #121212 !important;
  border: 1px solid #e8e8e8 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  font-family: "Fragment Mono", ui-monospace, SFMono-Regular, Menlo, monospace !important;
}
body.theme-ankle-original #aos-left a,
body.theme-ankle-2029 #aos-left a,
body.theme-ankle-original #aos-right a,
body.theme-ankle-2029 #aos-right a {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #0a0a0a !important;
}
body.theme-ankle-original .world-thesis,
body.theme-ankle-2029 .world-thesis {
  background: #fafafa !important;
  color: #0a0a0a !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}
@media (max-width: 800px) {
  body.theme-ankle-original .surface-actions,
  body.theme-ankle-2029 .surface-actions {
    grid-template-columns: 1fr !important;
  }
}


/* Compact page actions without introducing another mobile navigation row. */
@media(max-width:900px){
  #ankle-page-object#ankle-page-object#ankle-page-object#ankle-page-object.page-object-surface{
    width:max-content;max-width:calc(100vw - 16px);height:54px;min-height:54px;
    padding:4px 6px;gap:4px;flex-wrap:nowrap;justify-content:flex-start;
    border-radius:999px!important;
  }
  #ankle-page-object#ankle-page-object#ankle-page-object#ankle-page-object .pos-identity{flex:0 0 auto;gap:0}
  #ankle-page-object#ankle-page-object#ankle-page-object#ankle-page-object .pos-creator{max-width:none;min-width:0;font-size:11px!important}
  #ankle-page-object#ankle-page-object#ankle-page-object#ankle-page-object :is(.pos-world,.pos-path,.pos-action-label){display:none}
  #ankle-page-object#ankle-page-object#ankle-page-object#ankle-page-object .pos-social{flex:0 0 auto;gap:4px;padding-left:4px}
  #ankle-page-object#ankle-page-object#ankle-page-object#ankle-page-object .pos-actions{flex:0 0 auto;gap:4px;margin-left:0}
  #ankle-page-object#ankle-page-object#ankle-page-object#ankle-page-object :is(button,.pos-edit,.pos-remix,.pos-buy){min-height:44px;min-width:44px;height:44px;padding:4px 6px;border-radius:999px!important;font-size:11px!important}
  #ankle-page-object#ankle-page-object#ankle-page-object#ankle-page-object .pos-share{font-size:0!important}
  #ankle-page-object#ankle-page-object#ankle-page-object#ankle-page-object .pos-share::before{content:"Share";font-size:11px}
  #ankle-page-object#ankle-page-object#ankle-page-object#ankle-page-object :is(.pos-unlisted,.pos-listed,.pos-remix-closed){font-size:10px!important;padding:2px 4px;border-radius:999px!important}
}
/* Hide settings only when identity has explicitly resolved to a guest. */
body:has(#ankle-identity .ankle-identity__signin) :is(#ankle-theme-fab,#ankle-theme-panel,#themePicker,#aos-topchips .aos-theme-btn){display:none!important}

/* ANKLE word directory / article adaptations. Scope stays on the selected
   viewer theme; existing ANKLE96 and owner-authored content are unchanged. */
/* Appearance can be tried locally without an account. This reveals only
   the user's explicitly opened picker and the existing OS theme control. */
body:has(#ankle-identity .ankle-identity__signin) #ankle-theme-panel.open {display:block !important;}
body:has(#ankle-identity .ankle-identity__signin) #aos-topchips .aos-theme-btn {display:inline-flex !important;}
body:is(.theme-craigslist,.theme-wikipedia) {
  background: var(--bg) !important; background-image: none !important;
  color: var(--fg); font-family: var(--body-font); font-size: 14px;
  --bevel-out: 1px solid var(--line); --bevel-in: 1px solid var(--line);
}
body:is(.theme-craigslist,.theme-wikipedia) :is(#aos-topchips,#aos-left,#aos-right,#aos-bottom,#aos-bottom .aos-bottom-bar) {
  background: #f6f6f6 !important; border-color: var(--line) !important;
  box-shadow: none !important; font-family: var(--body-font) !important;
}
body:is(.theme-craigslist,.theme-wikipedia) :is(button,input,textarea,select,.btn):not(.theme-opt) {
  border:1px solid var(--line) !important;
  border-radius: 0 !important; box-shadow: none !important; font-family: var(--body-font) !important;
}
body:is(.theme-craigslist,.theme-wikipedia) :is(.shell,.page-layout,.card,.section,.post-card,.surf-card,.feed-post,.market-card,.active-world-card) {
  border-radius: 0 !important; box-shadow: none !important;
}
body:is(.theme-craigslist,.theme-wikipedia) a {color:var(--link);}
body.theme-craigslist a:hover {text-decoration:underline;}
body[data-ankle-word-home] .page-layout {padding:16px !important;background:transparent !important;}
body[data-ankle-word-home] main.shell {max-width:1120px !important;margin:0 auto !important;min-width:0;padding:0 !important;background:var(--surface,#fff) !important;border:0 !important;}
body[data-ankle-word-home] #homeHero {display:block !important;position:relative;padding:12px 16px !important;min-height:0 !important;margin:0 !important;background:#fff !important;border:0 !important;border-bottom:1px solid var(--line) !important;box-shadow:none !important;border-radius:0 !important;}
body[data-ankle-word-home] #homeHero::before {display:none !important;}
body[data-ankle-word-home] #homeHero :is(.hero-ico,.hero-sub,.world-thesis,.hero-doors,.starter-inventory-note,.status2007-hero-wordmark,.campus2007-hero-wordmark) {display:none !important;}
body[data-ankle-word-home] #homeHero .hero-body {min-width:0;max-width:none !important;padding:0 !important;}
body[data-ankle-word-home] #homeHero .hero-title {font-size:32px !important;line-height:1.15 !important;letter-spacing:0 !important;margin:0 40px 8px 0 !important;font-weight:normal !important;}
body[data-ankle-word-home] #homeHero .hero-tag {font:14px/1.55 var(--body-font) !important;max-width:76ch;max-height:none !important;overflow:visible !important;display:block !important;-webkit-line-clamp:unset !important;}
body[data-ankle-word-home] #homeHero .surface-actions {display:flex !important;flex-wrap:wrap;gap:6px 18px !important;margin:12px 0 0 !important;}
body[data-ankle-word-home] #homeHero .surface-actions a {display:inline !important;width:auto !important;flex:none !important;border:0 !important;padding:0 !important;min-height:0 !important;background:transparent !important;box-shadow:none !important;}
body[data-ankle-word-home] #homeHero .surface-actions b {font:normal 12px var(--body-font) !important;}
body[data-ankle-word-home] #homeHero .surface-actions small {display:none !important;}
body[data-ankle-word-home] #homeHero .surface-more {margin:10px 0 0 !important;font-size:12px;}
body[data-ankle-word-home] #homeHero.is-collapsed :is(.hero-tag,.surface-actions,.surface-more) {display:none !important;}
body[data-ankle-word-home] #homeHero.is-collapsed .hero-title {font-size:26px !important;margin-bottom:0 !important;}
body[data-ankle-word-home] #claim-world {border:0 !important;box-shadow:none !important;border-bottom:1px solid var(--line) !important;background:#f8f9fa !important;padding:12px 16px !important;margin:0 0 16px !important;}
body[data-ankle-word-home] #claim-world * {font-family:var(--body-font) !important;letter-spacing:normal !important;}
body[data-ankle-word-home] #claim-world input {font-size:16px !important;background:#fff !important;}
body[data-ankle-word-home] #claim-world button {background:#eee !important;color:var(--fg) !important;border:1px solid var(--line) !important;text-transform:none !important;}
body[data-ankle-word-home] :is(.section-meta,.section-link,.meta,.pulse,.aw-host,.aw-state,.aw-enter) {font-family:var(--body-font) !important;letter-spacing:normal !important;}
body[data-ankle-word-home] .section {margin:0 0 22px !important;padding:0 !important;min-height:0 !important;background:#fff !important;border:0 !important;align-self:start;}
body[data-ankle-word-home] .section-head {display:flex !important;align-items:baseline;flex-wrap:wrap;gap:5px 12px;padding:6px 10px !important;min-height:0 !important;}
body[data-ankle-word-home] .section-title {text-transform:none !important;letter-spacing:0 !important;}
body[data-ankle-word-home] .section-link {margin-left:auto;font-size:12px !important;}
body[data-ankle-word-home] .section-meta {font-size:12px !important;}
body[data-ankle-word-home] .ankle-word-view-tools {display:flex;gap:4px;margin-left:auto;}
body[data-ankle-word-home] .ankle-word-view-tools button {padding:3px 8px;min-height:28px;cursor:pointer;border:1px solid var(--line) !important;background:#fff !important;color:var(--link) !important;}
body[data-ankle-word-home] .ankle-word-view-tools button[aria-pressed=true] {background:#eaf3ff !important;color:var(--fg) !important;font-weight:bold;}
body[data-ankle-word-home] #activeWorldsGrid {gap:0 !important;padding:8px 10px !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
body[data-ankle-word-home] #activeWorldsGrid .active-world-card {padding:9px 10px !important;border:0 !important;border-bottom:1px solid #eaecf0 !important;background:#fff !important;min-height:0 !important;gap:4px !important;}
body[data-ankle-word-home] #activeWorldsGrid .word {font-family:var(--body-font) !important;font-size:16px !important;white-space:normal !important;overflow-wrap:anywhere;text-decoration:underline;font-weight:normal !important;}
body[data-ankle-word-home] #activeWorldsGrid .aw-icon {transform:none !important;border:1px solid #ddd !important;background:#f8f9fa !important;color:var(--muted) !important;font:14px var(--body-font) !important;}
body[data-ankle-word-home] #activeWorldsGrid .aw-identity {grid-template-columns:46px minmax(0,1fr) !important;}
body[data-ankle-word-view=words] #activeWorldsGrid .aw-icon {display:none !important;}
body[data-ankle-word-view=words] #activeWorldsGrid .aw-identity {display:block !important;}
body[data-ankle-word-view=words] #activeWorldsGrid .aw-host {display:none !important;}
body[data-ankle-word-home] #activeWorldsGrid :is(.pulse,.meta,.aw-state,.aw-enter) {font-size:11px !important;line-height:1.45;}
body[data-ankle-word-home] #activeWorldsGrid .aw-state {text-transform:none !important;}
body[data-ankle-word-home] #activeWorldsGrid .aw-enter {padding:0 !important;}
body[data-ankle-word-home] .ankle-word-directory {margin:0 0 20px;border:1px solid var(--line);background:#fff !important;}
body.theme-craigslist[data-ankle-word-home] main.shell {display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px;}
body.theme-craigslist[data-ankle-word-home] main.shell > :is(#homeHero,#claim-world,.ankle-word-directory,#active-worlds-section,#ankle-scramble-sheet,footer) {grid-column:1/-1;}
body.theme-craigslist[data-ankle-word-home] #homeHero .hero-title {font-family:Georgia,'Times New Roman',serif !important;color:#551a8b !important;font-size:36px !important;}
body.theme-craigslist[data-ankle-word-home] .section-head {background:#eee !important;border-block:1px solid #ccc !important;}
body.theme-craigslist[data-ankle-word-home] .section-title {font-family:Arial,Helvetica,sans-serif !important;font-size:17px !important;font-weight:bold !important;}
body.theme-craigslist[data-ankle-word-home] .ankle-word-directory {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:0;gap:20px;}
body.theme-craigslist[data-ankle-word-home] .ankle-word-directory h2 {background:#eee !important;border-block:1px solid #ccc;margin:0;padding:5px 8px;font:700 16px Arial,Helvetica,sans-serif;text-align:center;}
body.theme-craigslist[data-ankle-word-home] .ankle-word-directory ul {list-style:none;padding:8px 12px;margin:0;columns:2;}
body.theme-craigslist[data-ankle-word-home] .ankle-word-directory li {margin:0 0 6px;}
body.theme-craigslist[data-ankle-word-home] .ankle-word-directory a {font-size:14px;text-decoration:underline;}
body.theme-craigslist[data-ankle-word-home] :is(.banner-grid,.agent-world-grid,.market-grid,.caps-grid) {grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px !important;padding:8px 0 !important;}
body.theme-wikipedia[data-ankle-word-home] main.shell {padding:22px 28px !important;border:1px solid #a7d7f9 !important;}
body.theme-wikipedia[data-ankle-word-home] #homeHero {padding:0 0 18px !important;}
body.theme-wikipedia[data-ankle-word-home] #homeHero .hero-title {font:normal 32px Georgia,'Times New Roman',serif !important;border-bottom:1px solid #a2a9b1;padding-bottom:6px;}
body.theme-wikipedia[data-ankle-word-home] .section-head {border:0 !important;border-bottom:1px solid #a2a9b1 !important;background:#fff !important;padding:0 0 5px !important;}
body.theme-wikipedia[data-ankle-word-home] .section-title {font:normal 24px Georgia,'Times New Roman',serif !important;}
body.theme-wikipedia[data-ankle-word-home] .ankle-word-directory {width:fit-content;max-width:100%;padding:10px 18px;background:#f8f9fa !important;}
body.theme-wikipedia[data-ankle-word-home] .ankle-word-directory summary {font-weight:bold;cursor:pointer;}
body.theme-wikipedia[data-ankle-word-home] .ankle-word-directory ol {padding-left:20px;margin:8px 0 0;columns:2;column-gap:38px;line-height:1.8;}
body.theme-wikipedia[data-ankle-word-home] :is(.section-explainer,.disc-card p) {font:14px/1.65 var(--body-font) !important;max-width:80ch;}
body.theme-wikipedia[data-ankle-word-home] :is(.banner-grid,.market-grid,.caps-grid) {grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:10px !important;}
body[data-ankle-word-home] section[id] {scroll-margin-top:60px;}
body[data-ankle-word-home] :is(.hero-title,.section-title)::first-letter {font-size:inherit !important;font-weight:inherit !important;text-transform:none !important;}
body:is(.theme-craigslist,.theme-wikipedia) :is(#aos-topchips,#aos-left,#aos-right,#aos-bottom) :is(button,input,.btn) {border:1px solid var(--line) !important;box-shadow:none !important;background:var(--surface,#fff) !important;color:var(--fg) !important;}
@media(max-width:1000px) {
  body[data-ankle-word-home] #activeWorldsGrid {grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  body.theme-craigslist[data-ankle-word-home] .ankle-word-directory ul {columns:1;}
}
@media(max-width:600px) {
  body[data-ankle-word-home] .page-layout {padding:10px !important;}
  body.theme-craigslist[data-ankle-word-home] main.shell {display:block !important;}
  body.theme-wikipedia[data-ankle-word-home] main.shell {padding:14px !important;}
  body.theme-craigslist[data-ankle-word-home] .ankle-word-directory {gap:8px;}
  body.theme-craigslist[data-ankle-word-home] .ankle-word-directory h2 {font-size:13px;}
  body.theme-craigslist[data-ankle-word-home] .ankle-word-directory ul {padding:8px 4px;}
  body[data-ankle-word-home] .section-meta {flex-basis:100%;}
  body.theme-wikipedia[data-ankle-word-home] :is(.banner-grid,.market-grid,.caps-grid) {grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  body[data-ankle-word-home] #activeWorldsGrid .active-world-card {padding:8px 4px !important;}
}

/* ── Universal Contrast & Legibility Standard ──────────── */
.tag {
  font-family: var(--mono-font, ui-monospace, monospace);
  font-size: 10px;
  font-weight: 600;
  padding: 3px 8px;
  border-radius: 3px;
  display: inline-block;
  letter-spacing: .02em;
}
body.theme-discmaster .tag,
body.theme-discmaster .tag-list .tag {
  color: #000000 !important;
  background: #ffffff !important;
  border: 1px solid #000000 !important;
  box-shadow: 1px 1px 0 rgba(0,0,0,0.2) !important;
}

/* Shared dialogs inherit the active OS palette rather than a hardcoded silver skin. */
body .ank-modal {background:var(--panel)!important;color:var(--fg)!important;border:1px solid var(--line)!important;border-radius:var(--radius,0)!important;box-shadow:var(--shadow,none)!important;font-family:var(--ankle-font-body,var(--body-font))!important}
html body .ank-modal-ov .ank-modal :is(.ank-modal-tb,.ank-modal-x,.ank-modal-input,.ank-modal-btn) {background:var(--panel)!important;color:var(--fg)!important;-webkit-text-fill-color:var(--fg)!important;border:1px solid var(--fg)!important;border-radius:var(--radius,0)!important;font-family:var(--ankle-font-ui,var(--mono-font))!important}
body .ank-modal-tb {border:0!important;border-bottom:1px solid var(--line)!important;padding:10px 12px!important}
body .ank-modal-x {display:inline-flex!important;align-items:center!important;justify-content:center!important;width:28px!important;height:28px!important;line-height:1!important}
body .ank-modal-input {min-height:40px}
body .ank-modal-btn {min-height:36px}
body .ank-modal-btn:hover {text-decoration:underline}
body .ank-modal-btn:active {border-width:2px!important}
body .ank-modal-input::placeholder {color:var(--fg)!important;opacity:1}
body .ank-modal :is(button,input,[role="button"]):focus-visible {outline:2px solid var(--fg)!important;outline-offset:3px}
@media(max-width:768px){body .ank-modal-input{font-size:16px!important}body .ank-modal :is(.ank-modal-x,.ank-modal-btn){min-height:44px!important;min-width:44px!important}}

html body .ank-modal-ov .ank-modal .ank-modal-actions .ank-modal-btn {background:var(--panel)!important;color:var(--fg)!important;-webkit-text-fill-color:var(--fg)!important;border:1px solid var(--fg)!important;border-radius:var(--radius,0)!important}

/* Images are never framed by a black well in ANKLE96 (2026-10-11). */
body.theme-discmaster, body.theme-ankle96 { --media-well: #f4f4f2 !important; }

/* ═════════════════════════════════════════════════════════════════════
   DECOMPILED POKÉMON GBA OS THEMES (FireRed Bill's PC & Emerald PokéNav)
   Uses ROM-extracted PokemonEmeraldReal & PokemonEmeraldSmallReal .ttf fonts
   at proportional 12px/11.5px OS sizing and ROM-extracted 24x24 9-slice frames.
   ═════════════════════════════════════════════════════════════════════ */
@font-face {
  font-family: "PokemonEmeraldReal";
  src: url("/static/gba/themes/pokemon-emerald-real.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "PokemonEmeraldSmallReal";
  src: url("/static/gba/themes/pokemon-emerald-small-real.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
body.theme-firered-pc {
  --bg: #143d48;
  --fg: #f8f8f8;
  --panel: #1b505e;
  --surface: #16424e;
  --muted: #b8e8f8;
  --faint: #88c8d8;
  --line: #f8d030;
  --link: #f8d030;
  --visited: #ffe070;
  --highlight: #206070;
  --accent: #f8d030;
  --media-well: #091920;
  --body-font: "PokemonEmeraldReal", "Courier New", monospace;
  --mono-font: "PokemonEmeraldSmallReal", "PokemonEmeraldReal", monospace;
  --radius: 4px;
  --shadow: 2px 2px 0 #091920;
  --gba-frame-uri: url("/static/gba/themes/firered_frame_01.png");
  --gba-pokeball-uri: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAdklEQVR4nGNgGAWDEegB8T4QHwTiU0B8B4gfAvFTIH4NxO9B+D0I4zIAlwF4DMBpAD4D8BqAzwCCBuAzgKABhAzAZwB+A3AZgM0AQgbgMgCfAbRMAHQxA10MIGEAPZOAoZGBoZGBoZGBoZGBoZGBgQEAd5k5Ec6n1z4AAAAASUVORK5CYII=");
  background: repeating-linear-gradient(0deg, #1b505e 0px, #1b505e 3px, #133944 3px, #133944 6px) !important;
  color: #f8f8f8 !important;
  font-family: "PokemonEmeraldReal", monospace !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  text-shadow: 1px 1px 0 #091920;
}

body.theme-emerald-os {
  --bg: #082c20;
  --fg: #f0fff8;
  --panel: #105840;
  --surface: #0d4432;
  --muted: #a8f0d8;
  --faint: #68e8c0;
  --line: #58f8c8;
  --link: #f8d030;
  --visited: #58f8c8;
  --highlight: #14684c;
  --accent: #58f8c8;
  --media-well: #041610;
  --body-font: "PokemonEmeraldReal", "Courier New", monospace;
  --mono-font: "PokemonEmeraldSmallReal", "PokemonEmeraldReal", monospace;
  --radius: 4px;
  --shadow: 2px 2px 0 #041610;
  --gba-frame-uri: url("/static/gba/themes/emerald_frame_14.png");
  --gba-pokeball-uri: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAdklEQVR4nGNgGAWDEegB8T4QHwTiU0B8B4gfAvFTIH4NxO9B+D0I4zIAlwF4DMBpAD4D8BqAzwCCBuAzgKABhAzAZwB+A3AZgM0AQgbgMgCfAbRMAHQxA10MIGEAPZOAoZGBoZGBoZGBoZGBoZGBgQEAd5k5Ec6n1z4AAAAASUVORK5CYII=");
  background: repeating-linear-gradient(0deg, #105840 0px, #105840 3px, #093626 3px, #093626 6px) !important;
  color: #f0fff8 !important;
  font-family: "PokemonEmeraldReal", monospace !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  text-shadow: 1px 1px 0 #041610;
}

body:is(.theme-firered-pc, .theme-emerald-os) :is(h1, h2, h3, h4, .section-title, .card-title, .window-title, .hero-title, .word, .tab) {
  font-family: "PokemonEmeraldReal", monospace !important;
  font-size: 12px !important;
  letter-spacing: 0.02em !important;
  line-height: 1.35 !important;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.85) !important;
}

body:is(.theme-firered-pc, .theme-emerald-os) :is(.section-title, .card-title, .window-title)::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 7px;
  vertical-align: -2px;
  background-image: var(--gba-pokeball-uri);
  background-size: 14px 14px;
  image-rendering: pixelated;
}

body.theme-firered-pc :is(.card, .system-card, .active-world-card, .world-card, .post-card, .stat-card, .agent-card, .template-card, .market-card, .nav-card, .dir-card, .world-entry, #claim-world, .hero, #homeHero, .section, .panel, #aos-left, #aos-right, #aos-topchips) {
  background: repeating-linear-gradient(0deg, #184a58 0px, #184a58 3px, #123844 3px, #123844 6px) !important;
  color: #f8f8f8 !important;
  border: 6px solid transparent !important;
  border-image: var(--gba-frame-uri) 8 fill / 8px / 0 stretch !important;
  box-shadow: 0 4px 0 #091920 !important;
}

body.theme-emerald-os :is(.card, .system-card, .active-world-card, .world-card, .post-card, .stat-card, .agent-card, .template-card, .market-card, .nav-card, .dir-card, .world-entry, #claim-world, .hero, #homeHero, .section, .panel, #aos-left, #aos-right, #aos-topchips) {
  background: repeating-linear-gradient(0deg, #0f4e38 0px, #0f4e38 3px, #093626 3px, #093626 6px) !important;
  color: #f0fff8 !important;
  border: 6px solid transparent !important;
  border-image: var(--gba-frame-uri) 8 fill / 8px / 0 stretch !important;
  box-shadow: 0 4px 0 #041610 !important;
}

body.theme-firered-pc :is(button, .btn, [role="button"]):not(.theme-opt) {
  background: linear-gradient(180deg, #fff8d0 0%, #f8d030 48%, #d89810 100%) !important;
  color: #241400 !important;
  border: 2px solid #201400 !important;
  box-shadow: inset 0 1px 0 #ffffff, inset 0 -1px 0 #905800, 0 2px 0 #091920 !important;
  font-family: "PokemonEmeraldSmallReal", "PokemonEmeraldReal", monospace !important;
  font-size: 11.5px !important;
  text-shadow: 1px 1px 0 #fff8c0 !important;
  border-radius: 4px !important;
}

body.theme-emerald-os :is(button, .btn, [role="button"]):not(.theme-opt) {
  background: linear-gradient(180deg, #d8fff0 0%, #58f8c8 48%, #18a878 100%) !important;
  color: #042218 !important;
  border: 2px solid #042218 !important;
  box-shadow: inset 0 1px 0 #ffffff, inset 0 -1px 0 #0c583e, 0 2px 0 #041610 !important;
  font-family: "PokemonEmeraldSmallReal", "PokemonEmeraldReal", monospace !important;
  font-size: 11.5px !important;
  text-shadow: 1px 1px 0 #c8ffea !important;
  border-radius: 4px !important;
}

body:is(.theme-firered-pc, .theme-emerald-os) :is(input, textarea, select) {
  background: #091920 !important;
  color: #f8d030 !important;
  border: 2px solid #78b8c8 !important;
  box-shadow: inset 0 2px 0 #040d12 !important;
  font-family: "PokemonEmeraldReal", monospace !important;
  font-size: 12px !important;
}

/* ── Complete Built-In Theme Definitions for virgil-blue, blueprint-os, midnight, light, cream ── */
body.theme-virgil-blue {
  --bg: #0033CC; --fg: #ffffff; --panel: #002699; --surface: #002699;
  --muted: rgba(255,255,255,0.75); --faint: rgba(255,255,255,0.55);
  --line: rgba(255,255,255,0.28); --link: #ffffff; --visited: #dbeafe;
  --highlight: #0040ff; --accent: #ffffff; --media-well: #001a66;
  --body-font: Areal, InterAnkle, Inter, Helvetica, Arial, sans-serif;
  --mono-font: "Fragment Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --radius: 6px; --shadow: none;
  background: #0033CC !important; color: #ffffff !important; font-family: var(--body-font) !important;
}
body.theme-blueprint-os {
  --bg: #001B66; --fg: #F0F4FF; --panel: #002688; --surface: #002688;
  --muted: #99B2FF; --faint: #6688CC; --line: #3355BB; --link: #ffffff;
  --visited: #bfd4ff; --highlight: #0033AA; --accent: #ffffff; --media-well: #001244;
  --body-font: Areal, InterAnkle, Inter, Helvetica, Arial, sans-serif;
  --mono-font: "Fragment Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --radius: 6px; --shadow: none;
  background-color: #001B66 !important;
  background-image: linear-gradient(rgba(153,178,255,0.14) 1px, transparent 1px), linear-gradient(90deg, rgba(153,178,255,0.14) 1px, transparent 1px) !important;
  background-size: 20px 20px !important;
  color: #F0F4FF !important; font-family: var(--body-font) !important;
}
body.theme-midnight {
  --bg: #000000; --fg: #f0f0f0; --panel: #0a0a0a; --surface: #0a0a0a;
  --muted: #888888; --faint: #555555; --line: #222222; --link: #ffffff;
  --visited: #bbbbbb; --highlight: #161616; --accent: #ffffff; --media-well: #000000;
  --body-font: Areal, InterAnkle, Inter, Arial, sans-serif;
  --mono-font: "Fragment Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --radius: 6px; --shadow: none;
  background: #000000 !important; color: #f0f0f0 !important; font-family: var(--body-font) !important;
}
body.theme-light {
  --bg: #f5f3f0; --fg: #2a2520; --panel: #ffffff; --surface: #ffffff;
  --muted: #6a6560; --faint: #8a8580; --line: #e0ddd8; --link: #1E4DFF;
  --visited: #4a35a0; --highlight: #ece9e4; --accent: #1E4DFF; --media-well: #eae6e0;
  --body-font: Areal, InterAnkle, Inter, Arial, sans-serif;
  --mono-font: "Fragment Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --radius: 6px; --shadow: none;
  background: #f5f3f0 !important; color: #2a2520 !important; font-family: var(--body-font) !important;
}
body.theme-cream {
  --bg: #faf8f4; --fg: #2a2520; --panel: #f0ece4; --surface: #f0ece4;
  --muted: #6a6458; --faint: #9a9488; --line: #ddd8cc; --link: #CC0000;
  --visited: #880000; --highlight: #e8e2d6; --accent: #CC0000; --media-well: #e6e0d4;
  --body-font: Areal, InterAnkle, Inter, Arial, sans-serif;
  --mono-font: "Fragment Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --radius: 6px; --shadow: none;
  background: #faf8f4 !important; color: #2a2520 !important; font-family: var(--body-font) !important;
}
body:is(.theme-virgil-blue,.theme-blueprint-os,.theme-midnight,.theme-light,.theme-cream) :is(.card,.system-card,.active-world-card,.world-card,.post-card,.stat-card,.agent-card,.template-card,.market-card,.nav-card,.dir-card,.world-entry,#claim-world,.hero,#homeHero,.section,.panel){
  background:var(--panel)!important;color:var(--fg)!important;border:1px solid var(--line)!important;border-radius:var(--radius)!important;box-shadow:var(--shadow)!important;
}