.community-page { width: min(1320px, calc(100% - 48px)); padding-bottom: 80px; }
.community-hero { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(280px, .55fr); gap: 50px; align-items: end; margin: 76px 0 62px; padding-bottom: 28px; border-bottom: 1px solid var(--paper); }
.community-hero .eyebrow { margin-top: 0; }
.community-hero h1 { font-size: clamp(72px, 12vw, 150px); }
.community-intro { align-self: end; padding-bottom: 4px; }
.community-hero .lead { margin: 0 0 22px; }
.community-hero .hint { margin: 0; }
.community-hero .hint a { color: var(--paper); text-decoration-color: var(--blood); text-underline-offset: 4px; }

.directory-panel,
.collection-panel { padding: 0; border: 0; background: transparent; box-shadow: none; }
.directory-heading,
.profile-heading,
.recent-heading { display: grid; grid-template-columns: 1fr auto; gap: 28px; align-items: end; }
.directory-heading .eyebrow,
.profile-heading .eyebrow,
.recent-heading .eyebrow { margin-top: 0; }
.directory-heading h2,
.profile-heading h2 { margin: 0; max-width: 760px; font-size: clamp(42px, 7vw, 86px); line-height: .82; letter-spacing: -.07em; }
.directory-heading h2 i,
.recent-heading h3 i { color: var(--paper); font-style: normal; }
.directory-count { margin: 0; padding-bottom: 5px; color: var(--paper-dim); font: 11px/1.4 "Courier New", monospace; white-space: nowrap; }

.directory-search { margin-top: 42px; }
.search-control { display: grid; grid-template-columns: minmax(180px, 520px) auto; gap: 16px; align-items: end; }
.search-control input { width: 100%; }
.directory-panel > .hint { margin: 12px 0 0; }

.player-directory { margin-top: 32px; border-top: 1px solid var(--paper); }
.player-card {
  display: grid;
  grid-template-columns: 52px 46px minmax(0, 1fr) 160px;
  gap: 8px 18px;
  align-items: center;
  width: 100%;
  min-height: 94px;
  padding: 15px 8px;
  border: 0;
  border-bottom: 1px solid var(--rule);
  border-radius: 0;
  background: transparent;
  color: var(--paper);
  text-align: left;
  cursor: pointer;
  font: inherit;
}
.player-card:hover,
.player-card:focus-visible { background: var(--paper); color: var(--black); outline: 0; }
.player-card:hover .player-details small,
.player-card:hover .player-total small,
.player-card:hover .player-foot,
.player-card:focus-visible .player-details small,
.player-card:focus-visible .player-total small,
.player-card:focus-visible .player-foot { color: #4f4d47; }
.rank { align-self: center; color: var(--blood); font: 700 12px/1 "Courier New", monospace; }
.player-avatar { display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid currentColor; border-radius: 0; background: transparent; font: 900 20px/1 "Arial Black", Arial, sans-serif; }
.player-details { min-width: 0; }
.player-details strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 900 clamp(18px, 2vw, 28px)/1 "Arial Black", Arial, sans-serif; letter-spacing: -.04em; }
.player-details small,
.player-total small,
.player-foot { color: var(--paper-dim); font: 10px/1.35 "Courier New", monospace; }
.player-total { text-align: right; }
.player-total b { display: block; font: 900 28px/1 "Arial Black", Arial, sans-serif; letter-spacing: -.06em; }
.player-total em,
.profile-summary em { color: var(--paper-dim); font-size: .6em; font-style: normal; }
.player-progress { grid-column: 3 / -1; display: block; height: 3px; background: #2b2a25; }
.player-progress span { display: block; height: 100%; background: var(--blood); }
.player-foot { grid-column: 3 / -1; display: flex; justify-content: space-between; gap: 20px; }
.empty-state { padding: 34px 0; border-bottom: 1px solid var(--rule); color: var(--paper-dim); font: 12px/1.5 "Courier New", monospace; }

.recent-hatches { margin: 0 0 76px; padding-top: 22px; border-top: 1px solid var(--paper); }
.recent-heading h3 { margin: 0; font-size: clamp(30px, 5vw, 58px); line-height: .9; letter-spacing: -.055em; }
.recent-heading .hint { max-width: 420px; margin: 0; text-align: right; }
.recent-hatches-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 26px; border-top: 1px solid var(--rule); border-left: 1px solid var(--rule); }
.recent-hatch { display: grid; grid-template-columns: 6px 62px minmax(0, 1fr) minmax(120px, .6fr); gap: 8px 15px; align-items: center; min-height: 88px; padding: 10px 16px 10px 0; border-right: 1px solid var(--rule); border-bottom: 1px solid var(--rule); background: transparent; overflow: hidden; }
.recent-glow { grid-row: 1 / 3; align-self: stretch; width: 6px; min-height: 48px; box-shadow: none !important; }
.recent-art-shell { position: relative; grid-row: 1 / 3; display: block; width: 62px; height: 62px; }
.recent-art { display: block; width: 62px; height: 62px; object-fit: contain; }
.recent-catch, .recent-viewer, .recent-time { min-width: 0; }
.recent-catch strong,
.recent-viewer strong,
.recent-time strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.recent-catch strong { font-size: 14px; }
.recent-catch em { color: var(--paper); font-style: normal; text-decoration: underline; text-decoration-color: var(--blood); }
.recent-viewer,
.recent-time { color: var(--paper-dim); font: 10px/1.4 "Courier New", monospace; }
.recent-viewer strong,
.recent-time strong { color: var(--paper); font-size: 11px; }
.recent-time { grid-column: 3 / -1; text-align: right; }

.collection-panel { margin-top: 52px; padding-top: 26px; border-top: 1px solid var(--paper); scroll-margin-top: 16px; }
.text-button { margin-bottom: 30px; padding: 0 0 4px; border: 0; border-bottom: 1px solid var(--blood); background: none; color: var(--paper); cursor: pointer; font: 700 11px/1.2 "Courier New", monospace; }
.profile-heading h2 { display: flex; flex-direction: column; gap: 8px; }
.profile-heading h2 small { color: var(--paper-dim); font: 400 14px/1.3 "Courier New", monospace; letter-spacing: 0; }
.profile-summary { display: flex; gap: 1px; flex-wrap: wrap; justify-content: flex-end; background: var(--rule); border: 1px solid var(--rule); }
.profile-summary > div { min-width: 118px; padding: 13px; background: var(--black); text-align: right; }
.profile-summary b { display: block; font: 900 25px/1 "Arial Black", Arial, sans-serif; }
.profile-summary span { color: var(--paper-dim); font: 9px/1.3 "Courier New", monospace; }
.profile-columns { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, .42fr); gap: 46px; margin-top: 48px; }
.profile-columns h3 { margin: 0 0 14px; font-size: 20px; }
.profile-columns .collection-grid { margin-top: 0; }
.history-panel .hint { margin: 2px 0 16px; }
.collection-history { display: grid; max-height: 680px; margin: 0; padding: 0; overflow: auto; border-top: 1px solid var(--rule); list-style: none; }
.collection-history li { display: grid; grid-template-columns: 8px 48px 1fr; gap: 12px; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--rule); background: transparent; }
.history-dot { width: 8px; height: 8px; margin-top: 4px; border-radius: 0; box-shadow: none !important; }
.history-art-shell { position: relative; display: block; width: 48px; height: 48px; }
.history-art { display: block; width: 48px; height: 48px; object-fit: contain; }
.collection-history strong { display: block; font-size: 13px; }
.collection-history strong em { color: var(--paper); font-style: normal; }
.collection-history small { display: block; margin-top: 4px; color: var(--paper-dim); font: 10px/1.4 "Courier New", monospace; }
.history-empty { color: var(--paper-dim); }

@media (max-width: 800px) {
  .community-hero { grid-template-columns: 1fr; }
  .community-intro { padding-bottom: 0; }
  .profile-columns { grid-template-columns: 1fr; }
  .history-panel { order: -1; }
  .collection-history { max-height: 300px; }
}
@media (max-width: 660px) {
  .community-page { width: min(100% - 28px, 1320px); }
  .community-hero { margin-top: 54px; }
  .directory-heading, .profile-heading, .recent-heading { grid-template-columns: 1fr; align-items: start; }
  .directory-count { white-space: normal; }
  .search-control { grid-template-columns: 1fr; }
  .player-card { grid-template-columns: 34px 38px minmax(0, 1fr); gap: 8px 12px; }
  .player-avatar { width: 36px; height: 36px; font-size: 16px; }
  .player-total { grid-column: 3; text-align: left; }
  .player-progress, .player-foot { grid-column: 1 / -1; }
  .recent-heading .hint { text-align: left; }
  .recent-hatches-list { grid-template-columns: 1fr; }
  .recent-hatch { grid-template-columns: 6px 54px minmax(0, 1fr); }
  .recent-art-shell, .recent-art { width: 54px; height: 54px; }
  .recent-viewer { grid-column: 3; }
  .recent-time { grid-column: 3; text-align: left; }
  .profile-summary { justify-content: stretch; }
  .profile-summary > div { flex: 1; min-width: 100px; }
}

/* Organic public archive --------------------------------------------------- */
.site .community-hero {
  position: relative;
  grid-template-columns: minmax(0, 1.18fr) minmax(280px, .5fr);
  border: 0;
  padding: 16px 0 28px;
}
.site .community-hero h1 { transform: rotate(-.7deg); transform-origin: left bottom; text-shadow: 6px 7px 0 #171712; }
.site .community-intro {
  padding: 24px 25px 22px;
  border: 1px solid var(--edge-soft);
  border-radius: var(--curve-b);
  background: rgba(17,17,14,.7);
  transform: translateY(14px) rotate(.5deg);
}

.site .recent-hatches {
  position: relative;
  border: 0;
  padding: 10px 0 8px;
}
.site .recent-hatches-list {
  gap: 13px;
  border: 0;
}
.site .recent-hatch {
  position: relative;
  min-height: 104px;
  padding: 12px 17px 12px 0;
  border: 1px solid var(--edge-soft);
  border-radius: var(--curve-a);
  background: rgba(17,17,14,.8);
  transition: transform .16s ease, border-color .16s ease;
}
.site .recent-hatch:nth-child(2n) { border-radius: var(--curve-b); transform: translateY(5px); }
.site .recent-hatch:hover { border-color: #5b5e4e; transform: translateY(-2px) rotate(-.25deg); }
.site .recent-hatch:nth-child(2n):hover { transform: translateY(2px) rotate(.25deg); }
.site .recent-glow {
  width: 7px;
  margin-left: -1px;
  border-radius: 2px 8px 6px 2px / 12px 5px 14px 4px;
}
.site .recent-art-shell {
  border-radius: var(--curve-c);
  background: rgba(255,255,255,.018);
}

.site .directory-panel { position: relative; }
.site .directory-heading h2,
.site .profile-heading h2 { transform: rotate(-.4deg); transform-origin: left bottom; }
.site .directory-search { margin-top: 35px; }
.site .search-control { grid-template-columns: minmax(180px, 560px) max-content; justify-content: start; gap: 12px; }

.site .player-directory {
  display: grid;
  gap: 10px;
  border: 0;
}
.site .player-card {
  position: relative;
  min-height: 96px;
  padding: 14px 18px;
  border: 1px solid var(--edge-soft);
  border-radius: var(--curve-a);
  background: rgba(17,17,14,.76);
  overflow: hidden;
  transition: transform .16s ease, border-color .16s ease, background-color .16s ease;
}
.site .player-card:nth-child(even) {
  width: calc(100% - clamp(0px, 2vw, 24px));
  margin-left: clamp(0px, 2vw, 24px);
  border-radius: var(--curve-b);
}
.site .player-card:hover,
.site .player-card:focus-visible {
  color: var(--paper);
  border-color: var(--moss);
  background: var(--surface-moss);
  transform: translateX(5px) rotate(-.12deg);
}
.site .player-card:hover .player-details small,
.site .player-card:hover .player-total small,
.site .player-card:hover .player-foot,
.site .player-card:focus-visible .player-details small,
.site .player-card:focus-visible .player-total small,
.site .player-card:focus-visible .player-foot { color: var(--paper-dim); }
.site .player-card.showcase-card {
  border-left: 3px solid var(--blood);
  background: linear-gradient(100deg, rgba(105, 17, 30, .22), rgba(16, 17, 15, .76) 52%);
}
.site .player-card.showcase-card .rank { color: #e75a6e; }
.site .player-card.showcase-card .player-details small { color: #e75a6e; }
.site .player-avatar {
  border-color: #55564a;
  border-radius: 46% 54% 42% 58% / 58% 42% 57% 43%;
  background: #151610;
  transform: rotate(-4deg);
}
.site .player-progress {
  height: 5px;
  border-radius: 55% 45% 60% 40% / 60% 45% 55% 40%;
  background: #282820;
  overflow: hidden;
  transform: rotate(-.18deg);
}
.site .player-progress span {
  border-radius: inherit;
  background: linear-gradient(90deg, #6d843f, var(--moss));
}

.site .collection-panel {
  position: relative;
  margin-top: 66px;
  padding: 24px 0 0;
  border: 0;
}
.site .text-button {
  padding: 7px 10px;
  border: 1px solid var(--edge-soft);
  border-radius: 10px 4px 9px 3px;
  background: var(--surface);
}
.site .text-button:hover,
.site .text-button:focus-visible { border-color: var(--moss); outline: none; }
.site .profile-summary {
  gap: 8px;
  border: 0;
  background: transparent;
}
.site .profile-summary > div {
  min-width: 126px;
  padding: 15px 16px;
  border: 1px solid var(--edge-soft);
  border-radius: var(--curve-a);
  background: rgba(17,17,14,.8);
}
.site .profile-summary > div:nth-child(2) { border-radius: var(--curve-b); transform: translateY(5px); }
.site .profile-columns { gap: 34px; }
.site .history-panel {
  align-self: start;
  padding: 20px;
  border: 1px solid var(--edge-soft);
  border-radius: var(--curve-b);
  background: rgba(17,17,14,.72);
  transform: rotate(.25deg);
}
.site .collection-history {
  gap: 7px;
  border: 0;
}
.site .collection-history li {
  padding: 9px 8px;
  border: 1px solid transparent;
  border-bottom-color: var(--edge-soft);
  border-radius: 11px 4px 10px 3px;
}
.site .collection-history li:hover { border-color: var(--edge-soft); background: var(--surface); }
.site .history-dot { border-radius: 50%; }

@media (max-width: 800px) {
  .site .community-hero { grid-template-columns: 1fr; }
  .site .community-intro { transform: rotate(.3deg); }
  .site .history-panel { transform: none; }
}
@media (max-width: 660px) {
  .site .recent-hatches-list { gap: 9px; }
  .site .recent-hatch:nth-child(2n) { transform: none; }
  .site .player-card,
  .site .player-card:nth-child(even) { width: 100%; margin-left: 0; padding: 13px 12px; }
  .site .profile-summary > div:nth-child(2) { transform: none; }
  .site .search-control { grid-template-columns: 1fr; }
}

/* Modern linear archive --------------------------------------------------- */
.site .community-hero {
  grid-template-columns: minmax(0, 1.18fr) minmax(280px, .5fr);
  padding: 16px 0 34px;
  border-bottom: 1px solid var(--edge-strong);
}
.site .community-hero h1,
.site .directory-heading h2,
.site .profile-heading h2 {
  transform: none;
  text-shadow: none;
}
.site .community-intro {
  padding: 22px 24px;
  border: 1px solid var(--edge-soft);
  border-left: 4px solid var(--moss);
  background: rgba(16,17,15,.78);
  transform: none;
}

.site .recent-hatches {
  padding: 24px 0 8px;
  border: 0;
}
.site .recent-hatches-list {
  gap: 0;
  border-top: 1px solid var(--edge-soft);
  border-left: 1px solid var(--edge-soft);
}
.site .recent-hatch,
.site .recent-hatch:nth-child(2n) {
  min-height: 100px;
  padding: 12px 17px 12px 0;
  border: 0;
  border-right: 1px solid var(--edge-soft);
  border-bottom: 1px solid var(--edge-soft);
  background: rgba(16,17,15,.8);
  transform: none;
}
.site .recent-hatch:hover,
.site .recent-hatch:nth-child(2n):hover {
  border-color: var(--edge-soft);
  background: var(--surface-raised);
  box-shadow: inset 0 2px 0 var(--moss);
  transform: none;
}
.site .recent-glow { width: 6px; margin-left: 0; }
.site .recent-art-shell { border: 1px solid rgba(255,255,255,.055); background: rgba(255,255,255,.018); }

.site .directory-search { margin-top: 35px; }
.site .search-control { grid-template-columns: minmax(180px, 560px) max-content; justify-content: start; gap: 12px; }
.site .player-directory {
  gap: 0;
  border-top: 1px solid var(--edge-soft);
  border-left: 1px solid var(--edge-soft);
}
.site .player-card,
.site .player-card:nth-child(even) {
  width: 100%;
  min-height: 96px;
  margin-left: 0;
  padding: 14px 18px;
  border: 0;
  border-right: 1px solid var(--edge-soft);
  border-bottom: 1px solid var(--edge-soft);
  background: rgba(16,17,15,.76);
  transform: none;
}
.site .player-card:hover,
.site .player-card:focus-visible {
  color: var(--paper);
  border-color: var(--edge-soft);
  background: var(--surface-moss);
  box-shadow: inset 4px 0 0 var(--moss);
  transform: none;
}
.site .player-card:hover .player-details small,
.site .player-card:hover .player-total small,
.site .player-card:hover .player-foot,
.site .player-card:focus-visible .player-details small,
.site .player-card:focus-visible .player-total small,
.site .player-card:focus-visible .player-foot { color: var(--paper-dim); }
.site .player-avatar {
  border-color: var(--edge-strong);
  background: #151610;
  transform: none;
}
.site .player-progress {
  height: 4px;
  background: #282820;
  overflow: hidden;
  transform: none;
}
.site .player-progress span { background: linear-gradient(90deg, var(--blood), var(--moss)); }

.site .event-sets { margin: 74px 0 0; scroll-margin-top: 24px; }
.site .event-sets-intro { padding: 24px 0; border-top: 2px solid #a95b38; }
.site .event-sets-intro .eyebrow { margin: 0 0 6px; color: #ec9162; font-size: 13px; }
.site .event-sets-intro p:last-child { margin: 0; color: var(--paper-dim); font: 12px/1.5 "Courier New", monospace; }
.site .event-set-picker { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),370px));gap:12px;margin:18px 0 28px; }
.site .event-set-choice { --set-accent:#df7541;display:grid;grid-template-columns:84px minmax(0,1fr) 16px;align-items:center;gap:14px;min-height:112px;padding:12px 14px;border:1px solid #5d382d;border-left:3px solid var(--set-accent);border-radius:0;background:linear-gradient(115deg,#23130f,#100d0d 76%);color:#f1e6da;text-align:left;cursor:pointer; }
.site .event-set-choice[data-set="halloween-2"] { --set-accent:#aa72d2;border-color:#6b3f80;background:linear-gradient(115deg,#20122a,#100d13 76%); }
.site .event-set-choice:hover,.site .event-set-choice:focus-visible,.site .event-set-choice.active { border-color:var(--set-accent);background:linear-gradient(115deg,#321a12,#151010 76%);outline:none;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--set-accent) 35%,transparent); }
.site .event-set-choice[data-set="halloween-2"]:hover,.site .event-set-choice[data-set="halloween-2"]:focus-visible,.site .event-set-choice[data-set="halloween-2"].active { background:linear-gradient(115deg,#2b193b,#15101b 76%); }
.site .event-set-choice-art { display:grid;place-items:center;width:80px;height:80px;border:1px solid color-mix(in srgb,var(--set-accent) 45%,transparent);background:radial-gradient(circle, color-mix(in srgb,var(--set-accent) 22%,transparent),transparent 70%); }
.site .event-set-choice-art img { display:block;width:100%;height:100%;object-fit:contain; }
.site .event-set-choice-copy { display:grid;gap:6px;min-width:0; }
.site .event-set-choice-copy small { color:var(--set-accent);font:700 9px/1.3 "Courier New",monospace;letter-spacing:.12em;text-transform:uppercase; }
.site .event-set-choice-copy strong { overflow-wrap:anywhere;font-size:clamp(18px,2vw,23px);font-weight:800;line-height:1.05;letter-spacing:-.04em; }
.site .event-set-choice-copy span { color:var(--paper-dim);font:11px/1.35 "Courier New",monospace; }
.site .event-set-choice-arrow { align-self:start;color:var(--set-accent);font:18px/1 Arial,sans-serif; }
.site .event-set { margin-top: 22px; padding: 22px; border: 1px solid #5d382d; background: linear-gradient(150deg,#1d120e,#0e0d0c 58%); }
.site .event-set header { display: flex; align-items: end; justify-content: space-between; gap: 18px; padding-bottom: 18px; }
.site .event-set h3 { margin: 4px 0 0; color: #f1e6da; font-size: clamp(26px,4vw,40px); letter-spacing: -.06em; }
.site .event-set-kicker,.site .event-set header strong { color: #ec9162; font: 700 10px/1.4 "Courier New", monospace; letter-spacing: .08em; }
.site .event-set-grid { margin: 0; }
.site .event-set-grid .slot { background: #140e0d; }
.site .event-set-grid .slot.locked { background: #100e0d; }
.site .event-set { position:relative; overflow:hidden; isolation:isolate; }
.site .event-set > * { position:relative; z-index:1; }
.site .event-set[data-set="halloween"] { border-color:#8e4826; background:linear-gradient(180deg,rgba(58,23,8,.94) 0%,rgba(33,15,10,.89) 38%,rgba(13,12,13,.98) 100%); }
.site .event-set[data-set="halloween"]::before { content:"";position:absolute;inset:0;pointer-events:none;opacity:.65;background:radial-gradient(ellipse 56% 26% at 85% 6%,rgba(232,101,21,.33),transparent 72%),radial-gradient(ellipse 30% 38% at 5% 36%,rgba(255,123,30,.16),transparent 75%),repeating-linear-gradient(115deg,transparent 0 90px,rgba(240,100,34,.025) 91px 92px);mask-image:linear-gradient(#000 10%,#000 55%,transparent 100%); }
.site .event-set[data-set="halloween"] .event-set-kicker,.site .event-set[data-set="halloween"] header strong { color:#ffad67; }
.site .event-set[data-set="halloween-2"] { border-color:#6b3f80; background:linear-gradient(180deg,rgba(40,14,56,.94) 0%,rgba(25,13,34,.9) 40%,rgba(13,12,16,.98) 100%); }
.site .event-set[data-set="halloween-2"]::before { content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 55% 30% at 82% 8%,rgba(156,74,216,.3),transparent 74%),radial-gradient(ellipse 35% 25% at 7% 32%,rgba(114,39,161,.18),transparent 70%);mask-image:linear-gradient(#000 10%,#000 55%,transparent 100%); }
.site .event-set[data-set="halloween-2"] .event-set-kicker,.site .event-set[data-set="halloween-2"] header strong { color:#c79aff; }
.site .event-set[data-set="halloween"] .event-set-grid .slot { background:rgba(17,12,11,.8); }
.site .event-set[data-set="halloween-2"] .event-set-grid .slot { background:rgba(16,11,21,.8); }
@media(max-width:600px) { .site .event-set { padding: 14px; } .site .event-set header { align-items: start; flex-direction: column; } .site .event-set-picker { grid-template-columns:1fr; } }

.site .collection-panel {
  margin-top: 66px;
  padding: 30px 0 0;
  border-top: 1px solid var(--edge-strong);
}
.site .text-button {
  padding: 8px 10px;
  border: 1px solid var(--edge-strong);
  background: rgba(10,10,8,.7);
}
.site .text-button:hover,
.site .text-button:focus-visible { border-color: var(--paper); background: var(--paper); color: var(--black); outline: none; }
.site .profile-summary { gap: 0; border-top: 1px solid var(--edge-soft); border-left: 1px solid var(--edge-soft); }
.site .profile-summary > div,
.site .profile-summary > div:nth-child(2) {
  min-width: 126px;
  padding: 15px 16px;
  border: 0;
  border-right: 1px solid var(--edge-soft);
  border-bottom: 1px solid var(--edge-soft);
  background: rgba(16,17,15,.8);
  transform: none;
}
.site .profile-summary > .showcase-summary-note {
  display: flex;
  align-items: center;
  max-width: 270px;
  color: var(--paper-dim);
  font: 12px/1.5 "Courier New", monospace;
}
.site .profile-columns { gap: 34px; }
.site .history-panel {
  padding: 20px;
  border: 1px solid var(--edge-soft);
  border-top: 3px solid var(--moss);
  background: rgba(16,17,15,.72);
  transform: none;
}
.site .collection-history { gap: 0; border-top: 1px solid var(--edge-soft); }
.site .collection-history li {
  padding: 10px 8px;
  border: 0;
  border-bottom: 1px solid var(--edge-soft);
}
.site .collection-history li:hover { background: var(--surface-raised); }
.site .history-dot { width: 7px; height: 7px; }

@media (max-width: 800px) {
  .site .community-hero { grid-template-columns: 1fr; }
  .site .community-intro,
  .site .history-panel { transform: none; }
}
@media (max-width: 660px) {
  .site .recent-hatches-list { gap: 0; }
  .site .recent-hatch:nth-child(2n) { transform: none; }
  .site .player-card,
  .site .player-card:nth-child(even) { width: 100%; margin-left: 0; padding: 13px 12px; }
  .site .profile-summary > div:nth-child(2) { transform: none; }
  .site .search-control { grid-template-columns: 1fr; }
}

/* IAMBL00D goth accents and uncropped collection thumbnails --------------- */
.site .community-intro { border-left-color: var(--blood); }
.site .recent-hatch:hover,
.site .recent-hatch:nth-child(2n):hover { box-shadow: inset 0 2px 0 var(--blood); }
.site .recent-art-shell {
  display: grid;
  place-items: center;
  padding: 3px;
  border-color: #303037;
  background: #08080a;
  overflow: visible;
}
.site .recent-art,
.site .history-art { width: 100%; height: 100%; object-fit: contain; object-position: 50% 50%; }
.site .player-card:hover,
.site .player-card:focus-visible { background: #19090d; box-shadow: inset 4px 0 0 var(--blood); }
.site .player-progress span { background: linear-gradient(90deg, #7f091b, #ef2f49); }
.site .history-panel { border-top-color: var(--blood); }
.site .history-art-shell {
  display: grid;
  place-items: center;
  padding: 2px;
  border: 1px solid #29292f;
  background: #08080a;
  overflow: visible;
}

/* Live data and collection controls --------------------------------------- */
.live-updated { min-height: 18px; margin: 8px 0 16px; color: var(--paper-dim); font: 10px/1.4 "Courier New", monospace; letter-spacing: .08em; text-transform: uppercase; }
.collection-filters { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px 18px; align-items: end; margin: 12px 0 22px; padding: 14px; border: 1px solid var(--rule); background: rgba(9,9,10,.8); }
.filter-buttons { display: flex; flex-wrap: wrap; gap: 8px; }
.filter-chip { padding: 9px 12px; border: 1px solid var(--rule); border-radius: 0; background: transparent; color: var(--paper-dim); font: 700 10px/1 "Courier New", monospace; letter-spacing: .1em; cursor: pointer; }
.filter-chip:hover,
.filter-chip.active { border-color: var(--blood); background: var(--blood); color: #fff; }
.rarity-filter { display: grid; gap: 6px; color: var(--paper-dim); font: 700 9px/1 "Courier New", monospace; letter-spacing: .12em; }
.rarity-filter select { min-width: 180px; padding: 9px 30px 9px 10px; border: 1px solid var(--rule); border-radius: 0; background: #0d0d0f; color: var(--paper); font: 700 11px/1.2 "Courier New", monospace; }
.filter-count { grid-column: 1 / -1; color: var(--paper-dim); font: 10px/1.3 "Courier New", monospace; }
.collection-filter-empty { grid-column: 1 / -1; }
.profile-album-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin: 28px 0 0; }
.profile-album-tabs .share-profile { margin-left: auto; }
.profile-columns[hidden], .junk-album[hidden], .history-more[hidden] { display: none !important; }
.collection-main { display: grid; grid-template-columns: 156px minmax(0, 1fr); gap: 18px; min-width: 0; align-items: start; }
.collection-main-content { min-width: 0; }
.rarity-progress { position: sticky; top: 20px; margin-top: 39px; padding: 14px; border: 1px solid var(--rule); background: #0c0c10; }
.rarity-progress h3 { margin: 0 0 18px; font-size: 15px; }
.rarity-progress-row { margin: 0 0 18px; }
.rarity-progress-row:last-child { margin-bottom: 0; }
.rarity-progress-row > div { display: flex; justify-content: space-between; gap: 6px; color: var(--rarity-accent); font: 700 11px/1.4 "Courier New", monospace; }
.rarity-progress-row span { white-space: nowrap; }
.rarity-progress-track { display: block; height: 4px; margin-top: 7px; background: #2b2b31; }
.rarity-progress-track > span { display: block; height: 100%; background: var(--rarity-accent); }
.nessie-open { display: block; width: 100%; padding: 0; border: 0; background: transparent; color: inherit; cursor: zoom-in; }
.nessie-open:focus-visible { outline: 2px solid var(--blood); outline-offset: 3px; }
.slot.mythic-slot .slot-art-shell::before { content: ''; position: absolute; z-index: 0; inset: 17% 8%; border-radius: 50%; background: var(--mythic-glow); filter: blur(27px); opacity: .36; pointer-events: none; }
.slot.mythic-slot .slot-art { position: relative; z-index: 1; }
.nessie-viewer[hidden] { display: none; }
.nessie-viewer { position: fixed; z-index: 99999; inset: 0; display: grid; place-items: center; padding: 56px 20px 24px; background: rgba(1,1,4,.88); backdrop-filter: blur(9px); }
.nessie-viewer-content { display: grid; justify-items: center; width: min(92vw, 700px); max-height: calc(100vh - 100px); text-align: center; }
.nessie-viewer-content img { width: min(70vw, 560px); max-height: min(65vh, 560px); object-fit: contain; filter: drop-shadow(0 20px 32px #000); animation: nessie-pop .28s ease-out both; }
.nessie-viewer.viewer-mythic img { filter: drop-shadow(0 0 34px var(--mythic-glow)) drop-shadow(0 20px 32px #000); }
.nessie-viewer-caption { margin-top: 14px; }
.nessie-viewer-caption span { color: var(--paper-dim); font: 700 11px/1.5 "Courier New", monospace; text-transform: uppercase; }
.nessie-viewer-caption h2 { margin: 4px 0; font-size: clamp(22px,4vw,38px); }
.nessie-viewer-close { position: absolute; top: 22px; right: 24px; width: 44px; height: 44px; border: 1px solid var(--paper-dim); background: #101014; color: #fff; font-size: 28px; cursor: pointer; }
.nessie-viewer-open { overflow: hidden; }
.nessie-viewer-open .stream-widget-compact { visibility: hidden; }
@keyframes nessie-pop { from { opacity: 0; scale: .88; } to { opacity: 1; scale: 1; } }
@keyframes nessie-sway { 50% { transform: rotate(3deg); } }
@keyframes nessie-slide { 50% { transform: translateX(14px); } }
@keyframes nessie-shiver { 25%,75% { transform: translateX(-2px); } 50% { transform: translateX(2px); } }
@keyframes nessie-bounce { 50% { transform: translateY(-13px); } }
@keyframes nessie-turn { 50% { transform: rotate(-4deg); } }
@keyframes nessie-float { 50% { transform: translateY(-8px) rotate(1deg); } }
@keyframes nessie-tilt { 50% { transform: rotate(5deg) translateY(-4px); } }
@keyframes nessie-pulse { 50% { transform: scale(1.045); } }
@keyframes nessie-orbit { 25% { transform: translate(6px,-5px); } 50% { transform: translate(0,-9px); } 75% { transform: translate(-6px,-5px); } }
@keyframes nessie-wiggle { 25% { transform: translateX(5px) rotate(2deg); } 75% { transform: translateX(-5px) rotate(-2deg); } }
.nessie-viewer.motion-1 img { animation: nessie-pop .28s ease-out, nessie-sway 2.8s ease-in-out .28s infinite alternate; }
.nessie-viewer.motion-2 img { animation: nessie-pop .28s ease-out, nessie-slide 3.3s ease-in-out .28s infinite alternate; }
.nessie-viewer.motion-3 img { animation: nessie-pop .28s ease-out, nessie-shiver .32s ease-in-out .28s 4; }
.nessie-viewer.motion-4 img { animation: nessie-pop .28s ease-out, nessie-bounce 2.6s ease-in-out .28s infinite; }
.nessie-viewer.motion-5 img { animation: nessie-pop .28s ease-out, nessie-turn 3.2s ease-in-out .28s infinite alternate; }
.nessie-viewer.motion-6 img { animation: nessie-pop .28s ease-out, nessie-float 3.6s ease-in-out .28s infinite; }
.nessie-viewer.motion-7 img { animation: nessie-pop .28s ease-out, nessie-tilt 3.1s ease-in-out .28s infinite alternate; }
.nessie-viewer.motion-8 img { animation: nessie-pop .28s ease-out, nessie-pulse 3s ease-in-out .28s infinite; }
.nessie-viewer.motion-9 img { animation: nessie-pop .28s ease-out, nessie-orbit 3.8s ease-in-out .28s infinite; }
.nessie-viewer.motion-10 img { animation: nessie-pop .28s ease-out, nessie-wiggle 3s ease-in-out .28s infinite; }
@media (max-width: 1100px) { .collection-main { grid-template-columns: 1fr; } .rarity-progress { position: static; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin: 0; } .rarity-progress h3 { grid-column: 1 / -1; margin-bottom: 0; } .rarity-progress-row { margin: 0; } }
@media (max-width: 600px) { .rarity-progress { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (prefers-reduced-motion: reduce) { .nessie-viewer-content img, .nessie-viewer.motion-1 img, .nessie-viewer.motion-2 img, .nessie-viewer.motion-3 img, .nessie-viewer.motion-4 img, .nessie-viewer.motion-5 img, .nessie-viewer.motion-6 img, .nessie-viewer.motion-7 img, .nessie-viewer.motion-8 img, .nessie-viewer.motion-9 img, .nessie-viewer.motion-10 img { animation: none; } }
.junk-album { margin-top: 34px; }
.junk-album-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; border-bottom: 1px solid var(--rule); }
.junk-album-heading h3 { margin: 0 0 14px; font-size: 22px; }
.junk-album-heading p { color: var(--paper-dim); font: 11px/1.3 "Courier New", monospace; }
.junk-album-grid { display: grid; gap: 24px; margin: 20px 0 50px; }
.junk-group { position: relative; overflow: hidden; padding: 20px; border: 1px solid var(--rule); background: #101014; }
.junk-group > * { position: relative; z-index: 1; }
.junk-group header { display: flex; align-items: end; justify-content: space-between; gap: 14px; margin-bottom: 17px; }
.junk-group header h4 { margin: 4px 0 0; color: var(--paper); font-size: clamp(18px, 2.4vw, 26px); letter-spacing: -.035em; }
.junk-group header strong, .junk-group-kicker { color: var(--paper-dim); font: 700 10px/1.45 "Courier New", monospace; letter-spacing: .06em; }
.junk-group-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.junk-group[data-set="halloween"] { border-color: #75432e; background: linear-gradient(135deg, #24140e, #141013 72%); }
.junk-group[data-set="halloween"]::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(ellipse at 90% 0%, rgba(233, 111, 34, .17), transparent 55%); }
.junk-group[data-set="halloween"] .junk-group-kicker, .junk-group[data-set="halloween"] header strong { color: #f1a56c; }
.junk-group[data-set="halloween"] .junk-icon { border-color: #b96d3e; }
.junk-card { display: flex; gap: 12px; align-items: center; min-height: 86px; padding: 12px; border: 1px solid var(--rule); background: #101014; }
.junk-card.locked { opacity: .5; }
.junk-icon { display: grid; place-items: center; flex: 0 0 46px; width: 46px; height: 46px; border: 1px solid var(--blood); font-size: 25px; }
.junk-card strong, .junk-card small { display: block; }
.junk-card strong { color: var(--paper); font-size: 13px; }
.junk-card small { margin-top: 5px; color: var(--paper-dim); font: 10px/1.3 "Courier New", monospace; }
.history-more { width: 100%; margin-top: 12px; }
.directory-pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 7px;
  margin: 24px 0 0;
  padding: 18px 0 0;
  border-top: 1px solid var(--edge-soft, var(--rule));
}
.directory-pagination[hidden] { display: none; }
.directory-pagination button {
  min-width: 38px;
  min-height: 38px;
  padding: 7px 10px;
  border: 1px solid var(--edge-soft, var(--rule));
  border-radius: 0;
  background: rgba(16,17,15,.76);
  color: var(--paper-dim);
  cursor: pointer;
  font: 700 11px/1 "Courier New", monospace;
}
.directory-pagination button:hover,
.directory-pagination button:focus-visible { border-color: var(--paper); color: var(--paper); outline: 0; }
.directory-pagination button[aria-current="page"] { border-color: var(--blood); background: var(--blood); color: #fff; }
.directory-pagination button:disabled { opacity: .3; cursor: default; }
.pagination-gap { min-width: 20px; color: var(--paper-dim); text-align: center; font: 700 11px/1 "Courier New", monospace; }
@media (max-width: 700px) {
  .junk-group-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .profile-album-tabs .share-profile { margin-left: 0; }
  .collection-filters { grid-template-columns: 1fr; }
  .rarity-filter select { width: 100%; }
  .history-panel { order: initial; }
  .directory-pagination { gap: 5px; }
  .directory-pagination button { min-width: 34px; min-height: 34px; padding: 6px 8px; }
}
@media (max-width: 440px) { .junk-group { padding: 14px; } .junk-group header { align-items: start; flex-direction: column; } .junk-group-grid { grid-template-columns: 1fr; } }

.collection-howto { margin: 16px 0 0; color: var(--paper-dim); font: 12px/1.6 "Courier New", monospace; }
.history-expand { margin-top: 14px; }
@media (max-width: 700px) {
  .community-page { display: flex; flex-direction: column; }
  .community-page .directory-panel { order: 1; }
  .community-page .collection-panel { order: 2; }
  .community-page .recent-hatches { order: 3; margin-top: 42px; }
  .profile-columns .history-panel { order: -1; }
  .history-panel:not(.expanded) .collection-history li:nth-child(n+6) { display: none; }
  .site .collection-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .site .slot.locked { min-height: 126px; padding: 9px; }
  .site .slot.locked::after,
  .site .slot.locked .slot-art-shell,
  .site .slot.locked .slot-art-placeholder,
  .site .slot.locked .counts,
  .site .slot.locked .rarity { display: none; }
  .site .slot.locked h4 { margin: auto 0 0; font-size: 11px; line-height: 1.2; overflow-wrap: anywhere; }
}
@media (min-width: 701px) { .history-expand { display: none; } }
@media (max-width: 440px) { .site .event-set-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }

/* A collector's chosen Nessie is the focal point, never a second leaderboard. */
.site .player-card.has-featured { grid-template-columns:52px 112px minmax(0,1fr) 160px; min-height:136px; }
.site .player-card.has-featured .rank { grid-row:1 / 4; }
.site .player-card .featured-mini { position:relative; grid-row:1 / 4;width:108px;height:108px;min-width:0;min-height:0;border:1px solid var(--featured-rarity);border-radius:2px;transform:none;isolation:isolate;background:radial-gradient(ellipse at 50% 45%,color-mix(in srgb,var(--featured-rarity) 10%,transparent),transparent 72%); }
/* Square artwork stage; only the lower edge carries the compact level HUD. */
.site .featured-mini img { position:absolute;left:5px;top:5px;display:block;width:calc(100% - 10px);height:calc(100% - 10px);min-width:0;min-height:0;padding:0;margin:0;object-fit:contain;object-position:center;background:transparent; }
.site .featured-mini-track { position:absolute;z-index:3;left:0;right:31px;bottom:0;height:3px;background:#ffffff24; }
.site .featured-mini-track > span { display:block;height:100%;background:var(--featured-rarity); }
.site .featured-mini i { position:absolute;z-index:3;right:0;bottom:0;display:flex;align-items:flex-end;justify-content:flex-end;width:31px;height:31px;padding:0 4px 3px 0;border:0;clip-path:polygon(100% 0,100% 100%,0 100%);background:var(--featured-rarity);color:#09090b;font:900 11px/1 "Courier New",monospace;font-style:normal; }
.site .featured-mini::before,.site .featured-frame::before { content:"";position:absolute;z-index:2;right:0;top:0;width:26%;aspect-ratio:1;border-top:2px solid var(--featured-rarity);border-right:2px solid var(--featured-rarity);clip-path:polygon(0 0,100% 0,100% 100%);pointer-events:none; }
.site .tier-etched { --frame-brightness:1.15; }
.site .tier-radiant { --frame-brightness:1.35; }
.site .tier-master { --frame-brightness:1.6; }
.site .tier-over9000 { --frame-brightness:2; }
.site .featured-mini.tier-master,.site .featured-mini.tier-over9000 { box-shadow:0 0 18px color-mix(in srgb,var(--featured-rarity) 42%,transparent); }
.site .featured-mini.tier-over9000 { border-color:#f8db7a;box-shadow:0 0 22px #e6a54088; }
.site .slot { min-height:280px; }
.site .slot-art-shell,.site .slot-art-placeholder { height:144px; }
.site .slot-level { --level-accent:#b4b6c0;position:absolute;z-index:4;inset:0;text-align:left;pointer-events:none; }
.site .slot-level-corner { position:absolute;right:0;bottom:0;display:flex;align-items:flex-end;justify-content:flex-end;width:31px;height:31px;padding:0 4px 3px 0;clip-path:polygon(100% 0,100% 100%,0 100%);background:var(--level-accent);color:#09090b;font:900 11px/1 "Courier New",monospace; }
.site .slot-level.tier-etched { --level-accent:#65d4de; }
.site .slot-level.tier-radiant { --level-accent:#b592ee; }
.site .slot-level.tier-master,.site .slot-level.tier-over9000 { --level-accent:#f5cb70; }
.site .slot-xp-track { position:absolute;left:0;right:31px;bottom:0;display:block;height:3px;background:#ffffff24;overflow:hidden; }
.site .slot-xp-track > span { display:block;height:100%;background:var(--level-accent); }
.site .featured-showcase { margin:28px 0 34px; }
.site .featured-showcase[hidden] { display:none; }
.site .featured-frame { position:relative;display:grid;grid-template-columns:minmax(160px,33%) minmax(0,1fr);min-height:252px;border:1px solid color-mix(in srgb,var(--featured-rarity) 62%,#353039);background:linear-gradient(115deg,color-mix(in srgb,var(--featured-rarity) 14%,#0d0b0e),#0b0b0d 68%);overflow:hidden; }
.site .featured-frame::before { width:90px;opacity:var(--frame-brightness,1); }
.site .featured-corner { position:absolute;z-index:3;right:10px;top:10px;padding:8px 11px;border-left:1px solid var(--featured-rarity);border-bottom:1px solid var(--featured-rarity);background:#0b0a0ded;color:var(--featured-rarity);font:900 13px/1 "Courier New",monospace; }
.site .featured-frame.tier-etched { background-image:repeating-linear-gradient(135deg,transparent 0 25px,color-mix(in srgb,var(--featured-rarity) 7%,transparent) 26px 27px),linear-gradient(115deg,color-mix(in srgb,var(--featured-rarity) 14%,#0d0b0e),#0b0b0d 68%); }
.site .featured-frame.tier-radiant { box-shadow:inset 0 0 28px color-mix(in srgb,var(--featured-rarity) 16%,transparent); }
.site .featured-frame.tier-master { border-width:2px;box-shadow:inset 0 0 38px color-mix(in srgb,var(--featured-rarity) 25%,transparent),0 0 20px color-mix(in srgb,var(--featured-rarity) 20%,transparent); }
.site .featured-frame.tier-over9000 { --featured-rarity:#f5c964;border:2px solid #f5c964;background:radial-gradient(circle at 23% 50%,#64300e,#1b100b 47%,#080809 85%);box-shadow:0 0 26px #df8d3960,inset 0 0 45px #e6a23a33; }
.site .featured-art { position:relative;display:grid;place-items:center;min-width:0;padding:15px;background:radial-gradient(circle at 50% 65%,color-mix(in srgb,var(--featured-rarity) 18%,transparent),transparent 68%); }
.site .featured-art img { position:relative;z-index:1;width:100%;height:222px;object-fit:contain;filter:drop-shadow(0 12px 12px #0009); }
.site .tier-over9000 .featured-art::before { content:"";position:absolute;inset:0;opacity:.28;background:repeating-conic-gradient(from 12deg at 50% 65%,transparent 0deg 19deg,#fbc65555 20deg 24deg,transparent 25deg 40deg);mask-image:radial-gradient(ellipse,#000,transparent 75%);animation:showcase-aura 5s ease-in-out infinite alternate;pointer-events:none; }
@keyframes showcase-aura { from { opacity:.18; } to { opacity:.38; } }
.site .featured-copy { display:flex;flex-direction:column;justify-content:center;min-width:0;padding:28px clamp(20px,4vw,52px) 25px 10px; }
.site .featured-eyebrow { color:var(--featured-rarity);font:700 11px/1.4 "Courier New",monospace;letter-spacing:.12em; }
.site .featured-copy h3 { margin:10px 0 6px;font:900 clamp(25px,3.2vw,48px)/1 "Arial Black",Arial,sans-serif;letter-spacing:-.05em;overflow-wrap:anywhere; }
.site .featured-level { color:var(--featured-rarity);font:900 clamp(15px,2vw,24px)/1.15 "Arial Black",Arial,sans-serif;letter-spacing:.04em; }
.site .featured-xp-track { height:9px;max-width:440px;margin:21px 0 8px;border:1px solid color-mix(in srgb,var(--featured-rarity) 40%,#29242a);background:#08080a;overflow:hidden; }
.site .featured-xp-track span { display:block;height:100%;background:linear-gradient(90deg,var(--featured-rarity),#fff4c5); }
.site .featured-copy p,.site .featured-copy small { margin:2px 0;color:var(--paper-dim);font:11px/1.45 "Courier New",monospace; }
.site .featured-copy .featured-help { margin-top:12px;max-width:480px; }
.site .featured-variants { display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:12px; }
.site .featured-variants > span { margin-right:8px;color:var(--paper-dim);font:700 10px/1.4 "Courier New",monospace; }
.site .featured-variants button { padding:7px 10px;border:1px solid var(--edge-soft);background:#100d10;color:var(--paper);font:700 10px/1.2 "Courier New",monospace;cursor:pointer; }
.site .featured-variants button[aria-pressed="true"],.site .featured-variants button:focus-visible { border-color:var(--blood);outline:0; }
@media(max-width:760px) { .site .slot { min-height:256px; } .site .slot-art-shell,.site .slot-art-placeholder { height:128px; } }
@media(max-width:660px) { .site .player-card.has-featured { grid-template-columns:34px 86px minmax(0,1fr); } .site .player-card.has-featured .rank { grid-row:auto; } .site .player-card .featured-mini { grid-row:auto;width:82px;height:82px; } .site .featured-frame { grid-template-columns:1fr; } .site .featured-art img { height:220px; } .site .featured-copy { padding:0 22px 25px; } }
@media(prefers-reduced-motion:reduce) { .site .featured-frame,.site .featured-mini,.site .featured-art::before { animation:none!important; } }
.collection-history li.history-empty { display: block; line-height: 1.6; }
.featured-without-levels .featured-copy { justify-content: center; }
.featured-without-levels { --featured-rarity: #8795a6; }
.site .featured-art.nessie-open { border:0;background:radial-gradient(circle at 50% 65%,color-mix(in srgb,var(--featured-rarity) 18%,transparent),transparent 68%); }
.site .slot.locked { opacity:1; }
.site .slot.locked h4,.site .slot.locked .number { color:var(--paper-dim); }
.site .nessie-viewer-content { overflow:auto;overscroll-behavior:contain; }