/* Source: /style.css */
:root {
  --bg: #07130c;
  --ink: #021006;
  --panel: #0d2b18;
  --panel2: #143c23;
  --line: #7ac943;
  --text: #efffe1;
  --muted: #a4dca1;
  --danger: #ff5b5b;
  --cyan: #5df7d4;
  --yellow: #d7ff72;
  --pink: #ff6bd6;
  --season-bg: #07190d;
  --season-panel: #12391f;
  --season-accent: #7ac943;
  --season-bright: #d7ff72;
  --px: 4px;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  font-family: ui-monospace, "Cascadia Mono", Consolas, monospace;
  background:
    radial-gradient(circle at 20% 0%, rgba(215,255,114,.2), transparent 28%),
    radial-gradient(circle at 80% 10%, rgba(93,247,212,.16), transparent 30%),
    linear-gradient(180deg, var(--season-panel), var(--bg) 45%, #020804);
  color: var(--text);
  min-height: 100vh;
  overflow-x: hidden;
}

.bg-grid {
  position: fixed;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 12% 18%, rgba(215,255,114,.20) 0 3px, transparent 4px),
    radial-gradient(circle at 86% 20%, rgba(93,247,212,.16) 0 4px, transparent 5px),
    radial-gradient(circle at 72% 74%, rgba(255,107,214,.12) 0 5px, transparent 6px),
    linear-gradient(180deg, rgba(255,255,255,.025), transparent 42%);
  background-size: 260px 220px, 340px 260px, 300px 300px, auto;
  filter: saturate(1.15);
  opacity: .85;
}

.floating-pixels span {
  position: fixed;
  width: 18px;
  height: 18px;
  background: var(--season-bright);
  opacity: .25;
  box-shadow: 0 0 0 4px rgba(0,0,0,.35);
  animation: floaty 8s infinite steps(8);
  z-index: 0;
  pointer-events: none;
}
.floating-pixels span:nth-child(1){ left:8%; top:22%; animation-delay:0s; }
.floating-pixels span:nth-child(2){ left:78%; top:18%; animation-delay:1s; background:var(--cyan); }
.floating-pixels span:nth-child(3){ left:65%; top:72%; animation-delay:2s; background:var(--pink); }
.floating-pixels span:nth-child(4){ left:16%; top:80%; animation-delay:3s; }
.floating-pixels span:nth-child(5){ left:90%; top:52%; animation-delay:4s; background:var(--cyan); }

@keyframes floaty {
  0%,100% { transform: translate(0,0) scale(1); }
  25% { transform: translate(20px,-18px) scale(1.2); }
  50% { transform: translate(-10px,-34px) scale(.9); }
  75% { transform: translate(-24px,8px) scale(1.1); }
}

button, input, textarea, select { font: inherit; }
button { cursor: pointer; border: 0; }

.topbar {
  position: sticky;
  top: 0;
  z-index: 10;
  display: grid;
  grid-template-columns: auto minmax(240px, 360px) minmax(520px, 1fr) auto;
  gap: 22px;
  align-items: center;
  padding: 14px 20px;
  background: rgba(5, 20, 11, .94);
  border-bottom: 4px solid var(--season-accent);
  box-shadow: 0 7px 0 #020804;
  backdrop-filter: blur(8px);
}

.mobile-menu {
  display: none;
  color: var(--text);
  background: #0f2c19;
  border: 3px solid #315f35;
  padding: 10px 12px;
  box-shadow: 4px 4px 0 #020804;
}

.brand { display: flex; align-items: center; gap: 12px; cursor: pointer; }
.brand-mark {
  width: 46px; height: 46px; display: grid; place-items: center;
  background: var(--season-panel); color: var(--season-bright);
  border: 4px solid var(--season-accent); box-shadow: 5px 5px 0 #020804;
  transform: rotate(-3deg);
}
.logo {
  font-size: 30px;
  font-weight: 900;
  letter-spacing: -1px;
  line-height: 1;
  text-shadow: 4px 4px 0 #000;
}
.tagline { color: var(--muted); font-size: 12px; margin-top: 4px; }

.nav {
  display: flex;
  justify-content: stretch;
  align-items: center;
  gap: 10px;
  flex-wrap: nowrap;
}
.nav-btn {
  flex: 1 1 auto;
  min-width: max-content;
  text-align: center;
}
.nav-btn, .secondary, .tool, .tab, .vote-btn, .react-btn {
  color: var(--text);
  background: #0f2c19;
  border: 3px solid #315f35;
  padding: 10px 12px;
  box-shadow: 4px 4px 0 #020804;
}
.nav-btn:hover, .secondary:hover, .tool:hover, .tab:hover, .vote-btn:hover, .react-btn:hover {
  border-color: var(--season-accent);
  transform: translate(-1px, -1px);
}
.nav-btn.active, .tool.active, .tab.active, .vote-btn.voted, .react-btn.active, .active-soft {
  background: var(--season-accent);
  color: #06140c;
  border-color: var(--season-bright);
  font-weight: 900;
}

.top-actions { display: flex; gap: 8px; align-items: center; }
.auth-area { display: flex; gap: 8px; align-items: center; }
.lang-select { width: 72px; }

main {
  position: relative;
  z-index: 1;
  max-width: 1480px;
  margin: 0 auto;
  padding: 32px 20px 90px;
}

.view { display: none; }
.view.visible { display: block; }

.landing-grid {
  display: grid;
  grid-template-columns: 1fr 540px;
  gap: 36px;
  align-items: center;
  min-height: 680px;
}

.hero-text h1 {
  font-size: clamp(38px, 6vw, 78px);
  line-height: .92;
  margin: 18px 0;
  text-shadow: 6px 6px 0 #000;
  max-width: 940px;
}
.hero-text p {
  max-width: 800px;
  color: var(--muted);
  font-size: 18px;
  line-height: 1.7;
}

.pill, .future-note {
  display: inline-block;
  border: 3px solid var(--season-accent);
  color: var(--season-bright);
  background: #0d2b18;
  padding: 10px 14px;
  box-shadow: 4px 4px 0 #000;
}
.future-note {
  margin-top: 16px;
  display: block;
  color: var(--text);
  background: rgba(5,20,11,.8);
}

.hero-actions { display: flex; gap: 14px; margin-top: 24px; }
.hero-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(120px, 1fr));
  gap: 12px;
  margin: 24px 0;
}
.hero-stats div, .daily-prompt {
  background: rgba(7, 24, 13, .9);
  border: 3px solid #315f35;
  padding: 12px;
  box-shadow: 5px 5px 0 #000;
}
.hero-stats b { display: block; font-size: 22px; color: var(--season-bright); }
.hero-stats span, .daily-prompt span { color: var(--muted); font-size: 12px; }
.daily-prompt b { display: block; color: white; font-size: 20px; margin-top: 6px; }

.primary {
  background: var(--season-accent);
  color: #041006;
  font-weight: 900;
  border: 4px solid var(--season-bright);
  padding: 13px 18px;
  box-shadow: 5px 5px 0 #000;
}
.primary:hover, .secondary:hover { filter: brightness(1.1); transform: translate(-1px,-1px); }
.danger-soft {
  color: white;
  background: #351414;
  border: 3px solid #b33;
  padding: 10px 12px;
  box-shadow: 4px 4px 0 #020804;
}
.wide { width: 100%; }

.panel {
  background: rgba(10, 36, 20, .92);
  border: 4px solid var(--season-accent);
  box-shadow: 9px 9px 0 #020804;
  padding: 24px;
  margin-bottom: 26px;
}
.panel h2, .panel h3 { margin-top: 0; }
.panel-head { display: flex; justify-content: space-between; gap: 12px; align-items: center; margin-bottom: 16px; }
.panel-head.wrap { flex-wrap: wrap; }
.small, .hint { color: var(--muted); font-size: 13px; }

.landing-cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.info-card {
  background: #07180d;
  border: 3px solid #315f35;
  padding: 16px;
  min-height: 150px;
  box-shadow: 5px 5px 0 #000;
}
.info-card b {
  display: inline-grid; place-items: center; width: 38px; height: 38px;
  background: var(--season-accent); color: #041006;
  border: 3px solid var(--season-bright); box-shadow: 3px 3px 0 #000;
}
.info-card p { color: var(--muted); }

.podium-showcase {
  min-height: 600px;
  position: relative;
  display: grid;
  place-items: end center;
  padding-top: 70px;
}
.podium-stage {
  position: relative;
  width: 100%;
  min-height: 540px;
  background:
    linear-gradient(180deg, rgba(215,255,114,.08), transparent),
    rgba(5,20,11,.65);
  border: 4px solid var(--season-accent);
  box-shadow: 10px 10px 0 #000;
  overflow: hidden;
}
.podium-title {
  position: absolute;
  top: 18px;
  left: 18px;
  right: 18px;
  z-index: 3;
  text-align: center;
  font-weight: 900;
  background: var(--season-bright);
  color: #041006;
  border: 4px solid #000;
  box-shadow: 5px 5px 0 #000;
  padding: 10px;
}
.podium-art {
  position: absolute;
  display: grid;
  gap: 8px;
  justify-items: center;
  animation: hoverPodium 2.8s infinite steps(8);
}
.podium-art img {
  image-rendering: pixelated;
  background: #07180d;
  border: 5px solid var(--season-bright);
  box-shadow: 0 0 0 5px #000, 0 0 28px rgba(215,255,114,.4);
  object-fit: contain;
}
.podium-art .podium-label {
  background: #07180d;
  border: 3px solid var(--season-accent);
  box-shadow: 4px 4px 0 #000;
  padding: 8px 10px;
  text-align: center;
  max-width: 180px;
}
.podium-1 { top: 90px; left: 50%; transform: translateX(-50%); z-index: 4; }
.podium-1 img { width: 230px; height: 230px; }
.podium-2 { top: 215px; left: 36px; z-index: 2; animation-delay: .4s; }
.podium-2 img { width: 150px; height: 150px; }
.podium-3 { top: 230px; right: 36px; z-index: 2; animation-delay: .8s; }
.podium-3 img { width: 135px; height: 135px; }
.podium-base {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 190px;
  background:
    linear-gradient(90deg, transparent 0 12%, rgba(0,0,0,.25) 12% 14%, transparent 14% 28%, rgba(0,0,0,.25) 28% 30%, transparent 30%),
    linear-gradient(180deg, var(--season-accent), var(--season-panel));
  border-top: 5px solid #000;
  clip-path: polygon(0 45%, 30% 25%, 50% 0, 70% 25%, 100% 45%, 100% 100%, 0 100%);
}
@keyframes hoverPodium {
  0%,100% { margin-top: 0; }
  50% { margin-top: -14px; }
}

.editor-layout {
  display: grid;
  grid-template-columns: 300px minmax(480px, 1fr) 390px;
  gap: 22px;
  align-items: start;
}
.editor-sidebar, .upload-panel { position: sticky; top: 112px; }
.tool-group { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 12px 0; }
#colorPicker { width: 100%; height: 48px; padding: 0; border: 4px solid var(--season-accent); background: transparent; }
#brushSize { accent-color: var(--season-accent); }

#pixelCanvas {
  width: 100%;
  max-width: 720px;
  aspect-ratio: 1;
  image-rendering: pixelated;
  display: block;
  background: #08210f;
  border: 5px solid var(--season-accent);
  margin: 0 auto;
  box-shadow: 8px 8px 0 #000;
  touch-action: none;
}
.palette { display: grid; grid-template-columns: repeat(6, 1fr); gap: 6px; }
.swatch { height: 30px; border: 3px solid #000; box-shadow: 2px 2px 0 #000; }

.form-grid { display: grid; gap: 12px; }
label { display: grid; gap: 6px; color: var(--muted); }
.checkbox-label {
  display: flex; gap: 10px; align-items: flex-start;
  background: #07180d; border: 3px solid #315f35; padding: 12px;
}
.checkbox-label input { width: auto; margin-top: 4px; }
input, textarea, select {
  background: #06140c;
  color: var(--text);
  border: 3px solid #315f35;
  padding: 12px;
  outline: none;
  width: 100%;
}
textarea { resize: vertical; min-height: 84px; }
input:focus, textarea:focus, select:focus { border-color: var(--season-accent); }

.artwork-card-preview,
.artwork-tile,
.artwork-detail {
  background:
    linear-gradient(135deg, rgba(255,255,255,.03), transparent),
    #07180d;
  border: 4px solid var(--season-accent);
  box-shadow: 8px 8px 0 #000;
  padding: 14px;
  position: relative;
}
.artwork-image-wrap {
  background:
    radial-gradient(circle at 30% 25%, rgba(215,255,114,.10), transparent 28%),
    radial-gradient(circle at 75% 80%, rgba(93,247,212,.09), transparent 32%),
    linear-gradient(180deg, #07180d, #041006);
  border: 4px solid #315f35;
  display: grid;
  place-items: center;
  padding: 14px;
}
.artwork-image {
  width: 100%;
  aspect-ratio: 1;
  object-fit: contain;
  image-rendering: pixelated;
}
.artwork-title {
  font-size: 20px;
  font-weight: 900;
  margin: 12px 0 4px;
  text-shadow: 3px 3px 0 #000;
}
.artwork-meta {
  color: var(--muted);
  font-size: 13px;
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.winner-badge {
  position: absolute;
  top: 8px;
  right: 8px;
  background: var(--season-bright);
  color: #07180d;
  border: 3px solid #000;
  box-shadow: 4px 4px 0 #000;
  font-weight: 900;
  padding: 6px 8px;
  transform: rotate(3deg);
  z-index: 2;
}

.artwork-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 18px; }
.artwork-strip { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 14px; }
.section-block { margin-top: 24px; }
.card-actions { display: grid; gap: 8px; margin-top: 12px; }
.vote-row, .reaction-row { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.print-btn {
  color: var(--text);
  background: #102b24;
  border: 3px solid var(--cyan);
  padding: 10px 12px;
  box-shadow: 4px 4px 0 #020804;
}
.print-btn.active { background: var(--cyan); color: #041006; font-weight: 900; }
.link-btn { color: var(--cyan); background: transparent; border: 0; padding: 0; text-decoration: underline; box-shadow: none; }

.ranking-list, .admin-list, .archive-weeks { display: grid; gap: 10px; }
.rank-item, .admin-item, .archive-week {
  display: grid;
  grid-template-columns: 54px 1fr auto;
  align-items: center;
  gap: 12px;
  background: #07180d;
  border: 3px solid #315f35;
  padding: 12px;
  box-shadow: 4px 4px 0 #000;
}
.rank-num { color: var(--season-bright); font-size: 24px; font-weight: 900; }
.archive-week { cursor: pointer; }
.archive-week:hover, .archive-week.active { border-color: var(--season-bright); background: #12391f; }

.detail-layout { display: grid; grid-template-columns: minmax(300px, 540px) 1fr; gap: 24px; align-items: start; }
.artwork-detail .artwork-title { font-size: 32px; }
.artwork-detail .artwork-image-wrap { padding: 24px; }

.chat-layout { max-width: 900px; margin: 0 auto; }
.chat-messages {
  height: min(60vh, 560px);
  overflow: auto;
  background: #041006;
  border: 4px solid #315f35;
  padding: 14px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.chat-message {
  background: #0d2b18;
  border: 3px solid #315f35;
  padding: 10px;
  box-shadow: 3px 3px 0 #000;
}
.chat-message b { color: var(--season-bright); }
.chat-message span { color: var(--muted); font-size: 12px; }
.chat-input-row { display: grid; grid-template-columns: 1fr auto; gap: 10px; margin-top: 12px; }

.profile-hero { display: grid; grid-template-columns: 1fr auto; gap: 16px; align-items: center; }
.profile-stats { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; }
.profile-stats div { background: #07180d; border: 3px solid #315f35; padding: 12px; }
.profile-stats b { display: block; font-size: 24px; color: var(--season-bright); }
.badges { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.badge { display: inline-flex; gap: 6px; align-items: center; background: #07180d; border: 3px solid var(--season-accent); padding: 8px 10px; box-shadow: 3px 3px 0 #000; }
.admin-thumb { width: 72px; height: 72px; image-rendering: pixelated; object-fit: contain; border: 3px solid var(--season-accent); background: #06140c; }

hr { border: 0; border-top: 3px solid #315f35; margin: 18px 0; }
.modal {
  position: fixed;
  inset: 0;
  z-index: 50;
  display: grid;
  place-items: center;
  background: rgba(0,0,0,.72);
  padding: 20px;
}
.modal-card {
  width: min(520px, 100%);
  background: #0d2b18;
  border: 4px solid var(--season-accent);
  padding: 22px;
  box-shadow: 10px 10px 0 #000;
  position: relative;
  display: grid;
  gap: 12px;
}
.modal-close { position: absolute; right: 10px; top: 8px; background: transparent; color: white; font-size: 30px; }
.tabs { display: flex; gap: 8px; }
.message { color: var(--season-bright); min-height: 20px; }
.toast {
  position: fixed;
  right: 20px;
  bottom: 20px;
  background: #12391f;
  color: white;
  border: 4px solid var(--season-accent);
  box-shadow: 6px 6px 0 #000;
  padding: 14px 16px;
  z-index: 60;
  max-width: min(420px, calc(100vw - 40px));
}
.hidden { display: none !important; }
.empty-state {
  background: #07180d;
  border: 3px dashed #315f35;
  padding: 22px;
  text-align: center;
  color: var(--muted);
}

@media (max-width: 1250px) {
  .editor-layout { grid-template-columns: 1fr; }
  .editor-sidebar, .upload-panel { position: static; }
  .tool-group { grid-template-columns: repeat(3, 1fr); }
  .palette { grid-template-columns: repeat(10, 1fr); }
}
@media (max-width: 1100px) {
  .topbar { grid-template-columns: auto 1fr auto; }
  .mobile-menu { display: block; }
  .nav { display: none; grid-column: 1 / -1; justify-content: flex-start; }
  .nav.open { display: flex; }
  .landing-grid, .detail-layout { grid-template-columns: 1fr; }
  .podium-showcase { min-height: 560px; }
  .landing-cards, .hero-stats, .profile-stats { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 720px) {
  main { padding: 18px 10px 70px; }
  .topbar { padding: 12px; grid-template-columns: auto 1fr; }
  .top-actions { grid-column: 1 / -1; justify-content: space-between; }
  .logo { font-size: 23px; }
  .landing-cards, .hero-stats, .profile-stats { grid-template-columns: 1fr; }
  .hero-actions { flex-direction: column; }
  .tool-group { grid-template-columns: 1fr 1fr; }
  .podium-stage { min-height: 520px; }
  .podium-1 { top: 92px; }
  .podium-1 img { width: 180px; height: 180px; }
  .podium-2 { top: 275px; left: 20px; }
  .podium-2 img { width: 110px; height: 110px; }
  .podium-3 { top: 285px; right: 20px; }
  .podium-3 img { width: 100px; height: 100px; }
  .rank-item, .admin-item, .archive-week { grid-template-columns: 1fr; }
  .chat-input-row { grid-template-columns: 1fr; }
}


.home-lower-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(360px, .75fr);
  gap: 24px;
  align-items: start;
}

.home-chat-panel {
  min-height: 430px;
}

.home-chat-messages {
  height: 300px;
}

.artist-link {
  color: var(--cyan);
  text-decoration: underline;
  cursor: pointer;
  font-weight: 900;
}

.comments-box {
  display: grid;
  gap: 10px;
  max-height: 320px;
  overflow: auto;
  background: #041006;
  border: 3px solid #315f35;
  padding: 12px;
  margin-bottom: 12px;
}

.comment-item {
  background: #0d2b18;
  border: 3px solid #315f35;
  box-shadow: 3px 3px 0 #000;
  padding: 10px;
}

.comment-item b {
  color: var(--season-bright);
  cursor: pointer;
  text-decoration: underline;
}

.comment-item span {
  color: var(--muted);
  font-size: 12px;
}

.comment-input-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
}

.xp-wrap {
  margin-top: 16px;
  background: #041006;
  border: 3px solid #315f35;
  box-shadow: 4px 4px 0 #000;
  padding: 10px;
}

.xp-label {
  display: flex;
  justify-content: space-between;
  color: var(--muted);
  font-size: 13px;
  margin-bottom: 8px;
}

.xp-bar {
  height: 24px;
  background: #07180d;
  border: 3px solid #000;
  overflow: hidden;
}

.xp-fill {
  height: 100%;
  width: 0%;
  background:
    linear-gradient(90deg, var(--season-accent), var(--season-bright));
  box-shadow: inset 0 0 0 3px rgba(255,255,255,.12);
  transition: width .4s steps(8);
}

.profile-click-hint {
  color: var(--muted);
  font-size: 12px;
}

@media (max-width: 1300px) {
  .topbar {
    grid-template-columns: auto minmax(220px, 320px) 1fr auto;
    gap: 14px;
  }
  .nav {
    flex-wrap: wrap;
  }
}

@media (max-width: 1100px) {
  .home-lower-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .comment-input-row {
    grid-template-columns: 1fr;
  }
  .home-chat-messages {
    height: 260px;
  }
}


/* =========================
   PRINT FUND
========================= */

.print-fund-panel {
  position: relative;
  overflow: hidden;
}

.print-fund-panel::before {
  content: "";
  position: absolute;
  inset: 12px;
  border: 2px dashed rgba(215, 255, 114, .35);
  pointer-events: none;
}

.fund-big {
  font-size: 42px;
  font-weight: 900;
  color: var(--season-bright);
  text-shadow: 4px 4px 0 #000;
  margin: 12px 0;
}

.fund-big small {
  font-size: 20px;
  color: var(--muted);
}

.fund-bar {
  height: 34px;
  background: #041006;
  border: 4px solid #000;
  box-shadow: 4px 4px 0 #000;
  overflow: hidden;
  margin: 14px 0;
}

.fund-fill {
  width: 0%;
  height: 100%;
  background:
    linear-gradient(90deg, var(--season-accent), var(--season-bright));
  transition: width .5s steps(10);
}

.fund-meta {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  color: var(--muted);
  margin: 12px 0;
}

.fund-meta b {
  color: var(--season-bright);
}

.fund-disclaimer {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}

.fund-link {
  display: block;
  text-align: center;
  text-decoration: none;
  margin-top: 14px;
}

.admin-fund-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(220px, 1fr));
  gap: 12px;
  margin-bottom: 28px;
  background: #07180d;
  border: 3px solid #315f35;
  padding: 14px;
  box-shadow: 4px 4px 0 #000;
}

.admin-fund-form label:nth-child(6),
.admin-fund-form button {
  grid-column: 1 / -1;
}

@media (max-width: 720px) {
  .admin-fund-form {
    grid-template-columns: 1fr;
  }

  .fund-big {
    font-size: 32px;
  }

  .fund-meta {
    flex-direction: column;
  }
}


/* =========================
   ADMIN PROMPT
========================= */

.admin-prompt-form {
  display: grid;
  gap: 12px;
  margin-bottom: 28px;
  background: #07180d;
  border: 3px solid #315f35;
  padding: 14px;
  box-shadow: 4px 4px 0 #000;
}

.prompt-admin-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.prompt-admin-actions button {
  flex: 1 1 220px;
}


/* =========================
   V9 POLISH OVERRIDES
========================= */

.avatar {
  width: 34px;
  height: 34px;
  border: 3px solid var(--season-accent);
  background: #041006;
  object-fit: cover;
  image-rendering: pixelated;
  box-shadow: 3px 3px 0 #000;
}

.avatar.big {
  width: 96px;
  height: 96px;
  border-width: 4px;
  box-shadow: 5px 5px 0 #000;
}

.profile-title-row {
  display: flex;
  align-items: center;
  gap: 16px;
}

.avatar-upload-box {
  margin-top: 16px;
  background: #07180d;
  border: 3px solid #315f35;
  box-shadow: 4px 4px 0 #000;
  padding: 12px;
  display: grid;
  gap: 10px;
}

.avatar-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.avatar-actions button,
.avatar-actions label {
  flex: 1 1 180px;
}

.avatar-file-label {
  color: var(--text);
  background: #0f2c19;
  border: 3px solid #315f35;
  padding: 12px 16px;
  box-shadow: 4px 4px 0 #020804;
  text-align: center;
  cursor: pointer;
}

.avatar-file-label input {
  display: none;
}

.chat-message-head,
.comment-head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 5px;
}

.chat-message-head b,
.comment-head b {
  color: var(--season-bright);
  cursor: pointer;
  text-decoration: underline;
}

.chat-message-head span,
.comment-head span {
  color: var(--muted);
  font-size: 12px;
}

/* Smooth animations */
.floating-pixels span {
  animation: floaty 11s infinite ease-in-out;
}

.podium-art {
  animation: hoverPodiumSmooth 3.4s infinite ease-in-out;
}

.podium-2 {
  animation-delay: .55s;
}

.podium-3 {
  animation-delay: 1.1s;
}

@keyframes hoverPodiumSmooth {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-14px);
  }
}

.podium-1 {
  transform: translateX(-50%);
}

.podium-1.podium-art {
  animation-name: hoverPodiumSmoothCenter;
}

@keyframes hoverPodiumSmoothCenter {
  0%, 100% {
    transform: translateX(-50%) translateY(0);
  }
  50% {
    transform: translateX(-50%) translateY(-16px);
  }
}

@media (min-width: 1500px) {
  .topbar {
    grid-template-columns: 340px minmax(0, 1fr) max-content;
    gap: 34px;
    padding-left: 38px;
    padding-right: 38px;
  }

  .nav {
    gap: 16px;
  }

  .nav-btn {
    padding-left: 18px;
    padding-right: 18px;
  }
}

@media (max-width: 1380px) {
  .topbar {
    grid-template-columns: 280px minmax(0, 1fr) max-content;
    gap: 16px;
    padding: 14px 18px;
  }

  .logo {
    font-size: 28px;
  }

  .brand-mark {
    width: 52px;
    height: 52px;
  }

  .nav {
    gap: 8px;
  }

  .nav-btn {
    min-width: 78px;
    padding: 11px 9px;
    font-size: 15px;
  }

  .auth-area .small {
    max-width: 110px;
  }
}

@media (max-width: 1120px) {
  .topbar {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    min-height: auto;
  }

  .mobile-menu {
    display: block;
    grid-column: 1;
  }

  .brand {
    grid-column: 2;
  }

  .top-actions {
    grid-column: 3;
  }

  .nav {
    display: none;
    grid-column: 1 / -1;
    width: 100%;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    padding-top: 12px;
  }

  .nav.open {
    display: grid;
  }
}

@media (max-width: 720px) {
  .topbar {
    grid-template-columns: auto 1fr;
    padding: 12px;
  }

  .mobile-menu {
    grid-column: 1;
  }

  .brand {
    grid-column: 2;
  }

  .top-actions {
    grid-column: 1 / -1;
    width: 100%;
    justify-content: space-between;
  }

  .brand-mark {
    width: 46px;
    height: 46px;
  }

  .logo {
    font-size: 23px;
  }

  .tagline {
    font-size: 10px;
  }

  .nav {
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  }

  .profile-title-row {
    align-items: flex-start;
  }

  .avatar.big {
    width: 72px;
    height: 72px;
  }
}


/* =========================
   V10 SOCIAL POLISH
========================= */

.top-actions {
  margin-left: auto;
}

.auth-area .small {
  display: none !important;
}

.friend-actions,
.profile-comment-box,
.private-chat-box,
.achievements-box {
  margin-top: 16px;
  background: #07180d;
  border: 3px solid #315f35;
  box-shadow: 4px 4px 0 #000;
  padding: 12px;
  display: grid;
  gap: 10px;
}

.friend-actions {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.profile-comment-list,
.private-message-list {
  display: grid;
  gap: 10px;
  max-height: 320px;
  overflow: auto;
  background: #041006;
  border: 3px solid #315f35;
  padding: 12px;
}

.private-message {
  background: #0d2b18;
  border: 3px solid #315f35;
  box-shadow: 3px 3px 0 #000;
  padding: 10px;
}

.private-message.mine {
  border-color: var(--season-accent);
  margin-left: 32px;
}

.private-message.theirs {
  margin-right: 32px;
}

.profile-comment-input,
.private-input-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
}

.achievements-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.admin-user-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

@media (max-width: 720px) {
  .profile-comment-input,
  .private-input-row {
    grid-template-columns: 1fr;
  }

  .private-message.mine,
  .private-message.theirs {
    margin-left: 0;
    margin-right: 0;
  }
}


/* =========================
   V11 NOTIFICATIONS / CHAT MODERATION
========================= */

.notification-btn {
  color: var(--text);
  background: #0f2c19;
  border: 3px solid #315f35;
  padding: 12px 14px;
  box-shadow: 4px 4px 0 #020804;
  white-space: nowrap;
  min-width: 74px;
}

.notification-btn.has-items {
  border-color: var(--season-bright);
  background: var(--season-accent);
  color: #06140c;
  font-weight: 900;
  animation: notifyPulse 1.4s infinite ease-in-out;
}

@keyframes notifyPulse {
  0%, 100% { transform: translateY(0); filter: brightness(1); }
  50% { transform: translateY(-2px); filter: brightness(1.25); }
}

.notification-list {
  display: grid;
  gap: 10px;
}

/* Notification modal: keep actions reachable even with a long inbox. */
#notificationModal .modal-card {
  width: min(620px, 100%);
  max-height: min(86dvh, 760px);
  grid-template-rows: auto minmax(0, 1fr) auto;
  overflow: hidden;
}

#notificationModal .notification-list {
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  padding: 2px 8px 8px 2px;
}

#notificationModal .notification-footer {
  padding-top: 2px;
  border-top: 2px solid rgba(156, 255, 122, .18);
  background: #0d2b18;
}

@media (max-width: 640px) {
  #notificationModal {
    padding: 10px;
  }

  #notificationModal .modal-card {
    max-height: calc(100dvh - 20px);
    padding: 18px 14px 14px;
  }
}

.notification-item {
  background: #07180d;
  border: 3px solid #315f35;
  padding: 12px;
  box-shadow: 4px 4px 0 #000;
  display: grid;
  gap: 10px;
}

.notification-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.chat-status-box {
  background: #351414;
  border: 3px solid #b33;
  color: #fff;
  padding: 12px;
  box-shadow: 4px 4px 0 #000;
  margin-bottom: 12px;
}

.admin-chat-controls {
  display: grid;
  grid-template-columns: repeat(2, minmax(130px, 1fr));
  gap: 8px;
  margin-top: 10px;
}

.admin-chat-controls button {
  padding: 9px 10px;
}

@media (max-width: 720px) {
  .notification-btn {
    min-width: auto;
  }

  .admin-chat-controls {
    grid-template-columns: 1fr;
  }
}


/* =========================
   V12 LOGO / FAVICON HEADER
========================= */

.logo-brand {
  grid-column: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
  min-width: 0;
}

.site-logo-img {
  display: block;
  width: 300px;
  max-width: 100%;
  height: auto;
  object-fit: contain;
  image-rendering: auto;
}

.logo-brand .brand-mark,
.logo-brand .logo,
.logo-brand .tagline {
  display: none !important;
}

@media (min-width: 1500px) {
  .topbar {
    grid-template-columns: 330px minmax(0, 1fr) max-content;
  }

  .site-logo-img {
    width: 310px;
  }
}

@media (max-width: 1380px) {
  .topbar {
    grid-template-columns: 280px minmax(0, 1fr) max-content;
  }

  .site-logo-img {
    width: 260px;
  }
}

@media (max-width: 1120px) {
  .logo-brand {
    grid-column: 2;
  }
}

@media (max-width: 720px) {
  .site-logo-img {
    width: 210px;
  }
}


/* =========================
   V13 RULES / ARTWORK TYPES
========================= */

.rules-hero-panel {
  position: relative;
  overflow: hidden;
}

.rules-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(180px, 1fr));
  gap: 16px;
}

.rule-card,
.rules-box {
  background: #07180d;
  border: 3px solid #315f35;
  box-shadow: 5px 5px 0 #000;
  padding: 16px;
}

.rule-card b {
  display: inline-grid;
  place-items: center;
  width: 42px;
  height: 42px;
  background: var(--season-accent);
  color: #041006;
  border: 3px solid var(--season-bright);
  box-shadow: 3px 3px 0 #000;
  margin-bottom: 10px;
}

.rule-card p,
.rules-box li,
.rules-box p {
  color: var(--muted);
  line-height: 1.55;
}

.rules-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(260px, 1fr));
  gap: 16px;
  margin-top: 18px;
}

.rules-box ul {
  margin: 0;
  padding-left: 22px;
}

.type-pill {
  display: inline-block;
  margin-top: 8px;
  background: #06140c;
  border: 2px solid var(--season-accent);
  color: var(--season-bright);
  padding: 4px 7px;
  font-size: 12px;
  box-shadow: 3px 3px 0 #000;
}

@media (max-width: 1120px) {
  .rules-grid {
    grid-template-columns: repeat(2, minmax(180px, 1fr));
  }

  .rules-columns {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .rules-grid {
    grid-template-columns: 1fr;
  }
}


/* =========================
   V14 FULL RULES PAGE
========================= */

.rules-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 18px;
}

.rules-tabs .tab {
  flex: 1 1 150px;
}

.rules-content {
  display: grid;
  gap: 18px;
}

.rules-section {
  background: #07180d;
  border: 3px solid #315f35;
  box-shadow: 5px 5px 0 #000;
  padding: 18px;
}

.rules-section h2,
.rules-section h3 {
  margin-top: 0;
}

.rules-section p,
.rules-section li {
  color: var(--muted);
  line-height: 1.6;
}

.rules-kpi-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 12px;
  margin: 14px 0;
}

.rules-kpi {
  background: #041006;
  border: 3px solid #315f35;
  box-shadow: 4px 4px 0 #000;
  padding: 14px;
}

.rules-kpi b {
  display: block;
  color: var(--season-bright);
  font-size: 22px;
}

.rules-two-col {
  display: grid;
  grid-template-columns: repeat(2, minmax(260px, 1fr));
  gap: 14px;
}

.rules-callout {
  background: #0d2b18;
  border: 3px solid var(--season-accent);
  box-shadow: 5px 5px 0 #000;
  padding: 14px;
  color: var(--text);
}

.rules-table {
  width: 100%;
  border-collapse: collapse;
  margin: 10px 0;
}

.rules-table th,
.rules-table td {
  border: 3px solid #315f35;
  padding: 10px;
  text-align: left;
  vertical-align: top;
}

.rules-table th {
  color: var(--season-bright);
  background: #041006;
}

.keyword-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 10px;
}

.keyword-item {
  background: #041006;
  border: 3px solid #315f35;
  box-shadow: 3px 3px 0 #000;
  padding: 12px;
}

.keyword-item b {
  color: var(--season-bright);
}

.example-card-box {
  background: #041006;
  border: 3px solid var(--season-accent);
  box-shadow: 4px 4px 0 #000;
  padding: 14px;
  white-space: pre-line;
  color: var(--muted);
}

@media (max-width: 900px) {
  .rules-two-col {
    grid-template-columns: 1fr;
  }
}

/* =========================
   V16 PLAY LINK
========================= */

.play-link {
  text-decoration: none;
  display: inline-block;
}


/* =========================
   V26 COMMUNITY POSITIONING
   PixelDeck is now positioned as a pixelart community, not a TCG-first project.
========================= */

.community-note,
.tcglater-note {
  border: 3px solid rgba(125,255,142,.42);
  background: rgba(7, 22, 14, .72);
  box-shadow: 5px 5px 0 rgba(0,0,0,.48);
  padding: 14px;
  color: var(--muted, #c6e5bf);
}


/* =========================
   V27 EDITOR + COMMUNITY CLEANUP
========================= */

.premium-tools {
  border-top: 2px dashed rgba(145,255,121,.25);
  padding-top: 8px;
}

.editor-sidebar select,
.upload-panel select {
  width: 100%;
  background: rgba(0,0,0,.22);
  color: var(--text, #f6ffe7);
  border: 3px solid rgba(145,255,121,.35);
  padding: 8px;
  font-family: inherit;
}

.editor-sidebar .tool-group {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.editor-sidebar .premium-tools .secondary {
  font-size: 12px;
}

@media (max-width: 900px) {
  .editor-sidebar .tool-group {
    grid-template-columns: 1fr 1fr;
  }
}


/* =========================
   V28 COMMUNITY FEATURES
========================= */

.battle-pair {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 18px;
  align-items: center;
}

.battle-card {
  border: 4px solid rgba(145,255,121,.42);
  background: rgba(7,22,14,.74);
  box-shadow: 6px 6px 0 rgba(0,0,0,.45);
  padding: 14px;
}

.versus-badge {
  width: 68px;
  height: 68px;
  display: grid;
  place-items: center;
  border: 4px solid #000;
  background: linear-gradient(180deg, #f8ff8c, #7cff90);
  color: #082012;
  font-weight: 900;
  box-shadow: 5px 5px 0 #000;
  border-radius: 999px;
}

.battle-score {
  margin: 10px 0;
  color: var(--muted, #c6e5bf);
  text-align: center;
}

.mini-action-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
}

@media (max-width: 800px) {
  .battle-pair {
    grid-template-columns: 1fr;
  }
  .versus-badge {
    margin: 0 auto;
  }
}


/* =========================
   V29 COMMUNITY POLISH
========================= */

.topbar {
  backdrop-filter: blur(10px);
}

.hero-text h1 {
  max-width: 920px;
}

.onboarding-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}

.onboarding-strip span {
  display: inline-block;
  padding: 7px 10px;
  border: 3px solid rgba(145,255,121,.35);
  background: rgba(0,0,0,.22);
  box-shadow: 3px 3px 0 rgba(0,0,0,.45);
  color: var(--muted, #c6e5bf);
  font-size: 12px;
  font-weight: 800;
}

.home-lower-grid {
  gap: 16px;
}

.home-highlight-panel {
  margin-top: 16px;
}

.home-highlights {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.home-highlight-card {
  display: grid;
  grid-template-columns: 46px 78px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  padding: 10px;
  border: 3px solid rgba(145,255,121,.35);
  background: rgba(4, 14, 8, .56);
  box-shadow: 4px 4px 0 rgba(0,0,0,.38);
  cursor: pointer;
}

.home-highlight-card img {
  width: 78px;
  height: 78px;
  object-fit: cover;
  image-rendering: pixelated;
  border: 3px solid rgba(255,255,255,.16);
  background: rgba(0,0,0,.25);
}

.home-highlight-card b,
.home-highlight-card span,
.home-highlight-card small {
  display: block;
  min-width: 0;
}

.home-highlight-card span,
.home-highlight-card small {
  color: var(--muted, #c6e5bf);
  font-size: 12px;
}

.highlight-rank {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border: 3px solid #000;
  background: linear-gradient(180deg, #f8ff8c, #7cff90);
  color: #082012;
  font-weight: 900;
  box-shadow: 3px 3px 0 #000;
}

.battle-pair .artwork-tile,
.battle-card .artwork-tile {
  max-width: 360px;
  margin-inline: auto;
}

.battle-card .card-actions {
  margin-top: 10px;
}

.battle-score {
  font-weight: 900;
}

.mini-action-row .link-btn {
  min-height: 36px;
}

#boardsGrid .empty-state,
#battlePair .empty-state {
  grid-column: 1 / -1;
}

.admin-prompt-form {
  margin-bottom: 18px;
}

@media (max-width: 980px) {
  .home-highlights {
    grid-template-columns: 1fr;
  }

  .home-highlight-card {
    grid-template-columns: 40px 72px minmax(0,1fr);
  }
}


/* =========================
   V35 FULL GROWTH PACK
========================= */

.discovery-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
}

.discovery-grid section {
  border: 3px solid rgba(145,255,121,.25);
  background: rgba(0,0,0,.16);
  padding: 12px;
  box-shadow: 4px 4px 0 rgba(0,0,0,.25);
}

.creator-list {
  display: grid;
  gap: 10px;
}

.creator-row {
  display: grid;
  grid-template-columns: 44px minmax(0,1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 10px;
  border: 3px solid rgba(145,255,121,.28);
  background: rgba(5,15,9,.6);
  cursor: pointer;
}

.creator-row:hover {
  filter: brightness(1.12);
}

.remix-info-box {
  margin-bottom: 10px;
  padding: 10px;
  border: 3px solid rgba(145,255,121,.25);
  background: rgba(0,0,0,.2);
  color: var(--muted, #c6e5bf);
}

.profile-bio {
  margin: 8px 0;
  max-width: 640px;
  color: var(--text, #f6ffe7);
}

.profile-settings-box {
  margin: 14px 0;
  padding: 14px;
  border: 3px solid rgba(145,255,121,.28);
  background: rgba(0,0,0,.18);
}

.profile-settings-box label {
  display: grid;
  gap: 6px;
  margin-bottom: 10px;
}

.profile-settings-box textarea {
  min-height: 80px;
  resize: vertical;
}

.onboarding-modal-card {
  max-width: 720px;
}

.onboarding-cards {
  display: grid;
  grid-template-columns: repeat(5, minmax(0,1fr));
  gap: 8px;
  margin: 16px 0;
}

.onboarding-cards div {
  padding: 10px;
  border: 3px solid rgba(145,255,121,.3);
  background: rgba(0,0,0,.22);
  text-align: center;
}

.onboarding-cards b {
  display: block;
  font-size: 24px;
  color: var(--accent, #9be64d);
}

.mobile-bottom-nav {
  display: none;
}

@media (max-width: 760px) {
  body {
    padding-bottom: 62px;
  }

  .mobile-bottom-nav {
    position: fixed;
    z-index: 200;
    left: 0;
    right: 0;
    bottom: 0;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    background: rgba(5, 15, 9, .96);
    border-top: 3px solid rgba(145,255,121,.45);
    box-shadow: 0 -5px 0 rgba(0,0,0,.35);
  }

  .mobile-bottom-nav button {
    padding: 10px 4px;
    border: 0;
    border-right: 1px solid rgba(255,255,255,.08);
    background: transparent;
    color: var(--text, #f6ffe7);
    font-size: 11px;
    font-weight: 900;
  }

  .onboarding-cards {
    grid-template-columns: 1fr;
  }
}


/* =========================
   V36 LAUNCH READY POLISH
========================= */

.launch-stats-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
  padding: 10px;
  border: 3px solid rgba(145,255,121,.25);
  background: rgba(0,0,0,.18);
  box-shadow: 4px 4px 0 rgba(0,0,0,.3);
}

.launch-stats-bar span {
  padding: 6px 9px;
  background: rgba(145,255,121,.08);
  border: 2px solid rgba(145,255,121,.18);
  color: var(--muted, #c6e5bf);
  font-size: 12px;
}

.launch-stats-bar b {
  color: var(--text, #f6ffe7);
}

.guidelines-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 14px;
}

.guideline-card {
  padding: 14px;
  border: 3px solid rgba(145,255,121,.28);
  background: rgba(4,14,8,.56);
  box-shadow: 4px 4px 0 rgba(0,0,0,.35);
}

.guideline-card b {
  display: block;
  margin-bottom: 8px;
  color: var(--text, #f6ffe7);
}

.guideline-card p {
  margin: 0;
  color: var(--muted, #c6e5bf);
  line-height: 1.45;
}

.site-footer {
  margin: 20px auto 0;
  max-width: 1320px;
  padding: 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: center;
  color: var(--muted, #c6e5bf);
  opacity: .95;
}

.skeleton-wrap {
  padding: 18px;
  border: 3px solid rgba(145,255,121,.18);
  background: rgba(0,0,0,.16);
  width: 100%;
}

.skeleton-line,
.skeleton-grid span {
  display: block;
  height: 16px;
  margin-bottom: 10px;
  border-radius: 4px;
  background: linear-gradient(90deg, rgba(145,255,121,.08), rgba(145,255,121,.22), rgba(145,255,121,.08));
  animation: pdPulse 1.25s infinite linear;
}

.skeleton-line.short {
  width: 55%;
}

.skeleton-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 8px;
}

.skeleton-grid span {
  height: 80px;
}

@keyframes pdPulse {
  0% { opacity: .35; }
  50% { opacity: 1; }
  100% { opacity: .35; }
}

.empty-state h2 {
  margin-top: 0;
}

.empty-state .primary {
  margin-top: 10px;
}

.modal.hidden {
  display: none !important;
}

.onboarding-modal-card {
  position: relative;
}

.modal-close {
  position: absolute;
  right: 10px;
  top: 10px;
}

button:disabled {
  opacity: .62;
  cursor: wait;
}

@media (max-width: 980px) {
  .guidelines-grid {
    grid-template-columns: 1fr;
  }

  .skeleton-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .site-footer {
    padding-bottom: 72px;
  }

  .launch-stats-bar {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}


/* =========================
   V37 HEADER / NAV FIX
   Prevents nav buttons from sliding under Login.
========================= */

.topbar {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 8px 14px !important;
  min-height: 74px !important;
  height: auto !important;
  overflow: visible !important;
}

.logo-brand,
.brand.logo-brand {
  min-width: 0 !important;
  max-width: 160px !important;
}

.site-logo-img {
  max-width: 150px !important;
  height: auto !important;
  max-height: 50px !important;
  object-fit: contain !important;
}

.nav {
  min-width: 0 !important;
  width: 100% !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  overflow: visible !important;
}

.nav-btn,
.nav button {
  flex: 0 1 auto !important;
  min-width: 0 !important;
  white-space: nowrap !important;
  padding: 10px 14px !important;
  font-size: 14px !important;
  line-height: 1 !important;
  border-width: 3px !important;
}

.top-actions {
  min-width: max-content !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  position: relative !important;
  z-index: 5 !important;
}

.lang-select {
  min-width: 74px !important;
  padding: 9px 8px !important;
  font-size: 13px !important;
}

.auth-area .primary,
.auth-area .secondary,
#openAuth,
#logoutBtn {
  min-width: 92px !important;
  padding: 12px 15px !important;
  white-space: nowrap !important;
}

/* Medium laptop widths: make menu compact before it collides. */
@media (max-width: 1280px) {
  .topbar {
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    gap: 8px !important;
    padding: 7px 10px !important;
  }

  .brand.logo-brand {
    max-width: 130px !important;
  }

  .site-logo-img {
    max-width: 125px !important;
    max-height: 44px !important;
  }

  .nav {
    gap: 5px !important;
  }

  .nav-btn,
  .nav button {
    padding: 9px 10px !important;
    font-size: 12px !important;
    letter-spacing: .01em !important;
  }

  .auth-area .primary,
  .auth-area .secondary,
  #openAuth,
  #logoutBtn {
    min-width: 82px !important;
    padding: 10px 12px !important;
    font-size: 12px !important;
  }

  .lang-select {
    min-width: 64px !important;
    padding: 8px 6px !important;
    font-size: 12px !important;
  }
}

/* Small laptop / tablet: move account row below nav instead of overlapping. */
@media (max-width: 980px) {
  .topbar {
    grid-template-columns: auto 1fr !important;
    grid-template-areas:
      "brand actions"
      "nav nav" !important;
    min-height: 0 !important;
  }

  .brand.logo-brand {
    grid-area: brand !important;
  }

  .nav {
    grid-area: nav !important;
    justify-content: flex-start !important;
    padding-top: 4px !important;
  }

  .top-actions {
    grid-area: actions !important;
  }

  .nav-btn,
  .nav button {
    padding: 9px 10px !important;
    font-size: 12px !important;
  }
}

/* Mobile: existing burger menu takes over; keep auth visible. */
@media (max-width: 760px) {
  .topbar {
    display: flex !important;
    flex-wrap: wrap !important;
    min-height: 62px !important;
  }

  .mobile-menu {
    display: inline-grid !important;
  }

  .brand.logo-brand {
    max-width: 120px !important;
  }

  .top-actions {
    margin-left: auto !important;
  }

  .nav {
    width: 100% !important;
    justify-content: stretch !important;
  }

  .nav-btn,
  .nav button {
    width: 100% !important;
    justify-content: center !important;
  }
}


/* =========================
   V39 MOBILE NAV FIX
   On mobile, the top nav is collapsed by default.
   The bottom nav remains the primary mobile navigation.
========================= */

@media (max-width: 760px) {
  .topbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 300 !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    grid-template-areas: "menu brand actions" "nav nav nav" !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 58px !important;
    padding: 7px 9px !important;
    overflow: visible !important;
  }

  .mobile-menu {
    grid-area: menu !important;
    display: inline-grid !important;
    place-items: center !important;
    width: 42px !important;
    height: 42px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-width: 3px !important;
    font-size: 20px !important;
    z-index: 305 !important;
  }

  .brand.logo-brand {
    grid-area: brand !important;
    justify-self: start !important;
    max-width: 120px !important;
    min-width: 0 !important;
  }

  .site-logo-img {
    max-width: 118px !important;
    max-height: 40px !important;
  }

  .top-actions {
    grid-area: actions !important;
    justify-self: end !important;
    margin-left: 0 !important;
    gap: 6px !important;
    min-width: 0 !important;
  }

  .lang-select {
    min-width: 58px !important;
    width: 58px !important;
    padding: 8px 4px !important;
    font-size: 11px !important;
  }

  .auth-area .primary,
  .auth-area .secondary,
  #openAuth,
  #logoutBtn {
    min-width: 70px !important;
    padding: 9px 9px !important;
    font-size: 11px !important;
  }

  /* Critical fix: hide top nav by default on mobile. */
  #nav.nav,
  .nav {
    grid-area: nav !important;
    display: none !important;
    width: 100% !important;
    max-height: calc(100vh - 70px) !important;
    overflow-y: auto !important;
    padding: 8px 0 4px !important;
    margin: 0 !important;
    background: rgba(4, 14, 8, .98) !important;
    border-top: 3px solid rgba(145,255,121,.35) !important;
  }

  /* Only show after tapping the burger button. app.js toggles .open */
  #nav.nav.open,
  .nav.open {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 7px !important;
  }

  #nav.nav .nav-btn,
  #nav.nav button,
  .nav.open .nav-btn,
  .nav.open button {
    width: 100% !important;
    min-width: 0 !important;
    padding: 10px 8px !important;
    font-size: 11px !important;
    justify-content: center !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  main {
    padding-top: 8px !important;
  }
}

/* Very narrow phones */
@media (max-width: 410px) {
  .topbar {
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    gap: 5px !important;
    padding: 6px !important;
  }

  .brand.logo-brand {
    max-width: 98px !important;
  }

  .site-logo-img {
    max-width: 96px !important;
  }

  .lang-select {
    display: none !important;
  }

  .auth-area .primary,
  .auth-area .secondary,
  #openAuth,
  #logoutBtn {
    min-width: 62px !important;
    padding: 8px 7px !important;
    font-size: 10px !important;
  }

  #nav.nav.open,
  .nav.open {
    grid-template-columns: 1fr !important;
  }
}


/* =========================
   V40 MOBILE LANGUAGE FIX
   Language selector is now available inside burger menu.
========================= */

.mobile-lang-row {
  display: none;
}

@media (max-width: 760px) {
  .mobile-lang-row {
    display: none;
    grid-column: 1 / -1;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px;
    border: 3px solid rgba(145,255,121,.28);
    background: rgba(0,0,0,.22);
    color: var(--text, #f6ffe7);
    font-weight: 900;
  }

  #nav.nav.open .mobile-lang-row,
  .nav.open .mobile-lang-row {
    display: flex !important;
  }

  .mobile-lang-select {
    display: inline-block !important;
    width: 96px !important;
    min-width: 96px !important;
    padding: 9px 8px !important;
    font-size: 13px !important;
  }

  /* Keep top language visible on normal phones. */
  .top-actions > #languageSelect {
    display: inline-block !important;
  }
}

/* Very narrow phones: hide only the TOP language selector, but keep burger-menu language. */
@media (max-width: 410px) {
  .top-actions > #languageSelect {
    display: none !important;
  }

  #nav.nav.open .mobile-lang-row,
  .nav.open .mobile-lang-row {
    display: flex !important;
  }

  .mobile-lang-select {
    display: inline-block !important;
  }
}
/* =========================
   V47 EXPORT SIZE UI FIX
========================= */

.export-size-hint {
  display: block;
  margin-top: 7px;
  padding: 8px 10px;
  border: 2px solid rgba(145,255,121,.24);
  background: rgba(0,0,0,.18);
  color: var(--muted, #c6e5bf);
  font-size: 12px;
  line-height: 1.35;
}


/* =========================
   V49 ONLINE TICKER + COSMETICS
========================= */

.online-ticker {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 10px;
  border: 3px solid rgba(145,255,121,.28);
  background: rgba(0,0,0,.22);
  box-shadow: 3px 3px 0 rgba(0,0,0,.35);
  color: var(--muted, #c6e5bf);
  font-weight: 900;
  white-space: nowrap;
  font-size: 12px;
}

.online-ticker b {
  color: var(--text, #f6ffe7);
}

.online-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #9be64d;
  box-shadow: 0 0 10px rgba(155,230,77,.8);
  animation: onlinePulse 1.4s infinite ease-in-out;
}

@keyframes onlinePulse {
  0%, 100% { opacity: .5; transform: scale(.9); }
  50% { opacity: 1; transform: scale(1.15); }
}

.home-online-ticker {
  margin-top: 10px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border: 3px solid rgba(145,255,121,.24);
  background: rgba(145,255,121,.08);
  box-shadow: 4px 4px 0 rgba(0,0,0,.28);
  color: var(--muted, #c6e5bf);
}

.home-online-ticker b {
  font-size: 22px;
  color: var(--text, #f6ffe7);
}

.cosmetic-avatar-wrap {
  position: relative;
  display: inline-grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border-radius: 14px;
  padding: 4px;
  background: rgba(0,0,0,.25);
  border: 3px solid rgba(145,255,121,.18);
  box-shadow: 3px 3px 0 rgba(0,0,0,.35);
  flex: 0 0 auto;
}

.cosmetic-avatar-wrap .avatar,
.cosmetic-avatar-img,
.cosmetic-avatar-letter {
  width: 38px !important;
  height: 38px !important;
  border-radius: 10px;
  object-fit: cover;
}

.cosmetic-avatar-letter {
  display: grid;
  place-items: center;
  background: rgba(145,255,121,.14);
  color: var(--text, #f6ffe7);
  font-weight: 900;
}

.profile-head .cosmetic-avatar-wrap {
  width: 86px;
  height: 86px;
  border-radius: 20px;
}

.profile-head .cosmetic-avatar-wrap .avatar,
.profile-head .cosmetic-avatar-img,
.profile-head .cosmetic-avatar-letter {
  width: 66px !important;
  height: 66px !important;
  border-radius: 16px;
  font-size: 28px;
}

.cosmetic-frame-none { border-color: rgba(255,255,255,.15); }
.cosmetic-frame-beta_green { border-color: #9be64d; box-shadow: 0 0 18px rgba(155,230,77,.25), 4px 4px 0 rgba(0,0,0,.45); }
.cosmetic-frame-gold_pixel { border-color: #ffd84d; box-shadow: 0 0 18px rgba(255,216,77,.35), 4px 4px 0 rgba(0,0,0,.45); }
.cosmetic-frame-glitch { border-color: #b06cff; box-shadow: -3px 0 0 rgba(93,247,212,.45), 3px 0 0 rgba(255,112,200,.45), 4px 4px 0 rgba(0,0,0,.45); }
.cosmetic-frame-mushroom { border-color: #ff70c8; box-shadow: 0 0 0 3px rgba(155,230,77,.22), 4px 4px 0 rgba(0,0,0,.45); }
.cosmetic-frame-neon { border-color: #5df7d4; box-shadow: 0 0 20px rgba(93,247,212,.5), 4px 4px 0 rgba(0,0,0,.45); }

.badge-pin-row {
  position: absolute;
  left: 50%;
  bottom: -11px;
  transform: translateX(-50%);
  display: flex;
  gap: 2px;
}

.badge-pin {
  width: 20px;
  height: 20px;
  display: grid;
  place-items: center;
  border: 2px solid rgba(0,0,0,.65);
  background: rgba(5,15,9,.95);
  border-radius: 7px;
  font-size: 11px;
}

.cosmetic-name {
  font-weight: 900;
  text-shadow: 2px 2px 0 rgba(0,0,0,.55);
}

.cosmetics-panel {
  margin: 14px 0;
  padding: 14px;
  border: 3px solid rgba(145,255,121,.28);
  background: rgba(0,0,0,.18);
  box-shadow: 4px 4px 0 rgba(0,0,0,.28);
}

.cosmetic-preview {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px;
  border: 3px solid rgba(145,255,121,.24);
  background: rgba(4,14,8,.62);
  margin: 12px 0;
}

.cosmetic-preview span {
  display: block;
  color: var(--muted, #c6e5bf);
  font-size: 12px;
}

.cosmetic-section {
  margin-top: 14px;
}

.cosmetic-section h4 {
  margin: 0 0 8px;
}

.cosmetic-options {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 8px;
}

.cosmetic-option {
  text-align: left;
  padding: 10px;
  border: 3px solid rgba(145,255,121,.18);
  background: rgba(0,0,0,.22);
  color: var(--text, #f6ffe7);
  box-shadow: 3px 3px 0 rgba(0,0,0,.22);
}

.cosmetic-option.selected {
  border-color: #ffd84d;
  background: rgba(255,216,77,.12);
}

.cosmetic-option b,
.cosmetic-option small {
  display: block;
}

.cosmetic-option small {
  color: var(--muted, #c6e5bf);
  margin-top: 3px;
}

.badge-option span {
  font-size: 18px;
}

.cosmetic-bg-grid {
  background-image: linear-gradient(rgba(155,230,77,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(155,230,77,.08) 1px, transparent 1px);
  background-size: 14px 14px;
}

.cosmetic-bg-stars {
  background-image: radial-gradient(circle, rgba(255,255,255,.22) 1px, transparent 2px);
  background-size: 18px 18px;
}

.cosmetic-bg-mushroom {
  background-image: radial-gradient(circle, rgba(255,112,200,.22) 2px, transparent 3px), radial-gradient(circle, rgba(155,230,77,.14) 1px, transparent 2px);
  background-size: 24px 24px, 14px 14px;
}

.cosmetic-bg-glitch {
  background-image: linear-gradient(90deg, rgba(176,108,255,.18), transparent 20%, rgba(93,247,212,.12), transparent 60%);
  background-size: 48px 100%;
}

body.editor-theme-forest #view-editor .panel,
body.editor-theme-forest #pixelCanvas {
  border-color: rgba(155,230,77,.55) !important;
  box-shadow: 0 0 20px rgba(155,230,77,.12);
}

body.editor-theme-candy #view-editor .panel,
body.editor-theme-candy #pixelCanvas {
  border-color: rgba(255,112,200,.55) !important;
  box-shadow: 0 0 20px rgba(255,112,200,.14);
}

body.editor-theme-ocean #view-editor .panel,
body.editor-theme-ocean #pixelCanvas {
  border-color: rgba(93,247,212,.55) !important;
  box-shadow: 0 0 20px rgba(93,247,212,.14);
}

body.editor-theme-lava #view-editor .panel,
body.editor-theme-lava #pixelCanvas {
  border-color: rgba(255,119,64,.62) !important;
  box-shadow: 0 0 22px rgba(255,119,64,.16);
}

@media (max-width: 980px) {
  .online-ticker {
    grid-column: 1 / -1;
    justify-self: stretch;
    justify-content: center;
  }
}

@media (max-width: 760px) {
  .online-ticker {
    order: 5;
    width: 100%;
    justify-content: center;
    padding: 7px 8px;
  }

  .cosmetic-options {
    grid-template-columns: 1fr;
  }
}


/* =========================
   V50 PERFORMANCE/STABILITY FIX
========================= */

.mini-cosmetic-avatar {
  border-width: 2px !important;
  box-shadow: none !important;
  padding: 0 !important;
}

@media (prefers-reduced-motion: reduce) {
  .online-dot {
    animation: none !important;
  }
}

@media (max-width: 760px) {
  .online-ticker {
    font-size: 11px;
    min-height: 32px;
  }
}


/* =========================
   V52 PALETTES + GOALS + FEEDBACK
========================= */

.community-goal-card {
  margin-top: 14px;
  padding: 14px;
  border: 4px solid rgba(145,255,121,.35);
  background: rgba(0,0,0,.22);
  box-shadow: 5px 5px 0 rgba(0,0,0,.35);
  display: grid;
  grid-template-columns: minmax(0,1fr) 260px;
  gap: 14px;
  align-items: center;
}

.community-goal-card span,
.community-goal-card small {
  display: block;
  color: var(--muted, #c6e5bf);
}

.community-goal-card b {
  display: block;
  font-size: 22px;
  color: var(--text, #f6ffe7);
}

.goal-progress-wrap {
  display: grid;
  gap: 7px;
}

.goal-progress-bar {
  height: 18px;
  border: 3px solid rgba(145,255,121,.35);
  background: rgba(0,0,0,.32);
  overflow: hidden;
}

.goal-progress-bar i {
  display: block;
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg, #9be64d, #ffd84d);
}

.palette-preset-panel {
  margin: 12px 0;
  padding: 12px;
  border: 3px solid rgba(145,255,121,.24);
  background: rgba(0,0,0,.18);
  box-shadow: 4px 4px 0 rgba(0,0,0,.25);
}

.panel-head.mini {
  display: flex;
  justify-content: space-between;
  align-items: end;
  margin-bottom: 10px;
}

.panel-head.mini h3 {
  margin: 0;
}

.palette-buttons {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 8px;
}

.palette-preset-btn {
  text-align: left;
  padding: 9px;
  border: 3px solid rgba(145,255,121,.22);
  background: rgba(0,0,0,.22);
  color: var(--text, #f6ffe7);
  box-shadow: 3px 3px 0 rgba(0,0,0,.28);
}

.palette-preset-btn span {
  display: flex;
  gap: 3px;
  margin-top: 6px;
}

.palette-preset-btn i,
.color-chip {
  width: 22px;
  height: 22px;
  border: 2px solid rgba(0,0,0,.65);
  display: inline-block;
}

.recent-color-buttons,
.active-palette-colors > div {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.color-chip {
  cursor: pointer;
  box-shadow: 2px 2px 0 rgba(0,0,0,.25);
}

.feedback-form-grid {
  display: grid;
  gap: 10px;
  grid-template-columns: 180px minmax(0,1fr);
}

.feedback-form-grid textarea {
  grid-column: 1 / -1;
  min-height: 110px;
}

.feedback-form-grid button {
  grid-column: 1 / -1;
}

.feedback-list {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

.feedback-card {
  display: grid;
  grid-template-columns: 90px minmax(0, 1fr) auto auto;
  gap: 10px;
  align-items: center;
  padding: 11px;
  border: 3px solid rgba(145,255,121,.22);
  background: rgba(0,0,0,.18);
  box-shadow: 3px 3px 0 rgba(0,0,0,.25);
}

.feedback-type {
  text-transform: uppercase;
  font-weight: 900;
  text-align: center;
  padding: 7px;
  border: 2px solid rgba(255,255,255,.15);
}

.feedback-type.bug { color: #ff8b8b; }
.feedback-type.feature { color: #ffd84d; }
.feedback-type.idea { color: #9be64d; }

.feedback-body b,
.feedback-body small {
  display: block;
}

.feedback-body p {
  margin: 4px 0;
}

.feedback-body small {
  color: var(--muted, #c6e5bf);
}

@media (max-width: 760px) {
  .community-goal-card,
  .feedback-card,
  .feedback-form-grid {
    grid-template-columns: 1fr;
  }
}


/* Museum CTA on landing page */
.home-showcase-column {
  display: grid;
  gap: 18px;
  align-self: stretch;
  align-content: start;
}
.museum-feature-card {
  position: relative;
  display: grid;
  gap: 8px;
  min-height: 160px;
  padding: 22px 24px;
  color: var(--text, #f4fff0);
  text-decoration: none;
  background:
    radial-gradient(circle at 18% 20%, rgba(155,230,77,.18), transparent 28%),
    radial-gradient(circle at 88% 16%, rgba(255,119,54,.18), transparent 24%),
    linear-gradient(135deg, rgba(5,20,11,.98), rgba(4,12,8,.96));
  border: 4px solid var(--season-accent, #ff7736);
  box-shadow: 8px 8px 0 #000, inset 0 0 0 3px rgba(155,230,77,.18);
  overflow: hidden;
  isolation: isolate;
}
.museum-feature-card::before {
  content: "";
  position: absolute;
  inset: 12px;
  border: 2px dashed rgba(155,230,77,.36);
  pointer-events: none;
  z-index: -1;
}
.museum-feature-card::after {
  content: "▣";
  position: absolute;
  right: 22px;
  bottom: 8px;
  font-size: 88px;
  line-height: 1;
  color: rgba(155,230,77,.11);
  text-shadow: 6px 6px 0 rgba(0,0,0,.45);
}
.museum-feature-card:hover {
  transform: translate(-2px, -2px);
  filter: brightness(1.08);
  box-shadow: 11px 11px 0 #000, 0 0 42px rgba(255,119,54,.16), inset 0 0 0 3px rgba(155,230,77,.28);
}
.museum-feature-kicker {
  width: fit-content;
  padding: 6px 10px;
  background: #07180d;
  border: 2px solid #315f35;
  color: var(--season-bright, #9be64d);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .12em;
}
.museum-feature-card strong {
  max-width: 440px;
  font-size: clamp(24px, 3vw, 42px);
  line-height: 1.02;
  color: #fff;
  text-shadow: 4px 4px 0 #000;
}
.museum-feature-card small {
  max-width: 440px;
  color: var(--muted, #c6e5bf);
  font-size: 14px;
  line-height: 1.45;
}
.museum-feature-card b {
  width: fit-content;
  margin-top: 6px;
  padding: 10px 14px;
  background: var(--season-accent, #ff7736);
  color: #041006;
  border: 3px solid var(--season-bright, #9be64d);
  box-shadow: 4px 4px 0 #000;
  font-weight: 900;
}
.personal-gallery-feature-card {
  border-color: #a7d6e2;
  background:
    radial-gradient(circle at 18% 20%, rgba(167,214,226,.2), transparent 30%),
    radial-gradient(circle at 88% 18%, rgba(217,194,122,.18), transparent 26%),
    linear-gradient(135deg, rgba(17,23,39,.99), rgba(29,20,43,.97));
}
.personal-gallery-feature-card::after { content:"✦"; color:rgba(167,214,226,.13); }
.personal-gallery-feature-card .museum-feature-kicker { border-color:#4c7180;color:#a7d6e2;background:#101721; }
.personal-gallery-feature-card b { background:#d9c27a;border-color:#a7d6e2;color:#111721; }
.profile-gallery-link { display:inline-flex;align-items:center;justify-content:center;text-decoration:none; }
@media (max-width: 1100px) {
  .home-showcase-column { order: -1; }
}

/* Museum integration */
.museum-nav-link,.museum-hero-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.museum-nav-link{color:inherit}
.museum-hero-link{min-height:44px}

/* =========================
   V57 Artist Portfolio Profiles
========================= */
.profile-pro-shell { display: grid; gap: 18px; }
.profile-pro-banner {
  min-height: 310px;
  border: 4px solid #4d8f4f;
  background: radial-gradient(circle at top left, rgba(155,230,77,.22), transparent 34%), linear-gradient(135deg, #07150d, #122414 60%, #061008);
  background-size: cover;
  background-position: center;
  box-shadow: 0 0 0 4px rgba(0,0,0,.38), 0 18px 60px rgba(0,0,0,.35);
  position: relative;
  overflow: hidden;
}
.profile-pro-banner::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size: 18px 18px;
  opacity: .45;
  pointer-events: none;
}
.profile-pro-overlay {
  position: relative;
  z-index: 1;
  min-height: 310px;
  display: grid;
  grid-template-columns: 1fr 260px;
  gap: 18px;
  align-items: end;
  padding: 26px;
  background: linear-gradient(180deg, rgba(0,0,0,.14), rgba(0,0,0,.82));
}
.profile-pro-main { display: flex; align-items: flex-end; gap: 20px; min-width: 0; }
.profile-avatar-pro {
  width: 132px !important;
  height: 132px !important;
  border: 5px solid var(--season-bright, #9be64d) !important;
  box-shadow: 0 0 0 5px rgba(0,0,0,.45), 0 14px 34px rgba(0,0,0,.45);
  flex: 0 0 auto;
}
.profile-pro-identity { min-width: 0; }
.profile-name-row { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.profile-name-row h2 { margin: 0; font-size: clamp(32px, 5vw, 58px); line-height: .95; text-shadow: 0 4px 0 rgba(0,0,0,.5); }
.profile-username { margin: 8px 0 0; color: #cdebc9; font-weight: 800; }
.profile-tagline { margin: 8px 0 0; font-size: 18px; color: #f1ffe9; max-width: 760px; }
.profile-tagline.muted { color: #9fb59d; }
.profile-bio-pro { max-width: 840px; margin: 10px 0 0; color: #e7f8df; line-height: 1.55; white-space: pre-wrap; }
.profile-social-row { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.profile-social {
  border: 2px solid #4d8f4f;
  background: rgba(4,16,8,.78);
  color: #eaffdf;
  text-decoration: none;
  padding: 7px 10px;
  font-weight: 900;
  box-shadow: inset 0 -3px rgba(0,0,0,.18);
}
.profile-social:hover { transform: translateY(-1px); filter: brightness(1.15); }
.profile-social.muted { color: #c4d8c0; }
.profile-action-row { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; align-items: center; }
.profile-status-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 2px solid #4d8f4f;
  padding: 7px 10px;
  background: rgba(7,24,13,.9);
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .06em;
}
.profile-status-pill.open { border-color: #9be64d; color: #dfffcb; box-shadow: 0 0 18px rgba(155,230,77,.25); }
.profile-status-pill.open::before { content: "●"; color: #9be64d; }
.profile-status-pill.closed { opacity: .82; }
.profile-level-card {
  align-self: stretch;
  display: grid;
  align-content: end;
  gap: 12px;
  border: 3px solid rgba(155,230,77,.42);
  background: rgba(3,13,6,.78);
  padding: 16px;
}
.xp-wrap.compact { margin: 0; }
.profile-quick-stats {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}
.profile-quick-stats div,
.profile-info-grid .mini-panel {
  background: linear-gradient(180deg, rgba(9,32,16,.96), rgba(4,14,8,.96));
  border: 3px solid #315f35;
  padding: 14px;
  box-shadow: inset 0 -5px rgba(0,0,0,.16);
}
.profile-quick-stats b { display: block; font-size: 26px; color: var(--season-bright, #9be64d); }
.profile-quick-stats span { color: #bcd3b8; font-weight: 800; font-size: 12px; text-transform: uppercase; letter-spacing: .05em; }
.profile-info-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.profile-info-grid h3, .profile-edit-suite h3 { margin-top: 0; }
.profile-chip-row { display: flex; flex-wrap: wrap; gap: 8px; }
.profile-chip {
  border: 2px solid #3c743f;
  background: #07180d;
  color: #e7ffe1;
  padding: 7px 10px;
  font-weight: 900;
}
.section-title-row { display: flex; justify-content: space-between; gap: 12px; align-items: center; margin-bottom: 12px; }
.section-title-row h3 { margin: 0; }
.profile-gallery-tools { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 14px; }
.profile-filter,
.profile-sort {
  border: 2px solid #315f35;
  background: #07180d;
  color: #eaffdf;
  padding: 9px 11px;
  font-weight: 900;
  font-family: inherit;
}
.profile-filter.active { background: var(--season-bright, #9be64d); color: #071108; border-color: #d9ffc5; }
.profile-sort { margin-left: auto; min-width: 160px; }
.profile-edit-suite { border-color: #4d8f4f; }
.profile-edit-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.profile-edit-grid label, .commission-editor label { display: grid; gap: 6px; font-weight: 900; color: #dff7d9; }
.profile-edit-grid .wide { grid-column: 1 / -1; }
.profile-edit-grid input,
.profile-edit-grid textarea,
.commission-editor input {
  width: 100%;
  border: 2px solid #315f35;
  background: #041006;
  color: #eaffdf;
  padding: 10px;
  font-family: inherit;
}
.profile-edit-grid textarea { min-height: 110px; resize: vertical; }
.profile-edit-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 16px; }
.profile-check-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.profile-check {
  display: flex !important;
  align-items: center;
  gap: 8px;
  border: 2px solid #315f35;
  background: #07180d;
  padding: 8px 10px;
  color: #eaffdf;
}
.profile-check input { width: auto !important; }
.profile-check.strong { border-color: #9be64d; }
.commission-editor { display: grid; gap: 12px; margin-top: 16px; }
.banner-upload-box { margin-top: 16px; }
.pin-control-row { margin-top: 8px; display: flex; justify-content: center; }
button.tiny, .tiny { padding: 6px 8px !important; font-size: 12px !important; }
#profileContent.portfolio-mode .profile-community-section,
#profileContent.portfolio-mode .profile-edit-suite,
#profileContent.portfolio-mode #cosmeticsPanel,
#profileContent.portfolio-mode .private-chat-box { display: none !important; }
#profileContent.portfolio-mode .profile-pro-banner { min-height: 360px; }
#profileContent.portfolio-mode .profile-pro-overlay { min-height: 360px; }
.hire-btn { box-shadow: 0 0 24px rgba(155,230,77,.22); }

@media (max-width: 900px) {
  .profile-pro-overlay { grid-template-columns: 1fr; align-items: end; }
  .profile-level-card { align-self: auto; }
  .profile-pro-main { align-items: flex-start; flex-direction: column; }
  .profile-quick-stats { grid-template-columns: repeat(2, 1fr); }
  .profile-info-grid, .profile-edit-grid, .profile-edit-columns { grid-template-columns: 1fr; }
  .profile-edit-grid .wide { grid-column: auto; }
  .profile-sort { margin-left: 0; width: 100%; }
}

@media (max-width: 560px) {
  .profile-pro-overlay { padding: 18px; }
  .profile-avatar-pro { width: 104px !important; height: 104px !important; }
  .profile-quick-stats { grid-template-columns: 1fr; }
  .profile-check-grid { grid-template-columns: 1fr; }
  .profile-name-row h2 { font-size: 34px; }
}

/* V59: Upload success, Hall of Fame, Activity Feed */
.activity-panel { grid-column: 1 / -1; }
.activity-feed { display: grid; gap: 10px; max-height: 420px; overflow: auto; padding-right: 4px; }
.activity-item { display: grid; grid-template-columns: 34px 48px 1fr; gap: 10px; align-items: center; border: 2px solid rgba(155,230,77,.22); background: rgba(3, 18, 9, .72); padding: 9px; }
.activity-icon { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid rgba(155,230,77,.32); background: rgba(155,230,77,.08); }
.activity-item img, .activity-avatar { width: 48px; height: 48px; image-rendering: pixelated; object-fit: contain; border: 2px solid rgba(155,230,77,.28); background: #06140c; display: grid; place-items: center; font-weight: 900; }
.activity-item b { display:block; color: var(--text); font-size: 13px; line-height: 1.35; }
.activity-item span { color: var(--muted); font-size: 11px; }

.hall-hero-panel { margin-bottom: 18px; }
.hall-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.hall-artist-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(245px, 1fr)); gap: 14px; }
.hall-artist-card { position: relative; overflow: hidden; border: 2px solid rgba(155,230,77,.28); background: rgba(3,18,9,.82); cursor: pointer; min-height: 178px; }
.hall-artist-card:hover, .hall-art-card:hover { border-color: var(--accent); box-shadow: 0 0 24px rgba(155,230,77,.15); transform: translateY(-1px); }
.hall-artist-banner { height: 62px; background: linear-gradient(135deg, rgba(255,120,46,.25), rgba(155,230,77,.12)); background-size: cover; background-position: center; border-bottom: 2px solid rgba(155,230,77,.25); }
.hall-artist-rank, .hall-rank { position:absolute; top: 8px; left: 8px; z-index: 2; background: var(--accent2); color: #130a02; font-weight: 900; padding: 4px 8px; border: 2px solid rgba(0,0,0,.35); }
.hall-artist-main { display: grid; grid-template-columns: 58px 1fr; gap: 10px; padding: 12px; align-items: center; }
.hall-artist-main img, .hall-avatar-fallback { width: 58px; height: 58px; border: 2px solid var(--accent); background:#06140c; object-fit: cover; image-rendering: pixelated; display:grid; place-items:center; font-size: 24px; font-weight: 900; }
.hall-artist-main b { display:block; font-size: 16px; }
.hall-artist-main span, .hall-artist-main small { display:block; color: var(--muted); font-size: 11px; line-height: 1.45; }
.hall-artist-topart { position:absolute; right: 10px; bottom: 10px; width: 42px; height: 42px; object-fit: contain; image-rendering: pixelated; opacity: .78; border: 1px solid rgba(155,230,77,.35); background: #041006; }
.hall-card-grid { display:grid; gap: 10px; }
.hall-art-card { position: relative; display: grid; grid-template-columns: 62px 1fr; gap: 10px; align-items: center; border: 2px solid rgba(155,230,77,.22); background: rgba(3,18,9,.74); padding: 9px; cursor: pointer; }
.hall-art-card img { width: 62px; height: 62px; object-fit: contain; image-rendering: pixelated; background:#06140c; border: 1px solid rgba(155,230,77,.3); }
.hall-art-card b { display:block; font-size: 13px; }
.hall-art-card span, .hall-art-card small { display:block; color: var(--muted); font-size: 11px; line-height: 1.45; }

.upload-success-card { max-width: 620px; }
.success-kicker { color: var(--accent2); font-weight: 900; text-transform: uppercase; letter-spacing: .08em; margin-bottom: 6px; }
.upload-success-preview { display:grid; grid-template-columns: 112px 1fr; gap: 16px; align-items:center; border: 2px solid rgba(155,230,77,.24); background: rgba(3,18,9,.82); padding: 14px; margin: 14px 0; }
.upload-success-preview img { width: 112px; height: 112px; object-fit: contain; image-rendering: pixelated; background:#06140c; border: 2px solid var(--accent); }
.upload-success-preview b { display:block; font-size: 20px; }
.upload-success-preview span { color: var(--muted); }
.success-actions { display:flex; flex-wrap: wrap; gap: 10px; }

@media (max-width: 980px) { .hall-grid { grid-template-columns: 1fr; } }
@media (max-width: 560px) {
  .activity-item { grid-template-columns: 28px 42px 1fr; }
  .activity-item img, .activity-avatar { width:42px; height:42px; }
  .upload-success-preview { grid-template-columns: 1fr; text-align:center; justify-items:center; }
}


/* Animated uploads + profile achievements */
.animated-badge { position: absolute; z-index: 3; top: 50px; right: 12px; font-size: .62rem; font-weight: 950; letter-spacing: .075em; text-transform: uppercase; padding: 6px 9px; border-radius: 999px; color: #071018; background: linear-gradient(135deg, #e7f8ff 0%, #88f0ff 45%, #b58cff 100%); border: 1px solid rgba(255,255,255,.6); box-shadow: 0 10px 24px rgba(136,240,255,.22); }
.animated-badge::before { content: "▶ "; }
.achievements-grid .badge { border-radius: 14px; background: linear-gradient(135deg, rgba(13,33,48,.92), rgba(5,12,24,.96)); border: 1px solid rgba(143,232,255,.22); box-shadow: 0 10px 26px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.08); }
.artwork-image { image-rendering: pixelated; }


/* Final Live Canvas CTA — stable premium treatment */
.live-canvas-nav-link {
  position: relative;
  display: inline-flex !important;
  align-items: center;
  gap: 7px;
  overflow: hidden;
  color: #061018 !important;
  border: 1px solid rgba(255,255,255,.72) !important;
  background: linear-gradient(135deg, #64f5ff 0%, #84ffb0 42%, #fff06a 72%, #ff91d5 100%) !important;
  box-shadow: 0 0 0 2px rgba(100,245,255,.14), 0 8px 24px rgba(69,225,255,.28) !important;
  font-weight: 950;
}
.live-canvas-nav-link::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(105deg, transparent 25%, rgba(255,255,255,.72) 48%, transparent 70%);
  transform: translateX(-135%);
  animation: liveCanvasNavSweep 4.6s ease-in-out infinite;
}
.live-canvas-nav-link .live-nav-dot {
  width: 8px;
  height: 8px;
  flex: 0 0 8px;
  border-radius: 2px;
  background: #ff275f;
  box-shadow: 0 0 0 3px rgba(255,39,95,.18), 0 0 12px rgba(255,39,95,.8);
  animation: liveCanvasDot 1.35s steps(2,end) infinite;
}
.live-canvas-nav-link strong {
  padding: 2px 6px;
  border-radius: 999px;
  color: #fff;
  background: #08111f;
  font-size: 9px;
  letter-spacing: .09em;
}
.live-canvas-nav-link:hover {
  filter: saturate(1.14) brightness(1.06);
  transform: translate(-1px,-2px);
  box-shadow: 0 0 0 3px rgba(255,240,106,.20), 0 13px 32px rgba(69,225,255,.4) !important;
}

.live-canvas-hero-link {
  --live-edge: rgba(113,244,255,.58);
  position: relative;
  isolation: isolate;
  display: grid !important;
  grid-template-columns: 50px minmax(145px,1fr) auto auto;
  align-items: center;
  gap: 13px;
  min-width: 0;
  width: 100%;
  min-height: 68px;
  padding: 10px 14px 10px 11px !important;
  overflow: hidden;
  color: #f7ffff !important;
  text-decoration: none;
  border: 1px solid var(--live-edge) !important;
  border-radius: 16px !important;
  background:
    radial-gradient(circle at 14% 12%, rgba(90,244,255,.28), transparent 35%),
    radial-gradient(circle at 88% 90%, rgba(255,89,202,.22), transparent 38%),
    linear-gradient(135deg, #081c2c 0%, #09291f 50%, #20102c 100%) !important;
  box-shadow:
    0 0 0 2px rgba(78,238,255,.10),
    0 13px 35px rgba(0,0,0,.38),
    0 0 30px rgba(66,235,255,.20),
    inset 0 1px 0 rgba(255,255,255,.16) !important;
  animation: liveCanvasAura 2.9s ease-in-out infinite;
  transform: translateZ(0);
}
.live-canvas-hero-link::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(rgba(117,248,255,.09) 1px, transparent 1px),
    linear-gradient(90deg, rgba(117,248,255,.09) 1px, transparent 1px);
  background-size: 12px 12px;
  -webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,.85), transparent 74%);
  mask-image: linear-gradient(90deg, rgba(0,0,0,.85), transparent 74%);
}
.live-canvas-hero-link::after {
  content: "";
  position: absolute;
  z-index: 3;
  top: -45%;
  bottom: -45%;
  width: 54px;
  left: -90px;
  pointer-events: none;
  transform: rotate(16deg);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.72), transparent);
  filter: blur(1px);
  animation: liveCanvasSweep 4.2s ease-in-out infinite;
}
.live-canvas-icon {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 14px);
  grid-template-rows: repeat(2, 14px);
  place-content: center;
  gap: 3px;
  width: 48px;
  height: 48px;
  border-radius: 13px;
  background: rgba(5,14,25,.72);
  border: 1px solid rgba(143,248,255,.38);
  box-shadow: inset 0 0 16px rgba(91,240,255,.10), 0 0 22px rgba(91,240,255,.16);
}
.live-canvas-icon i {
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 3px;
  box-shadow: 0 0 10px currentColor;
  animation: liveCanvasPixels 2.4s steps(2,end) infinite;
}
.live-canvas-icon i:nth-child(1) { color:#61efff; background:currentColor; }
.live-canvas-icon i:nth-child(2) { color:#7dff9e; background:currentColor; animation-delay:.3s; }
.live-canvas-icon i:nth-child(3) { color:#ffe665; background:currentColor; animation-delay:.6s; }
.live-canvas-icon i:nth-child(4) { color:#ff72c7; background:currentColor; animation-delay:.9s; }
.live-canvas-copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  line-height: 1.05;
}
.live-canvas-copy strong {
  font-size: 1rem;
  font-weight: 1000;
  letter-spacing: .075em;
  text-shadow: 0 0 18px rgba(115,245,255,.26);
}
.live-canvas-copy small {
  margin-top: 6px;
  color: rgba(227,248,247,.70);
  font-size: .72rem;
  font-weight: 750;
  letter-spacing: .01em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.live-canvas-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 8px;
  border-radius: 999px;
  color: #ffeef7;
  background: rgba(255,43,105,.12);
  border: 1px solid rgba(255,89,139,.32);
  font-size: .61rem;
  font-weight: 1000;
  letter-spacing: .10em;
}
.live-canvas-status b {
  width: 7px;
  height: 7px;
  border-radius: 2px;
  background: #ff3d71;
  box-shadow: 0 0 10px #ff3d71;
  animation: liveCanvasDot 1.2s steps(2,end) infinite;
}
.live-canvas-arrow {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 9px;
  color: #07141e;
  background: linear-gradient(135deg,#6cf4ff,#9cff94,#ffe66b);
  font-size: 1.05rem;
  font-weight: 1000;
  box-shadow: 0 5px 16px rgba(80,234,255,.25);
  transition: transform .18s ease, filter .18s ease;
}
.live-canvas-hero-link:hover {
  --live-edge: rgba(255,238,104,.76);
  filter: saturate(1.10) brightness(1.06);
  transform: translateY(-3px) scale(1.018);
  box-shadow:
    0 0 0 3px rgba(255,232,103,.13),
    0 18px 42px rgba(0,0,0,.42),
    0 0 42px rgba(72,237,255,.28),
    inset 0 1px 0 rgba(255,255,255,.20) !important;
}
.live-canvas-hero-link:hover .live-canvas-arrow { transform: translateX(3px); filter: brightness(1.08); }
.live-canvas-hero-link:focus-visible { outline: 3px solid #fff17a; outline-offset: 4px; }

@keyframes liveCanvasAura {
  0%,100% { box-shadow: 0 0 0 2px rgba(78,238,255,.10),0 13px 35px rgba(0,0,0,.38),0 0 26px rgba(66,235,255,.16),inset 0 1px 0 rgba(255,255,255,.16); }
  50% { box-shadow: 0 0 0 3px rgba(255,231,103,.12),0 16px 40px rgba(0,0,0,.40),0 0 38px rgba(255,89,202,.22),inset 0 1px 0 rgba(255,255,255,.18); }
}
@keyframes liveCanvasSweep { 0%,60% { left:-90px; } 86%,100% { left:calc(100% + 90px); } }
@keyframes liveCanvasNavSweep { 0%,62% { transform:translateX(-135%); } 86%,100% { transform:translateX(135%); } }
@keyframes liveCanvasDot { 0%,46% { opacity:1; } 47%,100% { opacity:.35; } }
@keyframes liveCanvasPixels { 0%,100% { opacity:.65; transform:scale(.88); } 50% { opacity:1; transform:scale(1); } }

@media (max-width: 680px) {
  .live-canvas-hero-link {
    grid-template-columns: 44px minmax(0,1fr) auto;
    min-width: 0;
    width: 100%;
    min-height: 62px;
  }
  .live-canvas-icon { width:42px; height:42px; grid-template-columns:repeat(2,12px); grid-template-rows:repeat(2,12px); }
  .live-canvas-icon i { width:12px; height:12px; }
  .live-canvas-status { display:none; }
  .live-canvas-copy small { white-space:normal; }
}
@media (prefers-reduced-motion: reduce) {
  .live-canvas-nav-link::before,
  .live-canvas-nav-link .live-nav-dot,
  .live-canvas-hero-link,
  .live-canvas-hero-link::after,
  .live-canvas-icon i,
  .live-canvas-status b { animation:none !important; }
}

/* =========================================================
   PixelDeck Home + Navigation Clean Redesign (2026-06)
   ========================================================= */
.home-removed-block { display: none !important; }

/* Cleaner centered desktop navigation */
.topbar {
  align-items: center;
  gap: 18px;
  padding: 12px clamp(14px, 2vw, 30px);
}
#nav.nav {
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex: 1 1 auto;
  overflow: visible;
}
#nav.nav > .nav-btn,
#nav.nav > .nav-more > summary {
  min-height: 42px;
  padding: 9px 14px;
  white-space: nowrap;
}

/* More dropdown */
.nav-more { position: relative; }
.nav-more > summary { list-style: none; cursor: pointer; display: inline-flex; align-items: center; gap: 7px; }
.nav-more > summary::-webkit-details-marker { display: none; }
.nav-more[open] > summary { box-shadow: 4px 4px 0 #07160d; transform: translate(-1px,-1px); }
.nav-more-menu {
  position: absolute;
  z-index: 1000;
  right: 0;
  top: calc(100% + 10px);
  width: 245px;
  padding: 10px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  background: rgba(4, 25, 15, .98);
  border: 2px solid var(--accent);
  box-shadow: 8px 8px 0 rgba(0,0,0,.45), 0 0 28px rgba(186, 91, 255, .16);
}
.nav-more-menu .nav-btn { width: 100%; min-height: 40px; padding: 8px 9px; text-align: center; }

/* Premium Museum nav CTA */
.museum-nav-premium {
  position: relative;
  gap: 8px;
  overflow: hidden;
  color: #f6f1ff !important;
  border-color: #c06cff !important;
  background: linear-gradient(135deg, #2a1244 0%, #54217d 45%, #1a526a 100%) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.16), 3px 3px 0 #10130f;
}
.museum-nav-premium::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(110deg, transparent 20%, rgba(255,255,255,.18) 47%, transparent 72%);
  transform: translateX(-120%);
  transition: transform .45s ease;
}
.museum-nav-premium:hover::before { transform: translateX(120%); }
.museum-nav-premium > * { position: relative; z-index: 1; }
.museum-nav-icon { color: #f5d66f; text-shadow: 0 0 10px #e9a8ff; }
.museum-nav-premium strong {
  padding: 2px 5px;
  font-size: 9px;
  color: #1d0d2d;
  background: #efc8ff;
  border-radius: 999px;
}

/* Homepage rhythm and spacing */
#view-home { max-width: 1500px; margin: 0 auto; }
.landing-grid {
  grid-template-columns: minmax(0, 1.35fr) minmax(330px, .72fr);
  gap: clamp(22px, 3vw, 42px);
  align-items: start;
}
.hero-text {
  padding: clamp(18px, 2.5vw, 34px);
  border: 2px solid rgba(113, 207, 125, .32);
  background: linear-gradient(145deg, rgba(7,37,22,.82), rgba(3,18,12,.66));
  box-shadow: 10px 10px 0 rgba(0,0,0,.18);
}
.hero-text h1 { max-width: 900px; line-height: .96; letter-spacing: .01em; }
.hero-text > p { max-width: 760px; font-size: 15px; line-height: 1.65; }
.hero-stats { margin-top: 22px; gap: 10px; }
.hero-stats div { min-height: 76px; padding: 12px 14px; background: rgba(2,20,11,.7); }
.hero-actions {
  display: grid;
  grid-template-columns: minmax(110px,.72fr) minmax(145px,1.05fr) minmax(110px,.72fr) minmax(190px,1.35fr) minmax(250px,1.9fr);
  gap: 10px;
  align-items: stretch;
  margin-top: 24px;
}
.hero-actions > * { min-height: 72px; }

/* Premium Museum home button */
.museum-hero-premium {
  position: relative;
  min-width: 0;
  padding: 11px 12px !important;
  display: grid !important;
  grid-template-columns: 34px minmax(0,1fr) auto;
  grid-template-areas: "icon copy status" "icon copy arrow";
  align-items: center;
  gap: 4px 10px;
  overflow: hidden;
  color: #fff !important;
  border: 2px solid #be6cff !important;
  background:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(135deg,#1d0f35 0%,#512276 53%,#143f52 100%) !important;
  background-size: 12px 12px, 12px 12px, auto !important;
  box-shadow: inset 0 0 22px rgba(192,108,255,.18), 4px 4px 0 rgba(0,0,0,.35);
}
.museum-hero-premium::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(110deg, transparent 25%, rgba(255,255,255,.2) 48%, transparent 70%);
  transform: translateX(-120%);
  transition: transform .55s ease;
}
.museum-hero-premium:hover::after { transform: translateX(120%); }
.museum-hero-premium > * { position: relative; z-index: 1; }
.museum-hero-icon { grid-area: icon; font-size: 24px; color: #f7d879; filter: drop-shadow(0 0 8px #d77dff); }
.museum-hero-copy { grid-area: copy; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
.museum-hero-copy strong { font-size: 14px; letter-spacing: .08em; }
.museum-hero-copy small { color: #d5c5e9; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.museum-hero-status { grid-area: status; padding: 3px 7px; border-radius: 999px; font-size: 9px; background: #f0c9ff; color: #291137; }
.museum-hero-arrow { grid-area: arrow; justify-self: end; font-size: 18px; }

.home-showcase-column { gap: 18px; position: sticky; top: 88px; }
.podium-showcase, .museum-feature-card { border-width: 2px; }
.museum-feature-card { padding: 22px; background: linear-gradient(145deg, rgba(15,38,24,.97), rgba(24,13,42,.94)); }

/* Lower section: one clear information column + activity */
.home-lower-grid {
  grid-template-columns: 1fr;
  gap: 22px;
  margin-top: 26px;
}
.landing-panel { padding: clamp(20px, 2vw, 30px); }
.landing-cards { grid-template-columns: repeat(4, minmax(0,1fr)); gap: 14px; }
.info-card { min-height: 190px; padding: 18px; background: linear-gradient(150deg, rgba(4,29,16,.94), rgba(2,17,10,.9)); }
.activity-panel { grid-column: 1 / -1; }

@media (max-width: 1250px) {
  .hero-actions { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .live-canvas-hero-link { grid-column: span 2; }
  #nav.nav > .nav-btn, #nav.nav > .nav-more > summary { padding-inline: 10px; }
}
@media (max-width: 900px) {
  .landing-grid { grid-template-columns: 1fr; }
  .home-showcase-column { position: static; }
  .hero-actions { grid-template-columns: 1fr 1fr; }
  .live-canvas-hero-link, .museum-hero-premium { grid-column: span 1; }
  .landing-cards { grid-template-columns: 1fr 1fr; }
  .nav-more { width: 100%; }
  .nav-more > summary { width: 100%; justify-content: center; }
  .nav-more-menu { position: static; width: 100%; margin-top: 8px; box-shadow: none; }
}
@media (max-width: 620px) {
  .hero-text { padding: 16px; }
  .hero-actions { grid-template-columns: 1fr; }
  .hero-actions > *, .live-canvas-hero-link, .museum-hero-premium { grid-column: 1; }
  .landing-cards { grid-template-columns: 1fr; }
}


/* V3 DIRECT UPLOAD + DISCORD */
.direct-upload-open{display:flex;align-items:center;justify-content:center;gap:10px;min-width:170px;background:linear-gradient(135deg,#b85cff,#7a7cff 58%,#62e8d4);border-color:#f3dcff;color:#07130c;box-shadow:5px 5px 0 rgba(0,0,0,.55),0 0 22px rgba(184,92,255,.22)}
.direct-upload-open:hover{transform:translate(-1px,-2px);box-shadow:7px 7px 0 rgba(0,0,0,.55),0 0 28px rgba(184,92,255,.36)}
.direct-upload-open>span:last-child{display:flex;flex-direction:column;align-items:flex-start;line-height:1.05}.direct-upload-open small{margin-top:5px;font-size:9px;font-weight:700;opacity:.8;white-space:nowrap}.direct-upload-icon{font-size:25px;line-height:1}
.home-community-actions{margin-top:12px}.discord-home-btn{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;width:100%;padding:15px 18px;text-decoration:none;color:#f7f0ff;border:2px solid #8ea1ff;background:linear-gradient(110deg,#172b63,#5865f2 52%,#7e4bd6);box-shadow:5px 5px 0 #041007,0 0 24px rgba(88,101,242,.28)}.discord-home-btn:hover{transform:translate(-1px,-2px);filter:brightness(1.08)}.discord-home-btn>span:nth-child(2){display:flex;flex-direction:column}.discord-home-btn strong{font-size:15px}.discord-home-btn small{margin-top:4px;color:#e3e7ff;font-size:10px}.discord-mark{display:grid;place-items:center;width:36px;height:36px;border:2px solid #d9deff;background:#f6f7ff;color:#5865f2;font-size:22px;box-shadow:3px 3px 0 rgba(0,0,0,.45)}.discord-arrow{font-size:24px}.discord-more-link{color:#dfe4ff!important;background:#26348f!important;border-color:#7289ff!important;text-decoration:none}
.direct-upload-modal-card{width:min(620px,calc(100vw - 28px));max-height:90vh;overflow:auto}.direct-upload-kicker{display:inline-block;margin-bottom:8px;padding:5px 8px;border:1px solid #b95cff;background:#2a123d;color:#e8cfff;font-size:10px;font-weight:900;letter-spacing:.12em}.direct-upload-dropzone{display:flex;min-height:150px;margin:18px 0 14px;padding:22px;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;cursor:pointer;border:2px dashed #72d889;background:linear-gradient(180deg,rgba(13,53,29,.86),rgba(4,24,13,.92))}.direct-upload-dropzone:hover,.direct-upload-dropzone.dragover{border-color:#d66aff;background:linear-gradient(180deg,rgba(56,23,75,.9),rgba(8,29,18,.94))}.direct-upload-drop-icon{font-size:38px;color:#d66aff}.direct-upload-dropzone strong{font-size:16px}.direct-upload-dropzone small{color:#a9d9ac}.direct-upload-file-info{margin-bottom:12px;padding:10px 12px;border:1px solid #2e6b3c;background:#071d10;color:#bde8c1;font-size:11px}.direct-upload-preview-wrap{display:grid;place-items:center;min-height:180px;margin-bottom:15px;padding:14px;border:2px solid #7b3db1;background:repeating-conic-gradient(#10251a 0 25%,#0a1a11 0 50%) 50%/18px 18px}.direct-upload-preview-wrap img{max-width:min(320px,100%);max-height:320px;image-rendering:pixelated;image-rendering:crisp-edges;box-shadow:0 0 0 3px #030a05,0 0 0 5px #c15cff}.direct-upload-form{margin-top:4px}.direct-upload-note{margin-top:10px;text-align:center}#directUploadSubmit:disabled{opacity:.45;cursor:not-allowed;transform:none}@media(max-width:900px){.direct-upload-open{min-width:0;width:100%}.direct-upload-open small{white-space:normal}.discord-home-btn{padding:13px}}

/* V4 HEADER DISCORD + CLEAN HOME ACTION GRID */
.discord-header-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-width:210px;
  min-height:52px;
  padding:9px 16px;
  color:#fff;
  text-decoration:none;
  font-weight:1000;
  font-size:13px;
  letter-spacing:.06em;
  white-space:nowrap;
  border:2px solid #aeb7ff;
  background:linear-gradient(135deg,#404eed 0%,#5865f2 52%,#7289da 100%);
  box-shadow:5px 5px 0 rgba(0,0,0,.55),0 0 24px rgba(88,101,242,.36);
  transition:transform .16s ease,filter .16s ease,box-shadow .16s ease;
}
.discord-header-btn:hover{
  transform:translate(-1px,-2px);
  filter:brightness(1.1);
  box-shadow:7px 7px 0 rgba(0,0,0,.55),0 0 32px rgba(88,101,242,.52);
}
.discord-header-logo{width:31px;height:24px;flex:0 0 auto;color:#fff}

/* Four clean columns: smaller actions above, two premium wide actions below */
.hero-actions{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}
.hero-actions .museum-hero-premium,
.hero-actions .live-canvas-hero-link{
  grid-column:span 2;
  min-height:86px;
}
.hero-actions .live-canvas-hero-link{
  width:100%;
  min-width:0;
  padding-inline:18px;
}
.direct-upload-open{
  min-width:0 !important;
  flex-direction:row;
  font-size:14px;
  line-height:1.15;
  text-align:center;
}
.direct-upload-open strong{font-size:14px}
.direct-upload-open .direct-upload-icon{font-size:23px}
.home-community-actions{display:none!important}

@media(max-width:1450px){
  .discord-header-btn{min-width:170px;padding-inline:12px;font-size:11px}
  .discord-header-logo{width:27px;height:21px}
}
@media(max-width:1180px){
  .discord-header-btn{order:4;width:100%;grid-column:1/-1;min-height:46px}
}
@media(max-width:900px){
  .hero-actions{grid-template-columns:1fr 1fr!important}
  .hero-actions .museum-hero-premium,
  .hero-actions .live-canvas-hero-link{grid-column:span 2}
  .discord-header-btn{display:none}
}
@media(max-width:620px){
  .hero-actions{grid-template-columns:1fr!important}
  .hero-actions .museum-hero-premium,
  .hero-actions .live-canvas-hero-link{grid-column:1}
}

/* PixelDeck Asset Hub */
.asset-badge{position:absolute;top:12px;left:12px;z-index:3;padding:6px 9px;border-radius:999px;background:linear-gradient(135deg,#20f5a0,#8dfcff);color:#06130f;font-size:11px;font-weight:900;letter-spacing:.08em;box-shadow:0 0 18px rgba(32,245,160,.35)}
.asset-pill-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px;align-items:center}
.asset-pill{background:rgba(32,245,160,.12)!important;border-color:rgba(32,245,160,.45)!important;color:#b8ffe6!important}
.license-pill{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.16)!important;color:#e8fff5!important}
.license-free_commercial,.license-public_domain{background:rgba(32,245,160,.14)!important;border-color:rgba(32,245,160,.45)!important;color:#c8ffe8!important}
.license-attribution{background:rgba(255,210,80,.13)!important;border-color:rgba(255,210,80,.45)!important;color:#ffe8a3!important}
.download-pill{background:rgba(141,252,255,.12)!important;border-color:rgba(141,252,255,.38)!important;color:#d4fdff!important}
#assetCategoryLabel.hidden,#directAssetCategoryLabel.hidden{display:none!important}
.direct-upload-form select,.upload-panel select{min-height:42px}

/* AssetHub Pro Action Buttons */
.premium-action-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  align-items:stretch;
  margin-top:10px;
}
.card-action-btn{
  border:1px solid rgba(255,255,255,.14);
  background:linear-gradient(135deg, rgba(8,22,15,.96), rgba(10,17,32,.96));
  color:#f4fff8;
  border-radius:14px;
  padding:10px 11px;
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  font-weight:900;
  letter-spacing:.01em;
  cursor:pointer;
  box-shadow:0 10px 24px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08);
  transition:transform .14s ease, border-color .14s ease, box-shadow .14s ease, background .14s ease;
}
.card-action-btn:hover{
  transform:translateY(-2px);
  border-color:rgba(156,255,122,.55);
  box-shadow:0 16px 34px rgba(0,0,0,.34), 0 0 0 1px rgba(156,255,122,.18), 0 0 24px rgba(156,255,122,.13);
}
.card-action-btn span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.download-action{
  grid-column:1 / -1;
  justify-content:space-between;
  padding:12px 14px;
  background:linear-gradient(135deg, #43ff91 0%, #8dfcff 48%, #8e7cff 100%);
  color:#04110c;
  border-color:rgba(255,255,255,.55);
  text-shadow:none;
}
.download-action b{
  min-width:34px;
  text-align:center;
  background:rgba(0,0,0,.16);
  border-radius:999px;
  padding:4px 8px;
  color:#06110d;
}
.save-action.active{background:linear-gradient(135deg, rgba(255,227,133,.98), rgba(156,255,122,.94));color:#170f05;}
.remix-action{border-color:rgba(142,124,255,.3);}
.zip-pill{background:linear-gradient(135deg,#7b61ff,#40f0ff);color:#071018;font-weight:950;}
.notification-item.unread{border-color:rgba(156,255,122,.45);box-shadow:0 0 0 1px rgba(156,255,122,.16), 0 12px 28px rgba(0,0,0,.28);}
.notification-main{margin:8px 0 10px;color:#f4fff8;line-height:1.45;}
.notification-btn.has-items{animation:notificationPulse 1.4s ease-in-out infinite;}
@keyframes notificationPulse{0%,100%{box-shadow:0 0 0 rgba(156,255,122,0)}50%{box-shadow:0 0 22px rgba(156,255,122,.35)}}
@media(max-width:700px){.premium-action-row{grid-template-columns:1fr}.download-action{grid-column:auto}.card-action-btn{width:100%;}}


/* V57 Asset Hub + Profile Follow polish */
.home-asset-hub {
  margin: 22px 0;
}
.asset-hub-panel {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(155,230,77,.28);
  background:
    radial-gradient(circle at 18% 18%, rgba(155,230,77,.18), transparent 34%),
    radial-gradient(circle at 85% 20%, rgba(48, 255, 180, .12), transparent 32%),
    rgba(5, 12, 7, .82);
  box-shadow: 0 24px 70px rgba(0,0,0,.34), inset 0 0 0 1px rgba(255,255,255,.04);
}
.asset-hub-panel:before {
  content: "";
  position: absolute;
  inset: -80px;
  background-image:
    linear-gradient(rgba(155,230,77,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(155,230,77,.05) 1px, transparent 1px);
  background-size: 22px 22px;
  transform: rotate(-2deg);
  pointer-events: none;
}
.asset-hub-panel > * {
  position: relative;
  z-index: 1;
}
.asset-hub-kicker {
  display:inline-flex;
  width: fit-content;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(155,230,77,.14);
  color: #b9ff77;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
  border: 1px solid rgba(155,230,77,.32);
}
.asset-hub-mini-stats {
  display:flex;
  flex-wrap:wrap;
  gap: 10px;
  margin: 12px 0 18px;
}
.asset-hub-mini-stats span {
  padding: 9px 12px;
  border-radius: 14px;
  background: rgba(255,255,255,.055);
  border: 1px solid rgba(255,255,255,.085);
  color: rgba(255,255,255,.88);
  font-weight: 800;
  font-size: 13px;
}
.trending-assets-strip article .artwork-tile {
  border-color: rgba(155,230,77,.26);
}
.card-action-btn.download-action {
  min-height: 44px;
  border: 1px solid rgba(155,230,77,.42);
  background: linear-gradient(135deg, rgba(155,230,77,.20), rgba(20,45,24,.92));
  color: #efffe8;
  box-shadow: 0 12px 28px rgba(0,0,0,.22);
}
.card-action-btn.download-action:hover {
  transform: translateY(-1px);
  border-color: rgba(155,230,77,.72);
  box-shadow: 0 16px 38px rgba(45,255,112,.13);
}
.card-action-btn.download-action b {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width: 26px;
  height: 22px;
  padding: 0 8px;
  border-radius: 999px;
  background: rgba(0,0,0,.30);
  color: #b9ff77;
  margin-left: auto;
  font-size: 12px;
}
.follow-profile-btn {
  border-radius: 16px;
  box-shadow: 0 16px 38px rgba(45,255,112,.13);
}
.follow-profile-btn.following {
  background: linear-gradient(135deg, rgba(82,150,255,.24), rgba(25,38,70,.94));
  border-color: rgba(120,170,255,.44);
}
.profile-quick-stats-pro {
  grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
}
.profile-quick-stats-pro div {
  position: relative;
  overflow: hidden;
}
.profile-quick-stats-pro div:after {
  content:"";
  position:absolute;
  inset:auto -40px -55px auto;
  width:90px;
  height:90px;
  border-radius:50%;
  background: rgba(155,230,77,.08);
}
.achievements-grid .badge {
  border: 1px solid rgba(155,230,77,.22);
  background: linear-gradient(135deg, rgba(255,255,255,.07), rgba(155,230,77,.07));
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.035);
}
@media (max-width: 760px) {
  .asset-hub-panel .panel-head {
    gap: 14px;
  }
  .asset-hub-panel .panel-head .primary {
    width: 100%;
  }
  .asset-hub-mini-stats span {
    flex: 1 1 140px;
    text-align: center;
  }
}


/* V57 Asset Hub separation */
.assethub-nav-btn { border-color: rgba(42, 255, 138, .35); box-shadow: 0 0 18px rgba(42,255,138,.12); }
.assethub-page-panel { position: relative; overflow: hidden; }
.assethub-page-panel::before { content:""; position:absolute; inset:-2px; pointer-events:none; background: radial-gradient(circle at 15% 0%, rgba(42,255,138,.16), transparent 35%), radial-gradient(circle at 85% 15%, rgba(108,92,231,.12), transparent 35%); opacity:.9; }
.assethub-page-panel > * { position: relative; z-index: 1; }
.assethub-head h2 { font-size: clamp(2rem, 4vw, 4rem); letter-spacing: -.04em; margin:.2rem 0; }
.assethub-filter-bar { display:flex; gap:.65rem; flex-wrap:wrap; margin: 1rem 0 1.2rem; }
.asset-filter-btn { border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.06); color:var(--text); border-radius:999px; padding:.7rem 1rem; cursor:pointer; font-weight:800; transition:.18s ease; }
.asset-filter-btn:hover { transform: translateY(-1px); border-color:rgba(42,255,138,.5); }
.asset-filter-btn.active { background:linear-gradient(135deg, rgba(42,255,138,.28), rgba(108,92,231,.22)); border-color:rgba(42,255,138,.72); box-shadow:0 0 22px rgba(42,255,138,.16); }
.assethub-search-row { margin: 0 0 1.3rem; }
.assethub-grid .asset-card-shell, .trending-assets-strip .asset-card-shell { border-color:rgba(42,255,138,.22); }
.card-action-btn.download-action { background:linear-gradient(135deg, rgba(42,255,138,.22), rgba(0,209,255,.14)); border-color:rgba(42,255,138,.45); }
.card-action-btn.download-action:hover { box-shadow:0 0 22px rgba(42,255,138,.18); }
.card-action-btn.download-action b { min-width:1.5rem; padding:.15rem .4rem; border-radius:999px; background:rgba(0,0,0,.28); }
@media (max-width: 760px) {
  .assethub-filter-bar { overflow-x:auto; flex-wrap:nowrap; padding-bottom:.35rem; }
  .asset-filter-btn { white-space:nowrap; }
  .assethub-head { align-items:flex-start; }
}

/* V57 UX Stable: clickable artwork previews + pagination */
.clickable-artwork {
  cursor: pointer;
  position: relative;
}
.clickable-artwork::after {
  content: var(--pd-open-details, "Open details");
  position: absolute;
  left: 50%;
  bottom: 10px;
  transform: translateX(-50%) translateY(6px);
  opacity: 0;
  pointer-events: none;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .04em;
  color: #07150d;
  background: linear-gradient(135deg, #6fffd2, #c77dff);
  border: 2px solid rgba(255,255,255,.75);
  box-shadow: 0 0 0 3px rgba(0,0,0,.45), 0 10px 24px rgba(0,0,0,.35);
  border-radius: 999px;
  padding: 6px 10px;
  transition: opacity .16s ease, transform .16s ease;
  z-index: 4;
  white-space: nowrap;
}
.clickable-artwork:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}
.clickable-artwork:hover .artwork-image {
  filter: brightness(1.08) saturate(1.08);
}

.pagination-bar {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
  margin: 22px auto 10px;
  padding: 14px;
  border: 2px solid rgba(111,255,210,.35);
  background: rgba(3, 24, 11, .72);
  box-shadow: 0 0 0 3px rgba(0,0,0,.25), inset 0 0 18px rgba(111,255,210,.06);
  max-width: 980px;
}
.pagination-bar.hidden {
  display: none !important;
}
.page-number-row {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  justify-content: center;
}
.page-btn {
  border: 2px solid rgba(155,230,77,.38);
  background: rgba(10, 37, 18, .9);
  color: #e9ffe8;
  padding: 9px 12px;
  font: inherit;
  font-weight: 900;
  cursor: pointer;
  box-shadow: 3px 3px 0 rgba(0,0,0,.45);
}
.page-btn:hover:not(:disabled),
.page-btn.active {
  background: linear-gradient(135deg, #6fffd2, #b96cff);
  color: #06120a;
  border-color: rgba(255,255,255,.8);
}
.page-btn:disabled {
  opacity: .4;
  cursor: not-allowed;
}
.page-info {
  color: #caffbf;
  font-size: 12px;
  font-weight: 900;
  min-width: 150px;
  text-align: center;
}

.nav-more[open] > summary.nav-btn {
  background: linear-gradient(135deg, #6fffd2, #b96cff);
  color: #06120a;
}
.nav-more-menu .nav-btn {
  width: 100%;
}

@media (max-width: 720px) {
  .pagination-bar {
    gap: 8px;
    padding: 12px 8px;
  }
  .page-info {
    width: 100%;
    order: -1;
  }
  .page-btn {
    padding: 8px 9px;
    font-size: 11px;
  }
  .clickable-artwork::after {
    display: none;
  }
}

.direct-zip-cover-box{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;margin:-2px 0 14px;padding:12px;border:1px solid #2e6b3c;background:linear-gradient(180deg,rgba(7,29,16,.95),rgba(4,18,10,.95));}
.direct-zip-cover-box strong{display:block;color:#e9ffe6;margin-bottom:3px}
.direct-zip-cover-box small{display:block;color:#a9d9ac;font-size:10px;line-height:1.35}
.direct-cover-btn{cursor:pointer;text-align:center;white-space:nowrap}
.direct-zip-cover-box .direct-upload-file-info{grid-column:1/-1;margin:0}
@media(max-width:720px){.direct-zip-cover-box{grid-template-columns:1fr}.direct-cover-btn{width:100%;}}

/* V Asset descriptions */
.asset-description-label {
  grid-column: 1 / -1;
}
.asset-description-label textarea {
  min-height: 110px;
  resize: vertical;
}

/* V65 stability and responsive layout */
.assethub-search-row {
  display: grid !important;
  grid-template-columns: minmax(220px, 1fr) minmax(180px, 240px) auto;
  align-items: stretch;
  gap: 10px;
}
.assethub-search-row > * { width: 100%; min-height: 46px; }

@media (min-width: 981px) {
  .topbar {
    display: flex !important;
    flex-wrap: nowrap !important;
  }
  .brand.logo-brand { flex: 0 0 auto !important; }
  #nav.nav { flex: 1 1 auto !important; flex-wrap: nowrap !important; }
  .top-actions { flex: 0 0 auto !important; }
}
@media (min-width: 981px) and (max-width: 1500px) {
  .discord-header-btn, .online-ticker { display: none !important; }
  #nav.nav > .nav-btn, #nav.nav > .nav-more > summary { padding-inline: 8px !important; font-size: 11px !important; }
}
@media (max-width: 760px) {
  .assethub-search-row { grid-template-columns: 1fr; }
}
.asset-detail-description {
  border: 2px solid rgba(93, 247, 212, 0.7);
  background: rgba(7, 28, 16, 0.72);
  box-shadow: 6px 6px 0 rgba(0,0,0,.7);
  padding: 14px;
  margin: 14px 0 16px;
}
.asset-detail-description h3 {
  margin: 0 0 10px;
  color: #5df7d4;
  font-size: 1rem;
}
.asset-detail-description-text {
  white-space: normal;
  line-height: 1.65;
  color: #d9ffd0;
  font-size: .95rem;
}

/* Owner upload management */
.owner-manage-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:1px solid rgba(114,216,137,.22)}
.owner-manage-row button{flex:1;min-width:120px}
.edit-upload-modal-card{width:min(620px,calc(100vw - 28px));max-height:90vh;overflow:auto}
.edit-upload-preview-wrap{display:grid;place-items:center;min-height:180px;margin:14px 0;padding:14px;border:2px solid #7b3db1;background:repeating-conic-gradient(#10251a 0 25%,#0a1a11 0 50%) 50%/18px 18px}
.edit-upload-preview-wrap img{max-width:min(320px,100%);max-height:320px;image-rendering:pixelated;image-rendering:crisp-edges}
.edit-replace-button{display:inline-flex;margin-bottom:12px;cursor:pointer}
.edit-upload-actions{display:flex;gap:10px;margin-top:16px}
.edit-upload-actions button{flex:1}


/* V58 Admin dashboard */
.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:14px 0 22px}.admin-stat{border:1px solid var(--border,#2b3540);border-radius:12px;padding:14px;background:rgba(255,255,255,.025)}.admin-stat strong{display:block;font-size:1.65rem;line-height:1.1;margin-bottom:5px}.admin-stat span{font-size:.82rem;opacity:.72}.admin-insights-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:24px}.admin-insight{border:1px solid var(--border,#2b3540);border-radius:12px;padding:14px;background:rgba(255,255,255,.02)}.admin-insight h4{margin:0 0 10px}.admin-mini-row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.07)}.admin-mini-row:last-child{border-bottom:0}.admin-toolbar{display:grid;grid-template-columns:minmax(180px,1fr) minmax(130px,180px) auto;gap:10px;margin:10px 0 14px}.admin-toolbar input,.admin-toolbar select{width:100%}@media(max-width:760px){.admin-insights-grid{grid-template-columns:1fr}.admin-toolbar{grid-template-columns:1fr}}

/* V60 admin-assigned badges */
.admin-user-main { min-width: 260px; flex: 1; }
.admin-badge-editor { margin-top: 10px; padding: 10px; border: 2px solid rgba(155,230,77,.35); background: rgba(0,0,0,.22); }
.admin-badge-editor > strong { display:block; margin-bottom:8px; }
.admin-badge-options { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:9px; }
.admin-badge-options label { display:inline-flex; align-items:center; gap:5px; padding:5px 7px; border:1px solid rgba(255,255,255,.18); cursor:pointer; font-size:.82rem; }
.admin-badge-options label:has(input:checked) { border-color:var(--season-accent); background:rgba(155,230,77,.12); }
.admin-badge-options input { accent-color:#9be64d; }
.home-gallery-event{position:fixed;z-index:2300;right:18px;bottom:18px;width:min(350px,calc(100vw - 36px));display:grid;gap:5px;padding:17px 18px;border:1px solid rgba(110,231,255,.4);border-radius:18px;background:linear-gradient(145deg,rgba(15,26,43,.97),rgba(9,13,22,.98));box-shadow:0 22px 70px rgba(0,0,0,.5);color:#fff}.home-gallery-event.live{border-color:rgba(255,92,114,.65);background:linear-gradient(145deg,rgba(91,27,43,.97),rgba(13,15,24,.98))}.home-gallery-event>button{position:absolute;right:8px;top:8px;width:28px;height:28px;border:0;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;cursor:pointer}.home-gallery-event>span{padding-right:24px;color:#6ee7ff;font-size:.68rem;font-weight:1000;letter-spacing:.12em}.home-gallery-event.live>span{color:#ff7c8e}.home-gallery-event>strong{font-size:1.14rem}.home-gallery-event>small{color:rgba(255,255,255,.62)}.home-gallery-event>b{margin-top:5px;color:#d9c27a}.home-gallery-event>a{margin-top:7px;padding:9px 11px;border-radius:10px;background:#f2eee6;color:#121722;text-align:center;font-weight:900;text-decoration:none}@media(max-width:700px){.home-gallery-event{right:8px;bottom:76px;width:calc(100vw - 16px)}}

html:lang(de) { --pd-open-details: "Details öffnen"; }
html:lang(es) { --pd-open-details: "Abrir detalles"; }

/* Source: /styles/v66.css */
/* PixelDeck V66 — professional pixel UI, responsive layout and adaptive themes. */
:root {
  --v65-bg: #06110a;
  --v65-surface: rgba(9, 29, 16, .92);
  --v65-surface-2: #102d1a;
  --v65-border: rgba(150, 226, 116, .3);
  --v65-accent: #9be64d;
  --v65-accent-2: #5df7d4;
  --v65-shadow: 0 16px 48px rgba(0, 0, 0, .28);
}

html { scroll-behavior: smooth; }
body { line-height: 1.5; }
body.modal-open { overflow: hidden; }
a { color: inherit; }
button, a, input, select, textarea, summary { -webkit-tap-highlight-color: transparent; }
:focus-visible {
  outline: 3px solid var(--v65-accent-2) !important;
  outline-offset: 3px;
}

.topbar {
  grid-template-columns: 170px minmax(480px, 1fr) auto auto;
  min-height: 72px;
  padding: 10px clamp(14px, 2.5vw, 36px);
  gap: clamp(12px, 2vw, 24px);
  border-bottom-width: 2px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, .35);
}
.logo-brand .site-logo-img { width: 152px; height: auto; object-fit: contain; }
.logo-brand { padding: 0; color: inherit; background: transparent; text-align: left; }
#nav.nav { gap: 6px; justify-content: center; min-width: 0; }
#nav.nav > .nav-btn,
#nav.nav > .nav-more > summary {
  min-height: 40px;
  padding: 9px 12px !important;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none;
  border-radius: 8px;
  font-size: 12px !important;
}
#nav.nav > .nav-btn:hover,
#nav.nav > .nav-more > summary:hover {
  border-color: var(--v65-border);
  background: rgba(155, 230, 77, .08);
  transform: none;
}
#nav.nav > .nav-btn.active {
  color: var(--v65-accent);
  background: rgba(155, 230, 77, .12);
  border-color: rgba(155, 230, 77, .35);
}
#nav.nav > .nav-create-btn {
  color: #06110a;
  background: var(--v65-accent);
  border-color: #d7ff72;
  font-weight: 900;
}
.nav-more-menu {
  right: 0;
  left: auto;
  width: 230px;
  padding: 8px;
  border: 1px solid var(--v65-border);
  border-radius: 12px;
  background: #071b0e;
  box-shadow: var(--v65-shadow);
}
.nav-more-menu .nav-btn {
  display: flex;
  justify-content: flex-start;
  border: 0;
  border-radius: 7px;
  background: transparent;
  box-shadow: none;
}
.online-ticker { white-space: nowrap; }
.top-actions .lang-select { border-radius: 8px; }
.notification-btn.active { color: #06110a; background: var(--v65-accent); }

main { max-width: 1380px; padding-top: clamp(28px, 5vw, 70px); }
.landing-grid {
  grid-template-columns: minmax(0, 1.07fr) minmax(360px, .83fr);
  min-height: auto;
  gap: clamp(36px, 6vw, 90px);
  align-items: start;
}
.hero-text h1 {
  max-width: 780px;
  margin: 20px 0;
  font-size: clamp(42px, 6.2vw, 86px);
  letter-spacing: -.055em;
  line-height: .96;
  text-wrap: balance;
}
.hero-text > p { max-width: 680px; font-size: clamp(16px, 1.4vw, 19px); }
.hero-stats {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  max-width: 760px;
}
.hero-stats div {
  min-width: 0;
  border-width: 1px;
  border-radius: 8px;
  box-shadow: none;
  background: rgba(8, 30, 16, .74);
}
.hero-stats b { overflow: hidden; text-overflow: ellipsis; }
.v65-prompt-card {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 12px;
  max-width: 760px;
  border: 1px solid rgba(93, 247, 212, .28);
  border-radius: 10px;
  box-shadow: none;
}
.v65-prompt-card b { margin: 0; font-size: 15px; }
.v65-primary-actions { max-width: 760px; }
.v65-primary-actions > * { min-height: 52px; border-width: 2px; border-radius: 9px; box-shadow: 4px 4px 0 #020804; }
.v65-primary-actions .v65-discover-btn { flex: 1.2; }
.v65-primary-actions .direct-upload-open { flex: 1; }
.v65-feature-rail {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  max-width: 760px;
  margin-top: 18px;
}
.v65-feature-rail > * {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0 8px;
  align-items: center;
  min-width: 0;
  padding: 11px;
  border: 1px solid var(--v65-border);
  border-radius: 9px;
  color: var(--text);
  background: rgba(8, 28, 15, .78);
  text-align: left;
  text-decoration: none;
  box-shadow: none;
}
.v65-feature-rail > *:hover { border-color: var(--v65-accent); background: rgba(155, 230, 77, .1); }
.v65-feature-rail span { grid-row: span 2; color: var(--v65-accent); }
.v65-feature-rail b { overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.v65-feature-rail small { color: var(--muted); font-size: 9px; }
.community-goal-card { max-width: 760px; }
.creator-quest-card {
  max-width: 760px;
  margin-top: 16px;
  padding: 16px;
  border: 1px solid rgba(93, 247, 212, .3);
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(9, 34, 19, .96), rgba(8, 31, 30, .8));
}
.creator-quest-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.creator-quest-head span { color: var(--v65-accent-2); font-size: 10px; letter-spacing: .12em; }
.creator-quest-head h2 { margin: 3px 0 0; font-size: 16px; }
.creator-quest-head > strong { color: var(--v65-accent); }
.creator-quest-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 13px; }
.creator-quest-item { padding: 10px; border: 1px solid rgba(255,255,255,.1); border-radius: 8px; background: rgba(0,0,0,.15); }
.creator-quest-item.done { border-color: rgba(155,230,77,.45); }
.creator-quest-item b, .creator-quest-item small { display: block; }
.creator-quest-item small { margin-top: 4px; color: var(--muted); }

.home-showcase-column { position: sticky; top: 100px; }
.podium-showcase, .museum-feature-card, .panel {
  border-radius: 12px;
}
.home-asset-hub { margin-top: clamp(52px, 8vw, 110px); }
.home-lower-grid { gap: 18px; }
.landing-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.artwork-card,
.hall-card,
.asset-card {
  overflow: hidden;
  border-radius: 12px;
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}
.artwork-card:hover,
.hall-card:hover,
.asset-card:hover {
  transform: translateY(-3px);
  border-color: var(--v65-accent);
  box-shadow: 0 14px 30px rgba(0,0,0,.28);
}
.artwork-card img,
.artwork-card-preview img,
.hall-card img,
.asset-card img { image-rendering: pixelated; }
.artwork-card img[loading="lazy"], .asset-card img[loading="lazy"] { background: #071b0e; }

.site-footer {
  align-items: center;
  gap: 22px;
  border-top-width: 1px;
  border-radius: 12px;
}
.site-footer > div { display: grid; gap: 4px; }
.site-footer nav { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 14px; }
.site-footer a, .site-footer .link-btn { color: var(--muted); text-decoration: none; }
.site-footer a:hover, .site-footer .link-btn:hover { color: var(--v65-accent); }

.modal { padding: 20px; backdrop-filter: blur(9px); }
.modal-card {
  border-width: 2px;
  border-radius: 14px;
  box-shadow: 0 28px 80px rgba(0, 0, 0, .65);
}
.modal-close {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 8px;
}
.modal-close:hover { background: rgba(255,255,255,.1); }

.skeleton {
  min-height: 180px;
  border-radius: 10px;
  background: linear-gradient(100deg, rgba(255,255,255,.035) 25%, rgba(155,230,77,.11) 45%, rgba(255,255,255,.035) 65%);
  background-size: 250% 100%;
  animation: v65-shimmer 1.35s infinite linear;
}
@keyframes v65-shimmer { to { background-position-x: -250%; } }

@media (max-width: 1180px) {
  .topbar { grid-template-columns: 145px 1fr auto; }
  .online-ticker { display: none; }
  .logo-brand .site-logo-img { width: 136px; }
  .landing-grid { gap: 38px; }
  .v65-feature-rail { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 980px) {
  .topbar { grid-template-columns: auto 1fr auto; }
  .mobile-menu { display: grid; place-items: center; width: 42px; height: 42px; padding: 0; border-width: 1px; border-radius: 8px; box-shadow: none; }
  .brand { justify-self: start; }
  #nav.nav { align-items: stretch; padding: 12px; }
  #nav.nav > .nav-btn, #nav.nav > .nav-more > summary { width: 100%; justify-content: center; }
  .nav-more-menu { position: static; width: 100%; box-shadow: none; }
  .landing-grid { grid-template-columns: 1fr; }
  .home-showcase-column { position: static; }
  .home-showcase-column { display: grid; grid-template-columns: 1.15fr .85fr; gap: 14px; }
}

@media (max-width: 760px) {
  .floating-pixels { display: none; }
  main { padding: 24px 13px 96px; }
  .topbar { min-height: 64px; padding: 9px 11px; gap: 8px; }
  .logo-brand .site-logo-img { width: 118px; }
  .top-actions { gap: 5px; }
  .top-actions > .lang-select, .notification-btn { min-width: 42px; height: 42px; padding: 5px; }
  .hero-text h1 { margin-top: 15px; font-size: clamp(38px, 13vw, 60px); }
  .hero-text > p { font-size: 15px; line-height: 1.6; }
  .hero-stats { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .v65-prompt-card { grid-template-columns: 1fr auto; }
  .v65-prompt-card > span { grid-column: 1 / -1; }
  .v65-primary-actions { display: grid; grid-template-columns: 1fr; }
  .v65-feature-rail { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .creator-quest-list { grid-template-columns: 1fr; }
  .home-showcase-column { grid-template-columns: 1fr; }
  .landing-cards { grid-template-columns: 1fr; }
  .site-footer { align-items: flex-start; }
  .site-footer nav { justify-content: flex-start; }
  .mobile-bottom-nav {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    padding: 7px max(7px, env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(7px, env(safe-area-inset-left));
  }
  .mobile-bottom-nav button { min-width: 0; padding: 9px 3px; font-size: 9px; }
  .mobile-bottom-nav .mobile-create { color: #07130c; background: var(--v65-accent); border-color: var(--v65-accent); transform: translateY(-5px); }
}

@media (max-width: 420px) {
  .logo-brand .site-logo-img { width: 104px; }
  .top-actions .lang-select { display: none; }
  .v65-feature-rail { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* =========================================================
   V66 ADAPTIVE VISUAL SYSTEM
   The core application keeps its existing variables while every visual layer
   now inherits from a single accessible theme palette.
========================================================= */
:root,
html[data-theme="forest"] {
  --theme-bg: #08150d;
  --theme-panel: #10291a;
  --theme-surface: #143620;
  --theme-accent: #8ddd4f;
  --theme-bright: #65e6c4;
  --theme-muted: #a9cdb2;
  --theme-ink: #071008;
}
html[data-theme="ocean"] { --theme-bg:#061421; --theme-panel:#0c2e45; --theme-surface:#103a55; --theme-accent:#45c9f5; --theme-bright:#88f5df; --theme-muted:#a9cbd9; --theme-ink:#041019; }
html[data-theme="sunset"] { --theme-bg:#1b1016; --theme-panel:#3a1b2a; --theme-surface:#4a2332; --theme-accent:#ff8b4d; --theme-bright:#ffcf6e; --theme-muted:#d9b5bd; --theme-ink:#180a08; }
html[data-theme="candy"] { --theme-bg:#190e22; --theme-panel:#35194a; --theme-surface:#48225e; --theme-accent:#ff71bd; --theme-bright:#7de8ff; --theme-muted:#d6b7e4; --theme-ink:#190820; }
html[data-theme="midnight"] { --theme-bg:#080b19; --theme-panel:#141b35; --theme-surface:#1d2746; --theme-accent:#7c91ff; --theme-bright:#57e4d0; --theme-muted:#aeb8d8; --theme-ink:#060817; }
html[data-theme="royal"] { --theme-bg:#120b21; --theme-panel:#281747; --theme-surface:#38205b; --theme-accent:#b982ff; --theme-bright:#ffd86a; --theme-muted:#c9b5dd; --theme-ink:#11081d; }
html[data-theme="ember"] { --theme-bg:#1a0c09; --theme-panel:#35150f; --theme-surface:#492016; --theme-accent:#ff7340; --theme-bright:#ffd65d; --theme-muted:#d5b5a8; --theme-ink:#170805; }
html[data-theme="winter"] { --theme-bg:#071624; --theme-panel:#102f46; --theme-surface:#173e58; --theme-accent:#77d8ff; --theme-bright:#f2fbff; --theme-muted:#b8d7e5; --theme-ink:#05121b; }
html[data-theme="newyear"] { --theme-bg:#090816; --theme-panel:#1e1638; --theme-surface:#2d2050; --theme-accent:#ffd35c; --theme-bright:#aa8cff; --theme-muted:#c9c0dc; --theme-ink:#120d08; }
html[data-theme="easter"] { --theme-bg:#151225; --theme-panel:#30264a; --theme-surface:#41345d; --theme-accent:#ff91c8; --theme-bright:#b8f28a; --theme-muted:#d5c7e3; --theme-ink:#140a16; }
html[data-theme="halloween"] { --theme-bg:#130a18; --theme-panel:#2c1237; --theme-surface:#40194d; --theme-accent:#ff812d; --theme-bright:#bd7cff; --theme-muted:#c9aecf; --theme-ink:#17080c; }

html[data-theme] {
  --bg: var(--theme-bg);
  --ink: var(--theme-ink);
  --panel: var(--theme-panel);
  --panel2: var(--theme-surface);
  --line: var(--theme-accent);
  --text: #f7fbf8;
  --muted: var(--theme-muted);
  --cyan: var(--theme-bright);
  --yellow: var(--theme-bright);
  --season-bg: var(--theme-bg);
  --season-panel: var(--theme-panel);
  --season-accent: var(--theme-accent);
  --season-bright: var(--theme-bright);
  --v65-bg: var(--theme-bg);
  --v65-surface: color-mix(in srgb, var(--theme-panel) 90%, transparent);
  --v65-surface-2: var(--theme-surface);
  --v65-border: color-mix(in srgb, var(--theme-accent) 36%, transparent);
  --v65-accent: var(--theme-accent);
  --v65-accent-2: var(--theme-bright);
  color-scheme: dark;
}

html, body { width: 100%; max-width: 100%; }
body {
  background:
    radial-gradient(circle at 13% -8%, color-mix(in srgb, var(--theme-accent) 25%, transparent), transparent 32rem),
    radial-gradient(circle at 88% 12%, color-mix(in srgb, var(--theme-bright) 16%, transparent), transparent 30rem),
    linear-gradient(180deg, var(--theme-panel), var(--theme-bg) 34%, color-mix(in srgb, var(--theme-bg) 82%, #000));
  background-attachment: fixed;
  transition: background-color .3s ease, color .3s ease;
}
.bg-grid {
  z-index: 0;
  opacity: .46;
  background-image:
    linear-gradient(color-mix(in srgb, var(--theme-accent) 6%, transparent) 1px, transparent 1px),
    linear-gradient(90deg, color-mix(in srgb, var(--theme-accent) 6%, transparent) 1px, transparent 1px);
  background-size: 28px 28px;
  mask-image: linear-gradient(to bottom, #000 0, rgba(0,0,0,.68) 46%, transparent 94%);
}
.floating-pixels { display: none !important; }
.pixel-background { position: fixed; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; contain: strict; }
.pixel-background i {
  position: absolute;
  left: var(--pixel-x);
  top: var(--pixel-y);
  width: var(--pixel-size);
  height: var(--pixel-size);
  opacity: .22;
  background: var(--theme-accent);
  box-shadow: 3px 3px 0 color-mix(in srgb, #000 36%, transparent);
  animation: pd-pixel-drift var(--pixel-duration) steps(12, end) var(--pixel-delay) infinite;
  will-change: transform;
}
.pixel-background i:nth-child(3n + 2) { background: var(--theme-bright); opacity: .16; }
.pixel-background i:nth-child(3n + 3) { background: color-mix(in srgb, var(--theme-accent) 48%, #fff); opacity: .12; }
@keyframes pd-pixel-drift {
  0%, 100% { transform: translate3d(0, 16px, 0) rotate(0); }
  25% { transform: translate3d(20px, -16px, 0) rotate(90deg); }
  50% { transform: translate3d(-8px, -42px, 0) rotate(180deg); }
  75% { transform: translate3d(-26px, -10px, 0) rotate(270deg); }
}
html[data-theme="winter"] .pixel-background i { background:#f4fcff; opacity:.34; animation-name:pd-pixel-snow; box-shadow:none; }
html[data-theme="winter"] .pixel-background i:nth-child(3n) { background:#76d8ff; }
@keyframes pd-pixel-snow { from { transform:translate3d(-12px,-22vh,0); } to { transform:translate3d(34px,108vh,0); } }
html[data-theme="newyear"] .pixel-background i { opacity:.33; animation-name:pd-pixel-firework; box-shadow:0 0 12px color-mix(in srgb,var(--theme-accent) 65%,transparent); }
@keyframes pd-pixel-firework { 0%,72%,100%{transform:scale(.25);opacity:.05} 78%{transform:scale(1.8);opacity:.7} 84%{transform:translate3d(18px,-22px,0) scale(.65);opacity:.15} }
html[data-theme="halloween"] .pixel-background i { animation-name:pd-pixel-haunt; }
@keyframes pd-pixel-haunt { 0%,100%{transform:translate3d(0,10px,0);opacity:.12} 42%{transform:translate3d(24px,-24px,0);opacity:.38} 46%{opacity:.05} 50%{opacity:.34} }

.topbar, main, .mobile-bottom-nav, .site-footer { position: relative; z-index: 2; }
.topbar {
  background: color-mix(in srgb, var(--theme-bg) 86%, transparent) !important;
  border-color: color-mix(in srgb, var(--theme-accent) 52%, transparent) !important;
  backdrop-filter: blur(18px) saturate(1.25);
  box-shadow: 0 12px 40px rgba(0,0,0,.28), inset 0 -1px 0 color-mix(in srgb,var(--theme-bright) 14%,transparent);
}
#nav.nav > .nav-btn:hover,
#nav.nav > .nav-more > summary:hover { background:color-mix(in srgb,var(--theme-accent) 11%,transparent); border-color:color-mix(in srgb,var(--theme-accent) 42%,transparent); }
#nav.nav > .nav-btn.active { color:var(--theme-bright); background:color-mix(in srgb,var(--theme-accent) 15%,transparent); border-color:color-mix(in srgb,var(--theme-accent) 46%,transparent); }
#nav.nav > .nav-create-btn,
.primary,
button.primary {
  color: var(--theme-ink) !important;
  border-color: color-mix(in srgb,var(--theme-bright) 72%,#fff) !important;
  background: linear-gradient(135deg,var(--theme-accent),color-mix(in srgb,var(--theme-bright) 78%,var(--theme-accent))) !important;
  box-shadow: 3px 3px 0 color-mix(in srgb,#000 72%,var(--theme-panel));
}
.secondary, button.secondary {
  color:var(--text);
  border-color:color-mix(in srgb,var(--theme-accent) 46%,transparent);
  background:color-mix(in srgb,var(--theme-panel) 86%,transparent);
}
.primary:hover, .secondary:hover { filter:brightness(1.08); }
.pill { border-color:color-mix(in srgb,var(--theme-accent) 54%,transparent); background:color-mix(in srgb,var(--theme-panel) 75%,transparent); }
.hero-text h1 { text-shadow:0 4px 0 color-mix(in srgb,#000 48%,transparent), 0 0 42px color-mix(in srgb,var(--theme-accent) 13%,transparent); }
.hero-stats div,
.v65-feature-rail > *,
.creator-quest-card,
.view .panel,
.view .artwork-card,
.view .asset-card,
.view .hall-card {
  border-color:color-mix(in srgb,var(--theme-accent) 25%,transparent);
  background:linear-gradient(180deg,color-mix(in srgb,var(--theme-surface) 84%,transparent),color-mix(in srgb,var(--theme-panel) 91%,transparent));
  box-shadow:0 16px 42px rgba(0,0,0,.17), inset 0 1px 0 rgba(255,255,255,.035);
}
.artwork-card:hover, .asset-card:hover, .hall-card:hover, .v65-feature-rail > *:hover {
  border-color:color-mix(in srgb,var(--theme-accent) 72%,transparent);
  box-shadow:0 18px 46px rgba(0,0,0,.27), 0 0 0 1px color-mix(in srgb,var(--theme-accent) 12%,transparent);
}
input, textarea, select {
  color:var(--text);
  border-color:color-mix(in srgb,var(--theme-accent) 32%,transparent) !important;
  background:color-mix(in srgb,var(--theme-bg) 84%,#000) !important;
}
input:focus, textarea:focus, select:focus { border-color:var(--theme-accent) !important; box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-accent) 14%,transparent); }
.modal { background:color-mix(in srgb,var(--theme-bg) 72%,transparent); }
.modal-card { border-color:color-mix(in srgb,var(--theme-accent) 62%,transparent); background:linear-gradient(180deg,var(--theme-surface),var(--theme-panel)); }
.nav-more-menu { background:color-mix(in srgb,var(--theme-bg) 96%,#000); }
.mobile-bottom-nav { background:color-mix(in srgb,var(--theme-bg) 94%,transparent) !important; border-color:color-mix(in srgb,var(--theme-accent) 55%,transparent) !important; backdrop-filter:blur(18px); }
.mobile-bottom-nav .mobile-create { color:var(--theme-ink) !important; background:var(--theme-accent) !important; border-color:var(--theme-bright) !important; }
.site-footer { border-color:color-mix(in srgb,var(--theme-accent) 22%,transparent); background:color-mix(in srgb,var(--theme-bg) 52%,transparent); }

/* Theme picker */
.theme-toggle-btn,
.theme-panel-close {
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  min-width:42px;
  padding:0;
  border:1px solid color-mix(in srgb,var(--theme-accent) 42%,transparent);
  border-radius:9px;
  color:var(--theme-bright);
  background:color-mix(in srgb,var(--theme-panel) 82%,transparent);
  box-shadow:none;
}
.theme-toggle-btn { position:relative; font-size:20px; color:var(--theme-button-color,var(--theme-accent)); }
.theme-toggle-btn::after { content:""; position:absolute; right:5px; bottom:5px; width:6px; height:6px; background:var(--theme-bright); box-shadow:-7px 0 var(--theme-accent); }
.theme-toggle-btn:hover { border-color:var(--theme-accent); transform:translateY(-1px); }
.theme-panel {
  position:fixed;
  z-index:900;
  top:78px;
  right:clamp(12px,2vw,28px);
  width:min(440px,calc(100vw - 24px));
  max-height:calc(100dvh - 96px);
  overflow:auto;
  padding:20px;
  border:1px solid color-mix(in srgb,var(--theme-accent) 56%,transparent);
  border-radius:16px;
  color:var(--text);
  background:linear-gradient(180deg,color-mix(in srgb,var(--theme-surface) 97%,#000),color-mix(in srgb,var(--theme-bg) 97%,#000));
  box-shadow:0 28px 90px rgba(0,0,0,.58), 5px 5px 0 color-mix(in srgb,#000 72%,var(--theme-panel));
  backdrop-filter:blur(22px);
}
.theme-panel.hidden { display:none; }
.theme-panel-head { display:flex; justify-content:space-between; align-items:flex-start; gap:18px; }
.theme-panel-head h2 { margin:3px 0 0; font-size:20px; }
.theme-panel-kicker { color:var(--theme-accent); font-size:10px; font-weight:900; letter-spacing:.16em; }
.theme-panel-close { color:var(--text); font-size:24px; }
.theme-panel-intro { margin:12px 0 16px; color:var(--muted); font-size:13px; line-height:1.55; }
.theme-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.theme-option {
  position:relative;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  min-height:66px;
  padding:10px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:10px;
  color:var(--text);
  background:rgba(255,255,255,.035);
  text-align:left;
  box-shadow:none;
}
.theme-option:hover { border-color:color-mix(in srgb,var(--theme-accent) 48%,transparent); background:rgba(255,255,255,.06); }
.theme-option.active { border-color:var(--theme-accent); background:color-mix(in srgb,var(--theme-accent) 12%,transparent); }
.theme-option-auto { grid-column:1 / -1; }
.theme-swatches { display:grid; grid-template-columns:repeat(2,12px); width:24px; height:24px; box-shadow:0 0 0 2px rgba(255,255,255,.15); }
.theme-swatches i { display:block; background:var(--swatch); }
.theme-option-copy { min-width:0; }
.theme-option-copy b, .theme-option-copy small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.theme-option-copy b { font-size:12px; }
.theme-option-copy small { margin-top:4px; color:var(--muted); font-size:9px; }
.theme-option-check { opacity:0; color:var(--theme-accent); font-weight:900; }
.theme-option.active .theme-option-check { opacity:1; }
.theme-schedule { margin:14px 0 0; padding-top:12px; border-top:1px solid rgba(255,255,255,.08); color:var(--muted); font-size:10px; line-height:1.5; }

/* Responsive finishing pass */
@media (max-width: 980px) {
  .landing-grid { gap:26px; }
  .home-showcase-column { gap:12px; }
}
@media (max-width: 760px) {
  body { padding-bottom:calc(66px + env(safe-area-inset-bottom)); }
  main { width:100%; padding:18px 11px calc(92px + env(safe-area-inset-bottom)) !important; }
  .topbar { padding-top:max(7px,env(safe-area-inset-top)) !important; background:color-mix(in srgb,var(--theme-bg) 94%,transparent) !important; }
  #nav.nav.open,
  .nav.open {
    position:fixed !important;
    top:calc(62px + env(safe-area-inset-top));
    right:8px;
    left:8px;
    width:auto !important;
    max-height:calc(100dvh - 78px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important;
    padding:10px !important;
    border:1px solid color-mix(in srgb,var(--theme-accent) 55%,transparent) !important;
    border-radius:14px;
    background:color-mix(in srgb,var(--theme-bg) 97%,#000) !important;
    box-shadow:0 24px 70px rgba(0,0,0,.62);
  }
  .mobile-lang-row { border-width:1px; border-color:color-mix(in srgb,var(--theme-accent) 30%,transparent); border-radius:9px; }
  .hero-text h1 { font-size:clamp(34px,12vw,54px); line-height:1; letter-spacing:-.045em; }
  .hero-text > p { font-size:15px; }
  .v65-primary-actions > *, .wide { width:100%; min-height:48px; }
  .hero-stats div { min-height:70px; padding:10px; }
  .hero-stats b { font-size:18px; }
  .theme-panel { top:auto; right:8px; bottom:calc(72px + env(safe-area-inset-bottom)); left:8px; width:auto; max-height:min(72dvh,680px); border-radius:16px 16px 10px 10px; padding:16px; }
  .pixel-background i:nth-child(n + 15) { display:none; }
  .modal { align-items:flex-end; padding:8px 8px calc(8px + env(safe-area-inset-bottom)); }
  .modal-card { width:100%; max-height:calc(100dvh - 24px); overflow:auto; border-radius:16px 16px 10px 10px; padding:20px 16px; }
  input, textarea, select { font-size:16px; }
  button, a.nav-btn, summary { min-height:44px; }
  .site-footer { margin:12px 0 0; padding:16px 12px calc(76px + env(safe-area-inset-bottom)); }
  .mobile-bottom-nav { padding-bottom:env(safe-area-inset-bottom) !important; }
}
@media (max-width: 480px) {
  .top-actions { gap:4px !important; }
  .theme-toggle-btn, .notification-btn, .install-pwa-btn { width:40px; height:40px; min-width:40px; }
  .hero-stats { gap:6px; }
  .v65-feature-rail { grid-template-columns:1fr 1fr; }
  .v65-feature-rail > * { padding:10px 8px; }
  .theme-grid { grid-template-columns:1fr; }
  .theme-option-auto { grid-column:auto; }
  .creator-quest-head { align-items:flex-start; flex-direction:column; }
}
@media (max-width: 360px) {
  .logo-brand .site-logo-img { width:88px !important; }
  .brand.logo-brand { max-width:88px !important; }
  .v65-feature-rail { grid-template-columns:1fr; }
  .hero-text h1 { font-size:32px; }
}
@media (hover: none) {
  .artwork-card:hover, .hall-card:hover, .asset-card:hover { transform:none; }
}
@media (prefers-reduced-motion: reduce) {
  .pixel-background i { animation:none !important; opacity:.08; }
}

/* Source: /styles/v67.css */
/* PixelDeck V67 – Creator Lab, collaboration and creator platform UI */
.v67-kicker{display:block;color:var(--accent,#9be64d);font:800 .7rem/1.2 ui-monospace,monospace;letter-spacing:.15em;text-transform:uppercase;margin-bottom:.35rem}
.v67-shell{display:grid;gap:1rem;max-width:1480px;margin:0 auto}
.v67-hero{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;padding:clamp(1.1rem,3vw,2rem);background:linear-gradient(135deg,color-mix(in srgb,var(--panel,#0d1d13) 88%,var(--accent,#9be64d)),var(--panel,#0d1d13));border:2px solid color-mix(in srgb,var(--accent,#9be64d) 48%,transparent);box-shadow:8px 8px 0 color-mix(in srgb,var(--accent,#9be64d) 12%,transparent)}
.v67-hero:after{content:"";position:absolute;inset:auto -20px -35px auto;width:180px;height:180px;background:repeating-conic-gradient(from 45deg,var(--accent,#9be64d) 0 25%,transparent 0 50%) 0/28px 28px;opacity:.08;transform:rotate(12deg);pointer-events:none}
.v67-hero>*{position:relative;z-index:1}
.v67-hero h1{font-size:clamp(1.55rem,4vw,3rem);margin:.15rem 0}.v67-hero p{max-width:70ch;margin:.35rem 0;color:var(--muted,#b7c9bd)}
.v67-tabbar{display:flex;gap:.55rem;flex-wrap:wrap}.v67-tabbar button{min-height:42px}.v67-tabbar button.active{background:var(--accent,#9be64d);color:#07120b;border-color:var(--accent,#9be64d)}
.v74-editor-entry{border-color:color-mix(in srgb,var(--accent,#9be64d) 72%,#fff)!important;background:linear-gradient(135deg,var(--accent,#9be64d),color-mix(in srgb,var(--accent2,#5df7d4) 72%,#fff))!important;color:#07120b!important;box-shadow:4px 4px 0 #0008!important;font-weight:950;white-space:nowrap}.v74-editor-entry:hover{translate:0 -2px;box-shadow:4px 6px 0 #0008!important}
.v67-lab-grid{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:1rem}.v67-controls{align-self:start;position:sticky;top:84px}.v67-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.v67-control-grid label{min-width:0}.v67-control-grid .wide{grid-column:1/-1}
.v67-dropzone{display:grid;place-items:center;min-height:140px;padding:1rem;border:2px dashed color-mix(in srgb,var(--accent,#9be64d) 55%,transparent);background:color-mix(in srgb,var(--accent,#9be64d) 5%,transparent);text-align:center;cursor:pointer}.v67-dropzone:hover,.v67-dropzone.drag{background:color-mix(in srgb,var(--accent,#9be64d) 12%,transparent)}.v67-dropzone input{display:none}.v67-dropzone b{display:block;margin:.35rem}
.v67-stage{display:grid;place-items:center;min-height:420px;overflow:auto;background-color:#0b1010;background-image:linear-gradient(45deg,#151d1b 25%,transparent 25%),linear-gradient(-45deg,#151d1b 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#151d1b 75%),linear-gradient(-45deg,transparent 75%,#151d1b 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.v67-stage canvas{max-width:100%;max-height:70vh;image-rendering:pixelated;border:1px solid color-mix(in srgb,var(--accent,#9be64d) 35%,transparent);box-shadow:0 18px 60px #0008;touch-action:none}
.v67-timeline{display:flex;gap:.45rem;overflow-x:auto;padding:.65rem 0}.v67-frame-thumb{flex:0 0 70px;width:70px;height:70px;padding:3px;background:#09120e;border:2px solid transparent;image-rendering:pixelated}.v67-frame-thumb.active{border-color:var(--accent,#9be64d)}.v67-frame-thumb canvas{width:100%;height:100%;image-rendering:pixelated}
.v67-export-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.v67-export-row button{min-height:44px}
.v67-file-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:.7rem 0}.v67-file-meta span{padding:.55rem;background:#0003;border:1px solid #ffffff12;font-size:.78rem;overflow-wrap:anywhere}
.v67-palette{display:flex;gap:.35rem;flex-wrap:wrap}.v67-palette button{width:32px;height:32px;padding:0;border:2px solid #fff3}.v67-palette button.active{outline:3px solid var(--accent,#9be64d);outline-offset:2px}
.v67-map-wrap{display:grid;grid-template-columns:minmax(180px,300px) minmax(0,1fr);gap:1rem}.v67-map-wrap .v67-stage{min-height:360px}.v67-map-wrap canvas{image-rendering:pixelated;max-width:100%;touch-action:none}
.v67-event-card{display:none;margin-top:1rem;padding:1rem;border:2px solid color-mix(in srgb,var(--accent,#9be64d) 55%,transparent);background:linear-gradient(120deg,color-mix(in srgb,var(--accent,#9be64d) 13%,var(--panel,#0d1d13)),var(--panel,#0d1d13))}.v67-event-card.ready{display:block}.v67-event-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.v67-event-head strong{font-size:1.1rem}.v67-event-icon{font-size:2rem}.v67-quest-row{display:grid;grid-template-columns:minmax(0,1fr) 90px 44px;gap:.65rem;align-items:center;margin-top:.65rem}.v67-progress{height:9px;background:#0006;border:1px solid #ffffff1c}.v67-progress i{display:block;height:100%;background:var(--accent,#9be64d)}
.v67-home-recommendations{margin-top:1rem}.v67-empty{padding:2rem;text-align:center;border:1px dashed #ffffff2a;color:var(--muted,#aebdb3)}
.v67-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.v67-metric{padding:1rem;border:1px solid #ffffff18;background:linear-gradient(145deg,#ffffff08,transparent)}.v67-metric b{display:block;font-size:clamp(1.5rem,4vw,2.4rem);color:var(--accent,#9be64d)}.v67-metric span{font-size:.8rem;color:var(--muted,#aebdb3)}
.v67-chart{display:flex;align-items:flex-end;gap:3px;height:230px;padding:1rem 0;border-bottom:1px solid #ffffff24}.v67-chart-day{display:flex;align-items:flex-end;gap:1px;flex:1;height:100%;min-width:3px}.v67-chart-day i{display:block;flex:1;min-width:2px;background:var(--accent,#9be64d);opacity:.9}.v67-chart-day i+ i{background:#5df7d4;opacity:.65}
.v67-table{width:100%;border-collapse:collapse}.v67-table th,.v67-table td{text-align:left;padding:.7rem;border-bottom:1px solid #ffffff14}.v67-table th{color:var(--muted,#aebdb3);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}
.v67-split{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.4fr);gap:1rem}.v67-form{display:grid;gap:.7rem}.v67-card-list{display:grid;gap:.7rem}.v67-community-card{padding:1rem;border:1px solid #ffffff18;background:#ffffff05}.v67-community-card header{display:flex;justify-content:space-between;align-items:flex-start;gap:.8rem}.v67-community-card h3{margin:.15rem 0}.v67-chips{display:flex;flex-wrap:wrap;gap:.35rem;margin:.6rem 0}.v67-chip{display:inline-flex;padding:.25rem .45rem;background:color-mix(in srgb,var(--accent,#9be64d) 13%,transparent);border:1px solid color-mix(in srgb,var(--accent,#9be64d) 30%,transparent);font-size:.72rem}.v67-card-actions{display:flex;gap:.45rem;flex-wrap:wrap;margin-top:.75rem}
.v67-security-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.v67-status{display:inline-flex;gap:.35rem;align-items:center;padding:.3rem .5rem;border:1px solid #ffffff1c}.v67-status.ok{color:#9be64d}.v67-status.warn{color:#ffd84d}.v67-device{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:.7rem;align-items:center;padding:.75rem 0;border-bottom:1px solid #ffffff15}.v67-device-icon{display:grid;place-items:center;width:38px;height:38px;background:#ffffff0a;border:1px solid #ffffff15}.v67-device small{display:block;color:var(--muted,#aebdb3)}
.v67-detail-module{margin-top:1rem}.v67-detail-module:empty{display:none}.v67-version{padding:.7rem 0;border-top:1px solid #ffffff16}.v67-version-head{display:flex;justify-content:space-between;gap:.7rem}.v67-hash{display:block;padding:.65rem;background:#0005;border:1px solid #ffffff15;font:11px/1.5 ui-monospace,monospace;word-break:break-all}.v67-similar-panel{margin-top:1rem}
.v67-draft-toast{position:fixed;left:max(1rem,env(safe-area-inset-left));bottom:calc(5.3rem + env(safe-area-inset-bottom));z-index:1200;max-width:360px;padding:1rem;background:var(--panel,#0d1d13);border:2px solid var(--accent,#9be64d);box-shadow:8px 8px 0 #0008}.v67-draft-toast .v67-card-actions{margin-bottom:0}
.v67-toast-note{font-size:.76rem;color:var(--muted,#aebdb3)}
.profile-frame-winter_aurora{box-shadow:0 0 0 3px #dff7ff,0 0 24px #78dfff}.profile-frame-newyear_firework{box-shadow:0 0 0 3px #ffd84d,0 0 25px #ff70c8}.profile-frame-easter_bloom{box-shadow:0 0 0 3px #ff9fda,0 0 24px #9be64d}.profile-frame-halloween_crypt{box-shadow:0 0 0 3px #ff8b39,0 0 24px #9b5cff}.profile-frame-spring_bloom{box-shadow:0 0 0 3px #ff9fcf,0 0 24px #9be64d}.profile-frame-summer_wave{box-shadow:0 0 0 3px #5df7d4,0 0 24px #ffd84d}.profile-frame-autumn_maple{box-shadow:0 0 0 3px #ff8b39,0 0 24px #d2b15a}
.cosmetic-frame-winter_aurora{border-color:#dff7ff;box-shadow:0 0 24px #78dfff}.cosmetic-frame-newyear_firework{border-color:#ffd84d;box-shadow:0 0 25px #ff70c8}.cosmetic-frame-easter_bloom{border-color:#ff9fda;box-shadow:0 0 24px #9be64d}.cosmetic-frame-halloween_crypt{border-color:#ff8b39;box-shadow:0 0 24px #9b5cff}.cosmetic-frame-spring_bloom{border-color:#ff9fcf;box-shadow:0 0 24px #9be64d}.cosmetic-frame-summer_wave{border-color:#5df7d4;box-shadow:0 0 24px #ffd84d}.cosmetic-frame-autumn_maple{border-color:#ff8b39;box-shadow:0 0 24px #d2b15a}

@media(max-width:980px){.v67-lab-grid,.v67-map-wrap,.v67-split{grid-template-columns:1fr}.v67-controls{position:static}.v67-stage{min-height:320px}.v67-security-grid{grid-template-columns:1fr}.v67-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.v67-hero{align-items:flex-start;flex-direction:column}.v67-hero .v67-tabbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.v67-hero .v67-tabbar button{width:100%;min-width:0;padding-inline:.5rem}.v67-lab-grid{gap:.7rem}.v67-control-grid{grid-template-columns:1fr 1fr}.v67-export-row{grid-template-columns:1fr 1fr}.v67-file-meta{grid-template-columns:1fr}.v67-stage{min-height:260px;padding:.4rem}.v67-stage canvas{max-height:58vh}.v67-metric-grid{gap:.5rem}.v67-metric{padding:.75rem}.v67-table{display:block;overflow-x:auto;white-space:nowrap}.v67-quest-row{grid-template-columns:minmax(0,1fr) 70px 34px}.v67-device{grid-template-columns:36px minmax(0,1fr)}.v67-device button{grid-column:2}.v67-lab-nav{display:none}.v67-home-recommendations{margin-inline:-.25rem}}
@media(prefers-reduced-motion:reduce){.v67-hero:after{display:none}}

/* PixelDeck V68 — professional editor, reliable navigation and uniform media */
html,body{overflow-x:clip}
.topbar{z-index:2200!important;isolation:isolate;overflow:visible!important}
#nav.nav,.nav-more{overflow:visible!important}
.nav-more-menu{z-index:2300!important;isolation:isolate;max-height:min(72vh,620px);overflow-y:auto;overscroll-behavior:contain}
.modal{z-index:6000!important}.theme-panel{z-index:5000!important}.toast{z-index:7000!important}

#view-editor{max-width:1740px;margin:0 auto}
.editor-pro-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:16px;padding:clamp(18px,3vw,30px);border:1px solid color-mix(in srgb,var(--theme-accent,#9be64d) 45%,transparent);border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--theme-panel,#102d1a) 94%,#10192c),color-mix(in srgb,var(--theme-bg,#06110a) 95%,#081f28));box-shadow:0 22px 70px #0006,inset 0 1px #ffffff10;overflow:hidden;position:relative}
.editor-pro-header:after{content:"";position:absolute;right:-34px;bottom:-46px;width:210px;height:150px;opacity:.09;background:repeating-conic-gradient(from 45deg,var(--theme-accent,#9be64d) 0 25%,transparent 0 50%) 0/24px 24px;transform:rotate(-8deg);pointer-events:none}
.editor-pro-header>div{position:relative;z-index:1}.editor-pro-kicker{display:block;color:var(--theme-accent,#9be64d);font-size:10px;font-weight:950;letter-spacing:.18em}.editor-pro-header h1{margin:6px 0;font-size:clamp(25px,3.6vw,46px);line-height:1}.editor-pro-header p{max-width:800px;margin:0;color:var(--muted,#b7c9bd)}
.editor-pro-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.editor-document-status{padding:10px 12px;border:1px solid #ffffff18;border-radius:8px;color:var(--theme-accent,#9be64d);background:#0004;font-size:11px;font-weight:900}.editor-project-load{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}

.editor-layout{grid-template-columns:290px minmax(460px,1fr) 350px;gap:14px;align-items:start}.editor-layout>.panel{border-width:1px!important;border-radius:14px!important;box-shadow:0 18px 48px #0005!important}.editor-sidebar,.upload-panel{top:92px;max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.editor-sidebar{padding:15px}.editor-sidebar-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.editor-sidebar-heading h2{margin:0}.editor-sidebar .tool-group{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.editor-primary-tools .tool{min-height:43px;padding:8px 7px;border:1px solid #ffffff12;border-radius:8px;background:#ffffff05;color:var(--text,#efffe1);box-shadow:none;text-align:left;font-size:11px}.editor-primary-tools .tool:hover{border-color:color-mix(in srgb,var(--theme-accent,#9be64d) 45%,transparent);background:color-mix(in srgb,var(--theme-accent,#9be64d) 8%,transparent)}.editor-primary-tools .tool.active{border-color:var(--theme-accent,#9be64d);color:#07120b;background:var(--theme-accent,#9be64d);box-shadow:3px 3px 0 #0007}
.editor-color-grid{display:grid;grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr);gap:7px;align-items:end;margin:12px 0}.editor-color-grid label{min-width:0;font-size:10px}.editor-color-grid input[type=color]{width:100%!important;height:42px!important;border-width:2px!important;border-radius:7px}.editor-color-swap{display:grid;place-items:center;width:36px;height:42px;padding:0;border:1px solid #ffffff20;border-radius:7px;color:var(--text,#fff);background:#ffffff08}
.editor-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;align-items:end}.editor-option-grid label{min-width:0}.editor-compact-check{display:flex!important;min-height:42px;padding:8px!important;border:1px solid #ffffff12;border-radius:7px;background:#ffffff04}.editor-selection-actions{padding:8px;border:1px dashed color-mix(in srgb,var(--theme-accent,#9be64d) 28%,transparent);border-radius:9px;background:#0002}
.editor-reference-panel{margin:12px 0;padding:10px;border:1px solid #ffffff16;border-radius:9px;background:#0002}.editor-reference-panel summary{cursor:pointer;font-weight:900;color:var(--theme-accent,#9be64d)}.editor-reference-panel[open] summary{margin-bottom:10px}.editor-palette-presets{margin-top:12px;padding-top:10px;border-top:1px solid #ffffff12}.editor-palette-presets h3{font-size:12px}.editor-palette-presets #palettePresetButtons{display:grid;grid-template-columns:1fr;gap:6px}.editor-palette-presets .palette-preset-btn{display:flex;align-items:center;gap:8px;min-height:38px;border:1px solid #ffffff12;border-radius:7px;background:#ffffff04;color:inherit;box-shadow:none}

.canvas-panel{min-width:0;padding:12px!important}.canvas-panel>.panel-head{padding:4px 2px 12px!important}.editor-canvas-actions{display:flex;align-items:center;gap:9px;color:var(--muted,#b7c9bd);font-size:10px}.editor-canvas-viewport{position:relative;display:block;width:100%;height:clamp(440px,68dvh,790px);overflow:auto;overscroll-behavior:contain;padding:28px;background-color:#080e0b;background-image:linear-gradient(45deg,#111b16 25%,transparent 25%),linear-gradient(-45deg,#111b16 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#111b16 75%),linear-gradient(-45deg,transparent 75%,#111b16 75%);background-size:22px 22px;background-position:0 0,0 11px,11px -11px,-11px 0;box-shadow:inset 0 0 0 1px #ffffff0c,inset 0 18px 80px #0007;border-radius:10px;scrollbar-width:thin}
.editor-canvas-stage{--grid-cell:16px;position:relative;isolation:isolate;flex:0 0 auto;margin:auto;background-color:transparent;box-shadow:0 24px 70px #000b,0 0 0 2px color-mix(in srgb,var(--theme-accent,#9be64d) 38%,transparent);background-image:linear-gradient(45deg,#d9e0dc 25%,transparent 25%),linear-gradient(-45deg,#d9e0dc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d9e0dc 75%),linear-gradient(-45deg,transparent 75%,#d9e0dc 75%);background-color:#aab3ae;background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}
.editor-canvas-stage:after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;opacity:0;background-image:linear-gradient(to right,rgba(4,16,9,.28) 1px,transparent 1px),linear-gradient(to bottom,rgba(4,16,9,.28) 1px,transparent 1px);background-size:var(--grid-cell) var(--grid-cell)}.editor-canvas-stage.grid-on:after{opacity:1}
#pixelCanvas{position:absolute!important;inset:0;z-index:2;display:block;max-width:none!important;max-height:none!important;aspect-ratio:auto!important;margin:0!important;border:0!important;box-shadow:none!important;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none;background:transparent;cursor:crosshair}#pixelCanvas[data-tool=pan]{cursor:grab}#pixelCanvas[data-tool=pan]:active{cursor:grabbing}#pixelCanvas[data-tool=picker]{cursor:copy}
.editor-reference-image{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:contain;image-rendering:pixelated;pointer-events:none}.editor-selection-overlay{position:absolute;z-index:5;pointer-events:none;border:2px dashed #fff;background:#5df7d41a;box-shadow:0 0 0 1px #000,0 0 16px #5df7d466;animation:editorMarquee .65s steps(2) infinite}.editor-selection-overlay.hidden{display:none}@keyframes editorMarquee{50%{border-color:#07120b}}
.editor-statusbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 4px 0;color:var(--muted,#b7c9bd);font-size:10px}.editor-statusbar>:first-child{color:var(--theme-accent,#9be64d);font-weight:900}.editor-shortcut-grid{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 12px;align-items:center}.editor-shortcut-grid kbd{padding:6px 8px;border:1px solid #ffffff25;border-bottom-width:3px;border-radius:6px;background:#0005;color:var(--theme-accent,#9be64d);font:900 11px ui-monospace,monospace}.editor-shortcuts-modal .modal-card{max-width:520px}

.artwork-image-wrap{aspect-ratio:1;overflow:hidden}.artwork-image{display:block;width:100%!important;height:100%!important;aspect-ratio:1;object-fit:contain!important}.artwork-grid>.artwork-card,.artwork-grid>article{min-width:0}

@media(max-width:1180px){.editor-layout{grid-template-columns:280px minmax(0,1fr)}.upload-panel{grid-column:1/-1;position:static;max-height:none;overflow:visible}.editor-canvas-viewport{height:min(70dvh,720px)}}
@media(max-width:900px){.editor-pro-header{align-items:flex-start;flex-direction:column}.editor-pro-header-actions{justify-content:flex-start}.editor-layout{grid-template-columns:1fr}.editor-sidebar,.upload-panel{position:static;max-height:none;overflow:visible}.canvas-panel{grid-row:1}.editor-sidebar{grid-row:2}.upload-panel{grid-row:3}.editor-canvas-viewport{height:min(64dvh,640px);padding:18px}.editor-sidebar .tool-group{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.editor-pro-header{padding:16px;border-radius:11px}.editor-pro-header h1{font-size:27px}.editor-pro-header-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.editor-document-status{grid-column:1/-1;text-align:center}.editor-canvas-viewport{height:56dvh;min-height:360px;padding:12px}.editor-primary-tools .tool{font-size:10px;text-align:center}.editor-sidebar .tool-group{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-option-grid{grid-template-columns:1fr}.editor-statusbar{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.editor-selection-overlay{animation:none}}

/* V69 — screen-filling studio workspace */
.editor-fullscreen-btn{white-space:nowrap}
body.editor-fallback-fullscreen{overflow:hidden!important}
body.editor-fallback-fullscreen>.topbar,body.editor-fallback-fullscreen>.mobile-bottom-nav,body.editor-fallback-fullscreen>.site-footer{visibility:hidden!important;pointer-events:none!important}
#view-editor.editor-app-fullscreen{position:fixed!important;inset:0;z-index:8000;display:flex!important;flex-direction:column;width:100vw!important;height:100dvh!important;max-width:none!important;margin:0!important;padding:8px!important;background:var(--theme-bg,#06111d);color:var(--text,#efffe1);overflow:hidden}

@media(min-width:1181px){
  body.editor-workspace{height:100dvh;overflow:hidden}
  body.editor-workspace main{width:100%;max-width:none!important;height:calc(100dvh - 72px);margin:0!important;padding:8px 10px 10px!important;overflow:hidden}
  body.editor-workspace #view-editor.visible{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;max-width:none;margin:0}
  body.editor-workspace .editor-pro-header{flex:0 0 auto;align-items:center;min-height:64px;margin-bottom:8px;padding:8px 12px;border-radius:10px}
  body.editor-workspace .editor-pro-kicker{display:none}
  body.editor-workspace .editor-pro-header h1{margin:0 0 3px;font-size:clamp(20px,1.7vw,29px)}
  body.editor-workspace .editor-pro-header p{max-width:min(48vw,760px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
  body.editor-workspace .editor-pro-header-actions{flex-wrap:nowrap}
  body.editor-workspace .editor-pro-header-actions button,
  body.editor-workspace .editor-project-load,
  body.editor-workspace .editor-document-status{min-height:40px;padding:8px 10px;font-size:10px}
  body.editor-workspace .editor-layout{flex:1;grid-template-columns:290px minmax(0,1fr) 350px;width:100%;height:auto;min-height:0;gap:10px;align-items:stretch}
  body.editor-workspace .editor-layout>.panel{height:100%;min-height:0;border-radius:10px!important}
  body.editor-workspace .editor-sidebar,
  body.editor-workspace .upload-panel{position:static;top:auto;max-height:none;overflow-x:hidden;overflow-y:auto}
  body.editor-workspace .canvas-panel{display:flex;flex-direction:column;min-height:0;overflow:hidden}
  body.editor-workspace .canvas-panel>.panel-head{flex:0 0 auto;padding-bottom:8px!important}
  body.editor-workspace .canvas-panel>.panel-head h2{margin:0;font-size:18px}
  body.editor-workspace .canvas-panel>.panel-head .hint{max-width:64ch;margin:4px 0 0;font-size:9px}
  body.editor-workspace .editor-canvas-viewport{flex:1;width:100%;height:auto;min-height:0;padding:18px}
  body.editor-workspace .editor-statusbar{flex:0 0 auto}
}

#view-editor:fullscreen{display:flex!important;flex-direction:column;width:100vw;height:100dvh;max-width:none;margin:0;padding:8px;background:var(--theme-bg,#06111d);color:var(--text,#efffe1);overflow:hidden}
#view-editor:fullscreen .editor-pro-header{flex:0 0 auto;align-items:center;min-height:62px;margin-bottom:8px;padding:7px 11px;border-radius:9px}
#view-editor:fullscreen .editor-pro-kicker{display:none}
#view-editor:fullscreen .editor-pro-header h1{margin:0 0 3px;font-size:clamp(20px,1.65vw,28px)}
#view-editor:fullscreen .editor-pro-header p{max-width:min(48vw,760px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}
#view-editor:fullscreen .editor-pro-header-actions{flex-wrap:nowrap}
#view-editor:fullscreen .editor-pro-header-actions button,
#view-editor:fullscreen .editor-project-load,
#view-editor:fullscreen .editor-document-status{min-height:38px;padding:7px 9px;font-size:10px}
#view-editor:fullscreen .editor-layout{display:grid;flex:1;width:100%;height:auto;min-height:0;gap:9px;align-items:stretch}
#view-editor:fullscreen .editor-layout>.panel{height:100%;min-height:0;border-radius:9px!important}
#view-editor:fullscreen .editor-sidebar,
#view-editor:fullscreen .upload-panel{position:static;top:auto;max-height:none;overflow-x:hidden;overflow-y:auto}
#view-editor:fullscreen .canvas-panel{display:flex;flex-direction:column;min-height:0;overflow:hidden}
#view-editor:fullscreen .canvas-panel>.panel-head{flex:0 0 auto;padding-bottom:7px!important}
#view-editor:fullscreen .canvas-panel>.panel-head h2{margin:0;font-size:18px}
#view-editor:fullscreen .canvas-panel>.panel-head .hint{margin:3px 0 0;font-size:9px}
#view-editor:fullscreen .editor-canvas-viewport{flex:1;width:100%;height:auto;min-height:0;padding:16px}
#view-editor:fullscreen .editor-statusbar{flex:0 0 auto}

@media(min-width:1181px){#view-editor:fullscreen .editor-layout{grid-template-columns:290px minmax(0,1fr) 350px}}
@media(max-width:1180px){#view-editor:fullscreen,#view-editor.editor-app-fullscreen{overflow:auto}#view-editor:fullscreen .editor-pro-header-actions,#view-editor.editor-app-fullscreen .editor-pro-header-actions{flex-wrap:wrap}#view-editor:fullscreen .editor-layout,#view-editor.editor-app-fullscreen .editor-layout{flex:0 0 auto;height:auto;min-height:calc(100dvh - 90px)}#view-editor:fullscreen .editor-layout>.panel,#view-editor.editor-app-fullscreen .editor-layout>.panel{height:auto}#view-editor:fullscreen .editor-canvas-viewport,#view-editor.editor-app-fullscreen .editor-canvas-viewport{height:min(68dvh,720px);min-height:420px}}
@media(max-width:600px){#view-editor:fullscreen{padding:5px}#view-editor:fullscreen .editor-pro-header{align-items:flex-start}#view-editor:fullscreen .editor-pro-header p{display:none}#view-editor:fullscreen .editor-pro-header-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}#view-editor:fullscreen .editor-document-status{grid-column:1/-1;text-align:center}#view-editor:fullscreen .editor-canvas-viewport{height:58dvh;min-height:340px}}

/* V70 — layers, animation, custom canvases and focused workspace */
#view-editor{--editor-tools-width:300px;--editor-publish-width:370px}
.editor-layout-toggle{display:inline-flex!important}.editor-canvas-size-panel,.editor-palette-lab,.editor-layers-panel,.editor-project-library,.editor-animation-panel,.editor-tile-preview{margin-top:12px;padding:11px;border:1px solid color-mix(in srgb,var(--theme-accent,#9be64d) 24%,#ffffff12);border-radius:10px;background:linear-gradient(145deg,#ffffff06,#0002)}
.editor-canvas-size-panel h3,.editor-layers-panel h2{margin:0 0 9px;font-size:13px}.editor-canvas-size-panel>.wide{margin-top:8px}.editor-palette-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;font-size:10px;color:var(--muted,#b7c9bd)}.editor-palette-lab .tool-group{grid-template-columns:repeat(2,minmax(0,1fr))}
.editor-layers-panel>header,.editor-animation-panel>header{display:flex;align-items:center;justify-content:space-between;gap:10px}.editor-layers-panel>header>div:first-child{min-width:0}.editor-layers-panel small,.editor-animation-panel header span{display:block;color:var(--muted,#b7c9bd);font-size:9px}.editor-layer-actions,.editor-animation-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.editor-layer-actions button,.editor-animation-actions button{min-height:34px;padding:6px 8px;font-size:9px}.editor-layer-list{display:grid;gap:5px;max-height:260px;overflow:auto;margin:10px 0;padding:3px;scrollbar-width:thin}.editor-layer-row{display:grid;grid-template-columns:29px 29px minmax(0,1fr) auto;align-items:center;gap:4px;padding:5px;border:1px solid #ffffff12;border-radius:7px;background:#0003;cursor:pointer}.editor-layer-row.active{border-color:var(--theme-accent,#9be64d);background:color-mix(in srgb,var(--theme-accent,#9be64d) 11%,transparent)}.editor-layer-row button{width:29px;height:29px;min-height:0;padding:0;border:0;background:transparent;color:var(--text,#fff);box-shadow:none}.editor-layer-row input{min-width:0;height:32px;padding:5px 7px;border-color:transparent;background:transparent}.editor-layer-row span{font-size:8px;color:var(--muted,#b7c9bd)}.editor-publish-divider{margin:14px 0;border:0;border-top:1px solid #ffffff15}
.editor-project-library summary,.editor-tile-preview summary{cursor:pointer;color:var(--theme-accent,#9be64d);font-size:11px;font-weight:900}.editor-project-library[open] summary,.editor-tile-preview[open] summary{margin-bottom:9px}.editor-project-library-modal .modal-card{max-width:660px}.editor-local-project-list{display:grid;gap:8px;max-height:60vh;overflow:auto}.editor-local-project-list article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:9px;border:1px solid #ffffff15;border-radius:8px;background:#ffffff05}.editor-local-project-list article.recovery{border-color:color-mix(in srgb,var(--theme-accent,#9be64d) 55%,transparent)}.editor-local-project-list small{display:block;margin-top:3px;color:var(--muted,#b7c9bd);font-size:9px}
.editor-animation-panel{flex:0 0 auto;margin-top:8px;padding:8px}.editor-animation-panel>header>div:first-child{display:flex;align-items:center;gap:8px}.editor-animation-panel .editor-animation-actions label{display:flex;align-items:center;gap:5px}.editor-animation-panel input[type=number]{width:62px;height:34px;padding:5px}.editor-frame-timeline{display:flex;gap:7px;min-height:76px;overflow-x:auto;margin:7px 0;padding:4px;scrollbar-width:thin}.editor-frame{position:relative;flex:0 0 70px;width:70px;height:70px;padding:3px;border:2px solid #ffffff16;border-radius:7px;background:#07100c;box-shadow:none}.editor-frame.active{border-color:var(--theme-accent,#9be64d);box-shadow:0 0 0 2px color-mix(in srgb,var(--theme-accent,#9be64d) 15%,transparent)}.editor-frame img{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.editor-frame span{position:absolute;right:2px;bottom:2px;min-width:18px;padding:2px;background:#000c;color:#fff;font-size:8px}.editor-tile-preview canvas{display:block;width:min(100%,260px);aspect-ratio:1;margin:auto;border:1px solid #ffffff18;background:#09100d;image-rendering:pixelated}
.editor-guide-overlay{position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(to right,transparent calc(50% - 1px),#ffdf5daa calc(50% - 1px),#ffdf5daa calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(to bottom,transparent calc(50% - 1px),#ffdf5daa calc(50% - 1px),#ffdf5daa calc(50% + 1px),transparent calc(50% + 1px));box-shadow:inset 0 0 0 1px #ffdf5d88}.editor-guide-overlay.hidden{display:none}.editor-canvas-stage,#pixelCanvas{contain:layout paint style}.editor-canvas-stage{will-change:width,height}
body.editor-workspace #view-editor .editor-layout,#view-editor:fullscreen .editor-layout,#view-editor.editor-app-fullscreen .editor-layout{grid-template-columns:var(--editor-tools-width) minmax(0,1fr) var(--editor-publish-width)}
#view-editor.tools-collapsed .editor-sidebar{display:none!important}body.editor-workspace #view-editor.tools-collapsed .editor-layout,#view-editor.tools-collapsed:fullscreen .editor-layout,#view-editor.editor-app-fullscreen.tools-collapsed .editor-layout{grid-template-columns:minmax(0,1fr) var(--editor-publish-width)}
#view-editor.publish-collapsed .upload-panel{display:none!important}body.editor-workspace #view-editor.publish-collapsed .editor-layout,#view-editor.publish-collapsed:fullscreen .editor-layout,#view-editor.editor-app-fullscreen.publish-collapsed .editor-layout{grid-template-columns:var(--editor-tools-width) minmax(0,1fr)}
body.editor-workspace #view-editor.tools-collapsed.publish-collapsed .editor-layout,#view-editor.tools-collapsed.publish-collapsed:fullscreen .editor-layout,#view-editor.editor-app-fullscreen.tools-collapsed.publish-collapsed .editor-layout{grid-template-columns:minmax(0,1fr)}
#view-editor.tools-collapsed #toggleToolsPanelBtn,#view-editor.publish-collapsed #togglePublishPanelBtn{border-color:var(--theme-accent,#9be64d);color:var(--theme-accent,#9be64d);background:color-mix(in srgb,var(--theme-accent,#9be64d) 10%,transparent)}
@media(max-width:1180px){#view-editor .editor-layout{grid-template-columns:minmax(250px,300px) minmax(0,1fr)}#view-editor .upload-panel{grid-column:1/-1}#view-editor.publish-collapsed .upload-panel{display:none!important}#view-editor.tools-collapsed .editor-layout,#view-editor.tools-collapsed.publish-collapsed .editor-layout{grid-template-columns:minmax(0,1fr)}.editor-animation-panel>header{align-items:flex-start;flex-direction:column}}
@media(max-width:900px){#view-editor .editor-layout,#view-editor.tools-collapsed .editor-layout,#view-editor.publish-collapsed .editor-layout,#view-editor.tools-collapsed.publish-collapsed .editor-layout{grid-template-columns:minmax(0,1fr)}#view-editor .canvas-panel{grid-row:1}#view-editor .editor-sidebar{grid-row:2}#view-editor .upload-panel{grid-row:3}.editor-layout-toggle{display:inline-flex!important}.editor-animation-actions{width:100%}.editor-frame-timeline{min-height:70px}.editor-frame{flex-basis:64px;width:64px;height:64px}}

/* V79.2: unmistakable artwork / asset entry point */
.v65-primary-actions .upload-hero-cta{position:relative;isolation:isolate;flex:1.45;min-height:68px!important;padding:12px 20px!important;overflow:hidden;border:3px solid #f4ff9b!important;border-radius:12px!important;background:linear-gradient(115deg,#dfff57 0%,#76ffd6 58%,#55dfff 100%)!important;color:#04120c!important;box-shadow:7px 7px 0 #020804,0 0 0 2px rgba(118,255,214,.18),0 0 36px rgba(118,255,214,.4)!important;transform:translateY(-2px);animation:uploadCtaGlow 2.8s ease-in-out infinite}
.v65-primary-actions .upload-hero-cta::after{content:'';position:absolute;z-index:-1;inset:-40% auto -40% -35%;width:30%;transform:skewX(-18deg);background:rgba(255,255,255,.42);animation:uploadCtaSweep 3.8s ease-in-out infinite;pointer-events:none}
.v65-primary-actions .upload-hero-cta:hover,.v65-primary-actions .upload-hero-cta:focus-visible{transform:translate(-2px,-4px) scale(1.015);filter:saturate(1.08) brightness(1.04);box-shadow:10px 10px 0 #020804,0 0 48px rgba(118,255,214,.68)!important}
.v65-primary-actions .upload-hero-cta .direct-upload-icon{display:grid;width:40px;height:40px;flex:0 0 auto;place-items:center;border-radius:10px;background:#06150e;color:#dfff57;font-size:30px!important;font-weight:1000;box-shadow:3px 3px 0 rgba(0,0,0,.28)}
.v65-primary-actions .upload-hero-cta strong{font-size:clamp(15px,1.35vw,19px);font-weight:1000;letter-spacing:.01em}.v65-primary-actions .upload-hero-cta small{font-size:9px;letter-spacing:.08em;opacity:.72}
@keyframes uploadCtaGlow{0%,100%{filter:saturate(1)}50%{filter:saturate(1.12) brightness(1.035)}}
@keyframes uploadCtaSweep{0%,58%{left:-35%;opacity:0}68%{opacity:.8}88%,100%{left:125%;opacity:0}}
@media(max-width:700px){.v65-primary-actions{flex-direction:column}.v65-primary-actions .upload-hero-cta{width:100%;min-height:72px!important;order:-1}.v65-primary-actions .v65-discover-btn{width:100%}}
@media(prefers-reduced-motion:reduce){.v65-primary-actions .upload-hero-cta,.v65-primary-actions .upload-hero-cta::after{animation:none}}

/* V80.8: the primary upload action gets enough room at every desktop width. */
.hero-actions.v65-primary-actions{display:grid!important;grid-template-columns:minmax(0,1.55fr) minmax(132px,.75fr)!important;gap:12px!important}
.v65-primary-actions .upload-hero-cta{width:100%!important;min-width:0!important;min-height:78px!important;padding:12px 14px!important;display:grid!important;grid-template-columns:38px minmax(0,1fr);align-items:center!important;justify-content:center!important;gap:12px;text-align:center!important}
.v65-primary-actions .upload-hero-cta .direct-upload-icon{position:static;transform:none;width:38px;height:38px}
.v65-primary-actions .upload-hero-cta .direct-upload-copy{display:flex;min-width:0;width:100%;flex-direction:column;align-items:center;justify-content:center;line-height:1.08}
.v65-primary-actions .upload-hero-cta strong{display:block;width:100%;font-size:clamp(14px,1.2vw,18px);line-height:1.12;white-space:normal;overflow:visible;text-align:center}
.v65-primary-actions .upload-hero-cta small{display:block;width:100%;margin-top:6px;font-size:9px;line-height:1.15;letter-spacing:.055em;white-space:normal;text-align:center}
.v65-primary-actions .v65-discover-btn{width:100%;min-width:0}
@media(max-width:700px){.hero-actions.v65-primary-actions{grid-template-columns:1fr!important}.v65-primary-actions .upload-hero-cta{padding-inline:14px!important}.v65-primary-actions .v65-discover-btn{min-height:54px}}
@media(max-width:600px){.editor-pro-header-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-pro-header-actions>*{width:100%;min-width:0}.editor-pro-header-actions .editor-document-status{grid-column:1/-1}.editor-animation-panel{margin-inline:-4px;padding:7px}.editor-animation-panel>header{display:block}.editor-animation-panel>header>div:first-child{justify-content:space-between;margin-bottom:6px}.editor-animation-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.editor-animation-actions button{min-width:0;padding:6px 4px}.editor-animation-panel .editor-animation-actions label{display:grid;grid-template-columns:auto 1fr}.editor-animation-panel input[type=number]{width:100%}.editor-local-project-list article{grid-template-columns:minmax(0,1fr) auto}.editor-local-project-list article .danger-soft{grid-column:2}.editor-layer-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;margin-top:6px}.editor-layers-panel>header{align-items:flex-start;flex-direction:column}.editor-canvas-viewport{touch-action:none}.editor-palette-lab .tool-group{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* V71: track/cel timeline, transform controls, brushes and tilemap studio */
.editor-frame-timeline{display:block;min-height:92px;overflow:auto}.editor-cel-matrix{display:grid;grid-template-columns:120px repeat(var(--cel-count),64px);grid-auto-rows:58px;gap:4px;align-items:stretch;min-width:max-content}.editor-cel-corner,.editor-cel-track{position:sticky;left:0;z-index:3;display:flex;align-items:center;padding:7px;border:1px solid #ffffff18;border-radius:7px;background:color-mix(in srgb,var(--panel,#142319) 94%,#000);color:var(--muted,#b7c9bd);font-size:8px;text-align:left}.editor-cel-corner{z-index:4;letter-spacing:.12em}.editor-cel-track.active{border-color:var(--theme-accent,#9be64d);color:var(--text,#fff)}.editor-cel-matrix .editor-frame{position:relative;width:64px;height:58px;min-height:0;flex:none}.editor-cel-matrix .editor-frame img{height:100%}.editor-cel-matrix .editor-frame span{display:grid;line-height:1.05}.editor-cel-matrix .editor-frame small{font-size:6px;color:#b9d7ca}.editor-cel{position:relative;width:64px;height:58px;min-height:0;padding:5px;border:1px solid #ffffff18;border-radius:7px;background:#050b08;box-shadow:none}.editor-cel img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.editor-cel.empty{background:repeating-conic-gradient(#ffffff08 0 25%,transparent 0 50%) 0/10px 10px}.editor-cel.active{border:2px solid var(--theme-accent,#9be64d);box-shadow:inset 0 0 0 1px #000,0 0 12px color-mix(in srgb,var(--theme-accent,#9be64d) 30%,transparent)}
.editor-animation-tagbar{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));gap:6px;margin:8px 0;padding:8px;border:1px solid #ffffff12;border-radius:8px;background:#0002}.editor-animation-tagbar label{display:grid;gap:3px;font-size:8px}.editor-animation-tagbar input,.editor-animation-tagbar select{height:32px;padding:5px 7px}.editor-animation-tagbar button{min-height:32px;padding:5px 8px;font-size:8px}
.editor-selection-overlay.transformable{pointer-events:auto;border-style:solid;animation:none}.editor-transform-handle,.editor-transform-move{display:none;position:absolute;z-index:2;min-width:0;min-height:0;padding:0;border:2px solid #07120b;background:var(--theme-accent,#9be64d);box-shadow:0 0 0 1px #fff}.editor-selection-overlay.transformable .editor-transform-handle,.editor-selection-overlay.transformable .editor-transform-move{display:block}.editor-transform-handle{width:13px;height:13px}.editor-transform-handle.nw{left:-7px;top:-7px;cursor:nwse-resize}.editor-transform-handle.ne{right:-7px;top:-7px;cursor:nesw-resize}.editor-transform-handle.sw{left:-7px;bottom:-7px;cursor:nesw-resize}.editor-transform-handle.se{right:-7px;bottom:-7px;cursor:nwse-resize}.editor-transform-handle.rotate{left:50%;top:-31px;width:21px;height:21px;translate:-50% 0;border-radius:50%;cursor:grab;color:#07120b;font:900 12px/16px monospace}.editor-transform-move{inset:9px;width:auto;height:auto;border:0;background:transparent;box-shadow:none;cursor:move}
.editor-custom-brushes,.editor-tilemap-studio{margin-top:12px;padding:9px;border:1px solid #ffffff16;border-radius:9px;background:#0002}.editor-custom-brush-list,.editor-tileset-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:6px;margin:8px 0;max-height:190px;overflow:auto}.editor-custom-brush,.editor-tile{display:grid;place-items:center;gap:3px;min-width:0;min-height:62px;padding:5px;border:1px solid #ffffff18;background:#07100c;box-shadow:none}.editor-custom-brush.active,.editor-tile.active{border-color:var(--theme-accent,#9be64d);box-shadow:0 0 0 1px var(--theme-accent,#9be64d)}.editor-custom-brush img,.editor-tile img{width:38px;height:38px;object-fit:contain;image-rendering:pixelated}.editor-custom-brush span,.editor-tile span{max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:7px;white-space:nowrap}.editor-tile.collision{background:repeating-linear-gradient(135deg,#ff5e7920 0 5px,#07100c 5px 10px)}.editor-tilemap-controls,.editor-project-exchange{display:flex;align-items:end;gap:6px;flex-wrap:wrap;margin:8px 0}.editor-tilemap-controls label{display:grid;gap:3px}.editor-tilemap-controls button,.editor-project-exchange>*{min-height:34px;padding:6px 8px;font-size:8px}
.editor-command-card{width:min(760px,calc(100vw - 24px));max-height:min(760px,calc(100vh - 24px));display:flex;flex-direction:column}.editor-command-search{margin-bottom:8px}.editor-command-list{display:grid;gap:4px;overflow:auto}.editor-command-row{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:6px}.editor-command-row>button{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:42px;padding:8px 10px;border:1px solid #ffffff16;background:#0003;box-shadow:none;text-align:left}.editor-command-row>button:hover{border-color:var(--theme-accent,#9be64d)}.editor-command-row kbd{padding:3px 6px;border:1px solid #ffffff24;border-radius:4px;background:#0006;color:var(--muted,#b7c9bd)}.editor-command-row>input{height:42px}.editor-command-row.hidden{display:none}
@media(max-width:760px){.editor-animation-tagbar{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-cel-matrix{grid-template-columns:92px repeat(var(--cel-count),56px)}.editor-cel-matrix .editor-frame,.editor-cel{width:56px}.editor-command-row{grid-template-columns:minmax(0,1fr)}.editor-command-row>input{height:36px}.editor-tilemap-controls>*{flex:1 1 120px}}
@media(max-width:480px){.editor-animation-tagbar{grid-template-columns:minmax(0,1fr)}.editor-cel-matrix{grid-template-columns:78px repeat(var(--cel-count),52px);grid-auto-rows:52px}.editor-cel-matrix .editor-frame,.editor-cel{width:52px;height:52px}.editor-custom-brush-list,.editor-tileset-list{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* V72: compact, collapsible and vertically resizable animation dock */
body.editor-workspace .editor-animation-panel,#view-editor:fullscreen .editor-animation-panel,#view-editor.editor-app-fullscreen .editor-animation-panel{--animation-dock-height:210px;position:relative;display:flex;flex:0 0 var(--animation-dock-height);flex-direction:column;width:100%;height:var(--animation-dock-height);min-height:132px;max-height:min(52dvh,560px);overflow:hidden;transition:flex-basis .16s ease,height .16s ease,min-height .16s ease}
.editor-animation-resize-handle{position:absolute;z-index:8;top:-7px;left:50%;width:88px;height:13px;min-width:0;min-height:0;padding:0;translate:-50% 0;border:0;background:transparent;box-shadow:none;cursor:ns-resize;touch-action:none}
.editor-animation-resize-handle::before{content:"";position:absolute;top:4px;left:14px;right:14px;height:4px;border-radius:4px;background:color-mix(in srgb,var(--theme-accent,#9be64d) 58%,#ffffff);box-shadow:0 0 0 1px #0009,0 0 10px color-mix(in srgb,var(--theme-accent,#9be64d) 28%,transparent)}
.editor-animation-resize-handle:hover::before,.editor-animation-resize-handle:focus-visible::before{background:var(--theme-accent,#9be64d);box-shadow:0 0 0 2px #fff,0 0 14px color-mix(in srgb,var(--theme-accent,#9be64d) 55%,transparent)}
.editor-animation-panel.resizing{transition:none;user-select:none}.editor-animation-panel>header{flex:0 0 auto;min-height:39px}.editor-animation-panel>header>div:first-child{white-space:nowrap}.editor-animation-panel>header .editor-animation-actions{justify-content:flex-end}.editor-animation-dock-button{white-space:nowrap}.editor-animation-body{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow:auto;scrollbar-width:thin}.editor-animation-body>.editor-animation-tagbar{flex:0 0 auto}.editor-animation-body>.editor-frame-timeline{flex:1 1 auto;min-height:82px}.editor-animation-footer{position:sticky;z-index:5;bottom:0;flex:0 0 auto;padding-top:5px;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--panel,#142319) 96%,#000) 24%)}
.editor-animation-panel.settings-collapsed .editor-animation-tagbar{display:none}.editor-animation-panel.settings-collapsed .editor-animation-body>.editor-frame-timeline{margin-top:5px}.editor-animation-panel.collapsed{flex-basis:45px!important;height:45px!important;min-height:45px!important;max-height:45px!important}.editor-animation-panel.collapsed .editor-animation-body{display:none}.editor-animation-panel.collapsed .editor-animation-resize-handle{cursor:n-resize}.editor-animation-panel.collapsed>header{height:100%;min-height:0}.editor-animation-panel.collapsed>header .editor-animation-actions>*:not(.editor-animation-dock-button){display:none}.editor-animation-panel.collapsed #toggleAnimationSettingsBtn{display:none}.editor-animation-panel.collapsed #animationStatus{display:inline-block;margin-left:8px}.editor-animation-panel.collapsed .editor-animation-resize-handle::before{background:var(--theme-accent,#9be64d)}
body.animation-dock-resizing{cursor:ns-resize!important;user-select:none!important}body.animation-dock-resizing *{cursor:ns-resize!important}
@media(max-width:1180px){body.editor-workspace .editor-animation-panel,#view-editor:fullscreen .editor-animation-panel,#view-editor.editor-app-fullscreen .editor-animation-panel{--animation-dock-height:190px;max-height:46dvh}.editor-animation-panel>header .editor-animation-actions{display:flex;width:auto}}
@media(max-width:900px){body.editor-workspace .editor-animation-panel,#view-editor:fullscreen .editor-animation-panel,#view-editor.editor-app-fullscreen .editor-animation-panel{height:auto;min-height:0;max-height:none;flex-basis:auto}.editor-animation-panel .editor-animation-resize-handle{display:none}.editor-animation-panel .editor-animation-body{max-height:360px}.editor-animation-panel.collapsed{height:48px!important;min-height:48px!important;max-height:48px!important;flex-basis:48px!important}.editor-animation-panel>header .editor-animation-actions{width:100%}}
@media(max-width:600px){.editor-animation-panel>header .editor-animation-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-animation-panel>header .editor-animation-actions label{grid-template-columns:minmax(0,1fr) 62px}.editor-animation-panel .editor-animation-body{max-height:310px}.editor-animation-panel.settings-collapsed .editor-animation-body{max-height:230px}.editor-animation-panel.collapsed>header{display:flex;align-items:center}.editor-animation-panel.collapsed>header>div:first-child{margin:0}.editor-animation-panel.collapsed>header .editor-animation-actions{display:flex;width:auto}.editor-animation-panel.collapsed #toggleAnimationPanelBtn{width:auto}}

/* V73: animation dock can be removed completely and restored from the canvas header */
.editor-animation-panel.dock-hidden{display:none!important;flex:0 0 0!important;width:0!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important}
.editor-show-animation{white-space:nowrap;border-color:color-mix(in srgb,var(--theme-accent,#9be64d) 62%,#fff)!important;color:var(--theme-accent,#9be64d)!important;background:color-mix(in srgb,var(--theme-accent,#9be64d) 10%,transparent)!important}
.editor-show-animation.hidden{display:none!important}
@media(max-width:600px){.editor-canvas-actions{flex-wrap:wrap;justify-content:flex-end}.editor-show-animation{width:auto!important;min-width:0;padding-inline:7px!important}}

/* V75: public community palette collection inside Palette Lab */
.v75-community-palettes{display:grid;gap:14px;margin-top:16px;padding:clamp(14px,2vw,22px);border:2px solid color-mix(in srgb,var(--accent,#9be64d) 34%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--panel,#0d1d13) 96%,#000),color-mix(in srgb,var(--accent,#9be64d) 5%,var(--panel,#0d1d13)));box-shadow:8px 8px 0 #0005}.v75-community-palettes>header{display:flex;align-items:end;justify-content:space-between;gap:18px}.v75-community-palettes>header h2{margin:2px 0 4px;font-size:clamp(21px,3vw,34px)}.v75-community-palettes>header p{max-width:780px;margin:0;color:var(--muted,#b7c9bd)}.v75-community-palettes>header input{width:min(380px,100%);min-height:44px}
.v75-palette-filterbar{display:flex;gap:7px;flex-wrap:wrap}.v75-palette-filterbar button{min-height:38px;padding:7px 12px;border:1px solid #ffffff1b;background:#0003;color:var(--text,#fff);box-shadow:none}.v75-palette-filterbar button.active{border-color:var(--accent,#9be64d);color:#07120b;background:var(--accent,#9be64d);box-shadow:3px 3px 0 #0008}
.v75-palette-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.v75-palette-card{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;padding:12px;border:1px solid #ffffff18;border-radius:11px;background:linear-gradient(145deg,#ffffff07,#0003);box-shadow:0 12px 30px #0004}.v75-palette-card.weekly{margin-bottom:4px;border:2px solid color-mix(in srgb,var(--accent,#9be64d) 72%,#fff);background:linear-gradient(135deg,color-mix(in srgb,var(--accent,#9be64d) 13%,var(--panel,#0d1d13)),var(--panel,#0d1d13));box-shadow:6px 6px 0 color-mix(in srgb,var(--accent,#9be64d) 20%,#000)}.v75-weekly-label{position:absolute;z-index:2;top:8px;left:8px;padding:5px 8px;background:#07120bdd;color:var(--accent,#9be64d);font-size:9px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
.v75-palette-strip{display:flex;width:100%;height:72px;overflow:hidden;border:2px solid #0009;border-radius:7px;box-shadow:inset 0 0 0 1px #fff2}.v75-palette-strip i{display:block;flex:1 1 0;min-width:5px;height:100%}.v75-palette-card-head{display:flex;align-items:start;justify-content:space-between;gap:10px;margin-top:10px}.v75-palette-card-head h3{margin:0;font-size:16px}.v75-palette-card-head>span{padding:4px 6px;border:1px solid #ffffff18;background:#0003;color:var(--muted,#b7c9bd);font-size:8px;white-space:nowrap}.v75-palette-author{min-height:0!important;padding:2px 0!important;color:var(--accent,#9be64d)!important;font-size:9px!important}.v75-palette-author:disabled{opacity:.8;cursor:default}.v75-palette-card>p{flex:1;margin:8px 0;color:var(--muted,#b7c9bd);font-size:11px;line-height:1.5}.v75-palette-tags{display:flex;gap:5px;flex-wrap:wrap}.v75-palette-tags button{min-height:0;padding:3px 6px;border:1px solid color-mix(in srgb,var(--accent,#9be64d) 28%,transparent);border-radius:999px;background:color-mix(in srgb,var(--accent,#9be64d) 7%,transparent);color:var(--accent,#9be64d);font-size:8px;box-shadow:none}.v75-palette-stats{display:flex;gap:13px;margin:9px 0;color:var(--muted,#b7c9bd);font-size:9px}.v75-palette-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.v75-palette-actions button{min-width:0;min-height:34px;padding:5px 6px;font-size:8px;box-shadow:none}.v75-palette-actions button.active{border-color:var(--accent,#9be64d);color:var(--accent,#9be64d);background:color-mix(in srgb,var(--accent,#9be64d) 11%,transparent)}.v75-palette-actions .primary{grid-column:span 2}.v75-palette-loading,.v75-comment-loading{padding:26px;text-align:center;color:var(--accent,#9be64d)}
.v75-manual-color{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:7px;margin-top:12px;padding-top:12px;border-top:1px solid #ffffff16}.v75-manual-color label{display:grid;gap:4px}.v75-manual-color input[type=color]{width:100%;height:42px}.v75-publish-box{margin-top:10px;padding:9px;border:1px solid color-mix(in srgb,var(--accent,#9be64d) 30%,transparent);background:#0002}.v75-publish-box summary{cursor:pointer;color:var(--accent,#9be64d);font-weight:900}.v75-publish-form{display:grid;gap:8px;margin-top:10px}.v75-publish-form label{display:grid;gap:4px}.v75-publish-form textarea{min-height:76px;resize:vertical}.v75-editable-color{position:relative}.v75-editable-color span{display:grid;place-items:center;position:absolute;inset:0;background:#0000;color:transparent;font-weight:950}.v75-editable-color:hover span,.v75-editable-color:focus-visible span{background:#0009;color:#fff}
.v75-palette-comments{margin-top:8px}.v75-comment-list{display:grid;gap:5px}.v75-comment-list article{position:relative;padding:8px;border:1px solid #ffffff12;border-radius:7px;background:#0003}.v75-comment-list article>div{display:flex;justify-content:space-between;gap:8px}.v75-comment-list article small{color:var(--muted,#b7c9bd);font-size:8px}.v75-comment-list article p{margin:5px 22px 0 0;font-size:10px;line-height:1.45}.v75-comment-list article>.link-btn{position:absolute;right:6px;bottom:5px}.v75-comment-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;margin-top:7px}.v75-comment-form input,.v75-comment-form button{min-height:38px}
.v75-profile-palette-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.v75-profile-palette{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:8px;padding:7px;border:1px solid #ffffff14;border-radius:8px;background:#0003}.v75-profile-colorbar{display:flex;width:96px;height:48px;min-height:0;padding:0;overflow:hidden;border:1px solid #000;box-shadow:none}.v75-profile-colorbar i{flex:1;height:100%}.v75-profile-palette b,.v75-profile-palette small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v75-profile-palette small{margin-top:3px;color:var(--muted,#b7c9bd);font-size:8px}
@media(max-width:760px){.v75-community-palettes>header{align-items:stretch;flex-direction:column}.v75-community-palettes>header input{width:100%}.v75-palette-grid{grid-template-columns:1fr}.v75-palette-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.v75-palette-actions .primary{grid-column:auto}.v75-palette-strip{height:58px}}
@media(max-width:440px){.v75-community-palettes{margin-inline:-5px;padding:10px}.v75-palette-filterbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.v75-palette-filterbar button{width:100%;min-width:0}.v75-manual-color{grid-template-columns:1fr}.v75-comment-form{grid-template-columns:1fr}.v75-profile-palette-grid{grid-template-columns:1fr}}
.gallery-discovery-nav,.gallery-district-nav{position:relative;overflow:hidden}.gallery-discovery-nav{border-color:rgba(220,196,124,.6)!important;background:linear-gradient(120deg,rgba(220,196,124,.22),rgba(255,255,255,.06))!important;color:#fff2bf!important;box-shadow:0 0 20px rgba(220,196,124,.13)}.gallery-district-nav{border-color:rgba(110,231,255,.58)!important;background:linear-gradient(120deg,rgba(110,231,255,.2),rgba(217,194,122,.1))!important;color:#f7fdff!important;box-shadow:0 0 22px rgba(110,231,255,.16)}.gallery-discovery-nav::after,.gallery-district-nav::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 34%,rgba(255,255,255,.18),transparent 66%);transform:translateX(-120%);animation:gallery-district-nav-shine 4.6s ease-in-out infinite;pointer-events:none}.gallery-discovery-nav:hover{border-color:#f5da8a!important;box-shadow:0 0 28px rgba(220,196,124,.22)}@keyframes gallery-district-nav-shine{0%,65%{transform:translateX(-120%)}90%,100%{transform:translateX(120%)}}

/* Source: /styles/v81.css */
/* PixelDeck v81 — clean navigation, focused discovery and quick editor */

.nav-search-btn,
.nav-upload-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.nav-search-btn kbd {
  border: 1px solid color-mix(in srgb, currentColor 18%, transparent);
  border-radius: 6px;
  padding: 2px 5px;
  background: color-mix(in srgb, var(--panel, #071b10) 72%, transparent);
  color: var(--muted, #a7b7ad);
  font: 700 10px/1.2 ui-monospace, SFMono-Regular, Consolas, monospace;
}

.nav-upload-btn {
  border-color: color-mix(in srgb, var(--accent, #9be64d) 58%, transparent) !important;
  background: linear-gradient(135deg, color-mix(in srgb, var(--accent, #9be64d) 24%, transparent), color-mix(in srgb, var(--accent-2, #5df7d4) 12%, transparent)) !important;
  color: var(--text, #efffea) !important;
}

.nav-more-menu {
  width: min(840px, calc(100vw - 28px));
  grid-template-columns: repeat(4, minmax(150px, 1fr)) !important;
  gap: 0 !important;
  padding: 12px !important;
}

.nav-more-group {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 3px;
  padding: 6px 10px 10px;
  border-right: 1px solid color-mix(in srgb, var(--border, #2a4935) 62%, transparent);
}

.nav-more-group:last-child { border-right: 0; }

.nav-more-label {
  padding: 5px 9px 8px;
  color: var(--muted, #91a398);
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.nav-more-group .nav-btn {
  width: 100%;
  justify-content: flex-start;
  text-align: left;
}

/* Global search */
.global-search-card {
  width: min(900px, calc(100vw - 24px));
  max-height: min(760px, calc(100dvh - 32px));
  padding: 0 !important;
  overflow: hidden;
}

.global-search-head {
  padding: 24px 26px 18px;
  border-bottom: 1px solid var(--border, #2a4935);
  background: linear-gradient(145deg, color-mix(in srgb, var(--accent, #9be64d) 8%, transparent), transparent 46%);
}

.global-search-head h2 { margin: 5px 42px 18px 0; }

.global-search-input-wrap {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  min-height: 54px;
  padding: 0 14px;
  border: 1px solid color-mix(in srgb, var(--accent, #9be64d) 46%, var(--border, #2a4935));
  border-radius: 15px;
  background: color-mix(in srgb, var(--panel, #071b10) 88%, #000);
  box-shadow: 0 12px 36px #0004;
}

.global-search-input-wrap:focus-within {
  border-color: var(--accent, #9be64d);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent, #9be64d) 14%, transparent), 0 12px 36px #0004;
}

.global-search-input-wrap input {
  width: 100%;
  border: 0 !important;
  outline: 0;
  background: transparent !important;
  font-size: 1.05rem;
  box-shadow: none !important;
}

.global-search-input-wrap kbd {
  color: var(--muted, #91a398);
  font: 700 11px ui-monospace, SFMono-Regular, Consolas, monospace;
}

.global-search-results {
  max-height: min(520px, calc(100dvh - 235px));
  padding: 18px 24px 28px;
  overflow: auto;
}

.global-search-empty {
  display: grid;
  min-height: 180px;
  place-items: center;
  color: var(--muted, #91a398);
  text-align: center;
}

.global-search-section + .global-search-section { margin-top: 22px; }

.global-search-section-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 9px;
  color: var(--muted, #91a398);
  font-size: .75rem;
  font-weight: 900;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.global-search-art-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
}

.global-search-art {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  min-width: 0;
  padding: 7px;
  border: 1px solid var(--border, #2a4935);
  border-radius: 12px;
  background: color-mix(in srgb, var(--panel, #071b10) 92%, transparent);
  color: inherit;
  text-decoration: none;
}

.global-search-art:hover { border-color: var(--accent, #9be64d); transform: translateY(-1px); }
.global-search-art img { width: 54px; height: 54px; object-fit: contain; image-rendering: pixelated; border-radius: 8px; background: #0004; }
.global-search-art span { min-width: 0; }
.global-search-art b, .global-search-art small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.global-search-art small { margin-top: 3px; color: var(--muted, #91a398); }

.global-search-people { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.global-search-person {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 9px;
  border: 1px solid var(--border, #2a4935);
  border-radius: 12px;
  background: color-mix(in srgb, var(--panel, #071b10) 92%, transparent);
  color: inherit;
  text-decoration: none;
}
.global-search-person:hover { border-color: var(--accent, #9be64d); }
.global-search-person img, .global-search-person .search-avatar { width: 42px; height: 42px; border-radius: 50%; object-fit: cover; }
.global-search-person .search-avatar { display: grid; place-items: center; background: color-mix(in srgb, var(--accent, #9be64d) 18%, var(--panel, #071b10)); font-weight: 900; }
.global-search-person small { color: var(--muted, #91a398); }

/* Discover is intentionally visual: artwork plus one like control. */
.discover-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 4px 0 18px;
}
.discover-toolbar .active { border-color: var(--accent, #9be64d); color: var(--accent, #9be64d); }

.discover-art-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 9px;
}

.discover-art-card {
  position: relative;
  min-width: 0;
  aspect-ratio: 1;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--border, #2a4935) 72%, transparent);
  border-radius: 11px;
  background: color-mix(in srgb, var(--panel, #071b10) 86%, #000);
  content-visibility: auto;
  contain-intrinsic-size: 180px;
}

.discover-art-open { display: block; width: 100%; height: 100%; border: 0; padding: 0; background: transparent; cursor: pointer; }
.discover-art-open img { width: 100%; height: 100%; object-fit: contain; image-rendering: pixelated; transition: transform .18s ease; }
.discover-art-card:hover .discover-art-open img { transform: scale(1.035); }

.discover-like {
  position: absolute;
  right: 7px;
  bottom: 7px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 34px;
  padding: 6px 10px;
  border: 1px solid #fff2;
  border-radius: 999px;
  background: #07110ddd;
  color: #fff;
  box-shadow: 0 6px 20px #0007;
  backdrop-filter: blur(8px);
  cursor: pointer;
}
.discover-like:hover, .discover-like.voted { border-color: #ff8daf; color: #ff9db9; }
.discover-skeleton { aspect-ratio: 1; border-radius: 11px; background: linear-gradient(100deg, #ffffff08 20%, #ffffff14 40%, #ffffff08 60%); background-size: 220% 100%; animation: discoverShimmer 1.2s linear infinite; }
@keyframes discoverShimmer { to { background-position: -220% 0; } }

/* Quick editor: keep the proven canvas engine, remove professional clutter. */
#view-editor .editor-pro-header-actions > :not(#editorDocumentStatus):not(#newProjectBtn):not(.simple-upload-entry) { display: none !important; }
#view-editor .editor-layout { grid-template-columns: minmax(190px, 230px) minmax(0, 1fr) minmax(250px, 310px) !important; gap: 14px; }
#view-editor .editor-sidebar > .editor-option-grid,
#view-editor .editor-sidebar > .editor-compact-check:not(.simple-import),
#view-editor .editor-sidebar > .editor-selection-actions,
#view-editor .editor-sidebar > details,
#view-editor .editor-sidebar > .premium-tools,
#view-editor .editor-sidebar > .editor-canvas-size-panel,
#view-editor .editor-sidebar > .editor-palette-lab,
#view-editor .editor-sidebar > .editor-palette-presets,
#view-editor .editor-sidebar > label:not(.simple-control):not(.simple-import),
#view-editor .editor-sidebar > .tool-group:not(.editor-primary-tools):not(.simple-essential-actions):not(.simple-zoom-actions):not(.simple-download-actions),
#view-editor #editorAnimationPanel,
#view-editor #tilePreviewPanel,
#view-editor #tilemapStudioPanel,
#view-editor #showAnimationPanelBtn,
#view-editor #editorSelectionOverlay,
#view-editor .simple-editor-hidden { display: none !important; }

#view-editor .editor-primary-tools .tool:not(#toolPen):not(#toolEraser):not(#toolFill):not(#toolPicker) { display: none !important; }
#view-editor .editor-primary-tools .tool { min-height: 44px; }
#view-editor .editor-primary-tools { grid-template-columns: repeat(2, minmax(0, 1fr)); }
#view-editor .editor-color-grid { grid-template-columns: 1fr; }
#view-editor .editor-color-grid > :not(:first-child) { display: none !important; }
#view-editor .editor-color-grid input[type="color"] { min-height: 52px; }
#view-editor .editor-sidebar-heading .link-btn { display: none; }
#view-editor .canvas-panel { min-height: 640px; }
#view-editor .editor-canvas-viewport { min-height: 520px; }
#view-editor .upload-panel { align-self: start; position: sticky; top: 92px; }
#view-editor .editor-pro-header { margin-bottom: 14px; }
#view-editor .simple-upload-entry { white-space: nowrap; }

@media (max-width: 1180px) {
  .nav-search-btn kbd { display: none; }
  .nav-more-menu { grid-template-columns: repeat(2, minmax(170px, 1fr)) !important; }
  .nav-more-group:nth-child(2) { border-right: 0; }
  .nav-more-group:nth-child(-n+2) { border-bottom: 1px solid color-mix(in srgb, var(--border, #2a4935) 62%, transparent); }
  #view-editor .editor-layout { grid-template-columns: 210px minmax(0, 1fr) !important; }
  #view-editor .upload-panel { grid-column: 1 / -1; position: static; }
}

@media (max-width: 760px) {
  .nav-more-menu { width: 100%; grid-template-columns: 1fr !important; }
  .nav-more-group { border-right: 0; border-bottom: 1px solid color-mix(in srgb, var(--border, #2a4935) 62%, transparent); }
  .nav-more-group:last-child { border-bottom: 0; }
  .global-search-head { padding: 20px 18px 14px; }
  .global-search-results { padding: 14px 16px 22px; }
  .global-search-art-grid { grid-template-columns: 1fr 1fr; }
  .global-search-people { grid-template-columns: 1fr; }
  .discover-art-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 5px; }
  .discover-art-card { border-radius: 8px; }
  .discover-like { right: 5px; bottom: 5px; min-height: 30px; padding: 4px 8px; }
  #view-editor .editor-layout { grid-template-columns: 1fr !important; }
  #view-editor .editor-sidebar { position: static; }
  #view-editor .editor-primary-tools .tool { min-height: 44px; }
#view-editor .editor-primary-tools { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  #view-editor .editor-canvas-viewport { min-height: 420px; }
  #view-editor .canvas-panel { min-height: auto; }
}

@media (max-width: 430px) {
  .discover-art-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .global-search-art-grid { grid-template-columns: 1fr; }
  #view-editor .editor-primary-tools .tool { min-height: 44px; }
#view-editor .editor-primary-tools { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (prefers-reduced-motion: reduce) {
  .discover-art-open img, .global-search-art { transition: none !important; }
  .discover-skeleton { animation: none; }
}

/* Source: /styles/v82-shared.css */
/* PixelDeck v82 shared visual language for the main app and public subpages. */
:root {
  --pd-bg: #041108;
  --pd-surface: #071b10;
  --pd-panel: #0a2415;
  --pd-panel-strong: #0d2d1a;
  --pd-border: #275a35;
  --pd-border-soft: rgba(126, 214, 111, .2);
  --pd-text: #efffea;
  --pd-muted: #a5c1aa;
  --pd-accent: #9be64d;
  --pd-accent-2: #5df7d4;
  --pd-danger: #ff7087;
  --pd-shadow: 0 20px 60px rgba(0, 0, 0, .34);
  --pd-radius: 14px;
}

.v82-subpage {
  margin: 0;
  color: var(--pd-text);
  background:
    radial-gradient(circle at 15% 0, rgba(93, 247, 212, .08), transparent 28rem),
    radial-gradient(circle at 85% 8%, rgba(155, 230, 77, .08), transparent 25rem),
    var(--pd-bg);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.v82-subpage::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .24;
  background-image: linear-gradient(rgba(155, 230, 77, .05) 1px, transparent 1px), linear-gradient(90deg, rgba(155, 230, 77, .05) 1px, transparent 1px);
  background-size: 32px 32px;
  mask-image: linear-gradient(to bottom, black, transparent 88%);
}

.pd-shell-topbar {
  position: sticky;
  top: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 72px;
  padding: 10px clamp(14px, 3vw, 42px);
  border-bottom: 1px solid var(--pd-border-soft);
  background: rgba(4, 17, 8, .88);
  box-shadow: 0 14px 40px rgba(0, 0, 0, .22);
  backdrop-filter: blur(18px) saturate(1.2);
}

.pd-brand {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 10px;
  color: var(--pd-text);
  text-decoration: none;
  font-weight: 950;
}

.pd-brand img { width: 46px; height: 46px; object-fit: contain; image-rendering: pixelated; }
.pd-brand span { letter-spacing: -.02em; }
.pd-nav { display: flex; flex: 1 1 auto; align-items: center; justify-content: center; gap: 5px; min-width: 0; }

.pd-nav-link,
.pd-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 9px 13px;
  border: 1px solid transparent;
  border-radius: 10px;
  color: var(--pd-muted);
  background: transparent;
  font: inherit;
  font-size: 13px;
  font-weight: 850;
  text-decoration: none;
  cursor: pointer;
}

.pd-nav-link:hover,
.pd-nav-link.active { color: var(--pd-text); border-color: var(--pd-border); background: rgba(155, 230, 77, .09); }
.pd-nav-link.active { color: var(--pd-accent); }
.pd-nav-link.primary,
.pd-button.primary { color: #071108; border-color: #caff82; background: linear-gradient(135deg, var(--pd-accent), #caff82); box-shadow: 3px 3px 0 #000; }

.pd-language {
  min-height: 40px;
  padding: 7px 9px;
  border: 1px solid var(--pd-border);
  border-radius: 9px;
  color: var(--pd-text);
  background: var(--pd-panel);
  font: inherit;
  font-weight: 900;
}

.pd-panel {
  border: 1px solid var(--pd-border-soft);
  border-radius: var(--pd-radius);
  background: linear-gradient(180deg, rgba(10, 36, 21, .95), rgba(5, 22, 12, .96));
  box-shadow: var(--pd-shadow), inset 0 1px 0 rgba(255, 255, 255, .03);
}

.pd-eyebrow { color: var(--pd-accent); font-size: 11px; font-weight: 950; letter-spacing: .14em; text-transform: uppercase; }

@media (max-width: 900px) {
  .pd-shell-topbar { position: relative; flex-wrap: wrap; padding: 10px 12px; }
  .pd-brand { flex: 1 1 auto; }
  .pd-nav { order: 3; flex: 1 0 100%; justify-content: flex-start; overflow-x: auto; padding-bottom: 2px; scrollbar-width: none; }
  .pd-nav::-webkit-scrollbar { display: none; }
  .pd-nav-link { flex: 0 0 auto; min-height: 44px; }
  .pd-language { min-width: 64px; min-height: 44px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* Source: /styles/v82.css */
/* PixelDeck v82 — upload wizard, infinite discovery and mobile usability. */

.upload-wizard { width: min(820px, calc(100vw - 24px)); max-height: min(900px, calc(100dvh - 24px)); overflow: auto; }
.upload-stepper { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 18px 0 22px; padding: 0; list-style: none; }
.upload-stepper li { display: flex; align-items: center; gap: 9px; min-width: 0; padding: 9px 10px; border: 1px solid var(--border, #2a4935); border-radius: 11px; color: var(--muted, #91a398); background: color-mix(in srgb, var(--panel, #071b10) 88%, transparent); font-size: 12px; font-weight: 900; }
.upload-stepper li b { display: grid; flex: 0 0 auto; width: 28px; height: 28px; place-items: center; border: 1px solid currentColor; border-radius: 8px; }
.upload-stepper li.active { color: var(--accent, #9be64d); border-color: color-mix(in srgb, var(--accent, #9be64d) 60%, transparent); background: color-mix(in srgb, var(--accent, #9be64d) 10%, var(--panel, #071b10)); }
.upload-stepper li.complete { color: var(--text, #efffea); }
.upload-stepper li.complete b { color: #071108; border-color: var(--accent, #9be64d); background: var(--accent, #9be64d); }
.upload-stepper li.complete b::after { content: "✓"; }
.upload-stepper li.complete b { font-size: 0; }
.upload-stepper li.complete b::after { font-size: 14px; }

.upload-wizard-step { display: none; min-height: 330px; }
.upload-wizard-step.active { display: block; }
.upload-kind-picker { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-bottom: 14px; }
.upload-kind-picker label { position: relative; min-width: 0; cursor: pointer; }
.upload-kind-picker input { position: absolute; opacity: 0; pointer-events: none; }
.upload-kind-picker label > span { display: block; min-height: 80px; padding: 14px; border: 1px solid var(--border, #2a4935); border-radius: 13px; background: color-mix(in srgb, var(--panel, #071b10) 94%, #000); }
.upload-kind-picker b, .upload-kind-picker small { display: block; }
.upload-kind-picker small { margin-top: 5px; color: var(--muted, #91a398); line-height: 1.35; }
.upload-kind-picker input:checked + span { border-color: var(--accent, #9be64d); box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent, #9be64d) 12%, transparent); }
.upload-kind-picker input:focus-visible + span { outline: 2px solid var(--accent-2, #5df7d4); outline-offset: 2px; }
.upload-kind-picker input:disabled + span { opacity: .5; cursor: not-allowed; }

.upload-details-main { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.upload-details-main .asset-description-label { grid-column: 1 / -1; }
.upload-advanced { margin-top: 14px; border: 1px solid var(--border, #2a4935); border-radius: 12px; background: color-mix(in srgb, var(--panel, #071b10) 86%, transparent); }
.upload-advanced summary { padding: 13px 14px; color: var(--muted, #91a398); font-weight: 900; cursor: pointer; }
.upload-advanced .asset-seo-fields { padding: 0 14px 14px; }

.upload-review { display: grid; grid-template-columns: minmax(160px, 230px) minmax(0, 1fr); gap: 18px; align-items: center; padding: 14px; border: 1px solid var(--border, #2a4935); border-radius: 14px; background: color-mix(in srgb, var(--panel, #071b10) 92%, #000); }
.upload-review-preview { aspect-ratio: 1; overflow: hidden; border: 1px solid color-mix(in srgb, var(--accent, #9be64d) 35%, transparent); border-radius: 12px; background: #020904; }
.upload-review-preview img { width: 100%; height: 100%; object-fit: contain; image-rendering: pixelated; }
.upload-review-copy h3 { margin: 5px 0 12px; font-size: clamp(1.35rem, 4vw, 2rem); overflow-wrap: anywhere; }
.upload-review-copy dl { display: grid; gap: 7px; margin: 0; }
.upload-review-copy dl div { display: grid; grid-template-columns: minmax(72px, .42fr) 1fr; gap: 10px; }
.upload-review-copy dt { color: var(--muted, #91a398); }
.upload-review-copy dd { margin: 0; font-weight: 850; overflow-wrap: anywhere; }
.upload-review-controls { margin-top: 14px; }
.upload-rights { grid-column: 1 / -1; padding: 12px; border: 1px solid color-mix(in srgb, var(--accent, #9be64d) 30%, transparent); border-radius: 12px; background: color-mix(in srgb, var(--accent, #9be64d) 7%, transparent); }

.upload-wizard-actions { position: sticky; bottom: -1px; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 10px; margin: 18px -4px -4px; padding: 12px 4px 4px; background: linear-gradient(180deg, transparent, color-mix(in srgb, var(--panel, #071b10) 98%, #000) 25%); }
.upload-wizard-actions .hint { margin: 0; }
.upload-wizard-actions .primary, .upload-wizard-actions .secondary { min-height: 44px; }

.discover-load-status { display: grid; min-height: 46px; place-items: center; padding: 14px; color: var(--muted, #91a398); font-size: 12px; font-weight: 800; text-align: center; }
.discover-sentinel { width: 100%; height: 2px; }

@media (max-width: 760px) {
  body { padding-bottom: calc(72px + env(safe-area-inset-bottom)); }
  button, a, select, input { touch-action: manipulation; }
  .mobile-bottom-nav { padding-bottom: env(safe-area-inset-bottom); }
  .mobile-bottom-nav button { min-height: 52px; }
  .upload-wizard { width: 100vw; height: 100dvh; max-height: none; border-radius: 0 !important; padding: 18px 14px calc(18px + env(safe-area-inset-bottom)) !important; }
  .upload-stepper { position: sticky; top: -18px; z-index: 3; margin: 10px -14px 18px; padding: 10px 14px; background: color-mix(in srgb, var(--panel, #071b10) 96%, #000); }
  .upload-stepper li { justify-content: center; padding: 8px 5px; }
  .upload-stepper li span { display: none; }
  .upload-kind-picker, .upload-details-main, .upload-review { grid-template-columns: 1fr; }
  .upload-wizard-step { min-height: calc(100dvh - 260px); }
  .upload-review-preview { width: min(240px, 74vw); margin-inline: auto; }
  .upload-wizard-actions { grid-template-columns: auto 1fr; bottom: calc(-18px - env(safe-area-inset-bottom)); margin-inline: -14px; padding: 12px 14px calc(16px + env(safe-area-inset-bottom)); }
  .upload-wizard-actions .hint { grid-column: 1 / -1; grid-row: 1; }
  .upload-wizard-actions #directUploadNext, .upload-wizard-actions #directUploadSubmit { grid-column: 2; }
  .discover-toolbar { position: sticky; top: 0; z-index: 8; margin-inline: -10px; padding: 10px; overflow-x: auto; flex-wrap: nowrap; background: color-mix(in srgb, var(--panel, #071b10) 94%, #000); backdrop-filter: blur(12px); scrollbar-width: none; }
  .discover-toolbar::-webkit-scrollbar { display: none; }
  .discover-toolbar button { flex: 0 0 auto; min-height: 42px; }
}

@media (max-width: 430px) {
  .upload-kind-picker { grid-template-columns: 1fr; }
  .discover-like { min-width: 42px; min-height: 36px; justify-content: center; }
}

/* Source: /styles/v83.css */
/* PixelDeck 85.1 — unified interaction, mobile and accessibility layer */
:root{
  --pd-bg:#030b06;
  --pd-panel:#07150c;
  --pd-panel-2:#0b2112;
  --pd-line:rgba(156,255,122,.22);
  --pd-accent:#9cff7a;
  --pd-accent-2:#58d98b;
  --pd-text:#efffe9;
  --pd-muted:#9fb7a5;
  --pd-danger:#ff7f8e;
  --pd-radius:18px;
  --pd-shadow:0 18px 55px rgba(0,0,0,.38);
}

/* One visual language across home, gallery, discovery and museum. */
.view .panel,.view .glass-panel,.gallery-shell,.museum-shell,.discover-shell,
.profile-card,.detail-panel,.admin-card,.ranking-card,.archive-week{
  border-color:var(--pd-line);
  background:linear-gradient(155deg,rgba(10,31,17,.96),rgba(3,13,7,.94));
  box-shadow:var(--pd-shadow);
  border-radius:var(--pd-radius);
}
.view h1,.view h2,.view h3{letter-spacing:-.025em}
.view button,.view input,.view select,.view textarea{border-radius:12px}
.view button:focus-visible,.view a:focus-visible,.view input:focus-visible,.view select:focus-visible,.view textarea:focus-visible{
  outline:3px solid rgba(156,255,122,.58);outline-offset:3px;
}

/* Discover */
.discover-new-notice{
  position:sticky;top:74px;z-index:18;margin:0 auto 12px;display:flex;align-items:center;
  gap:9px;width:max-content;max-width:calc(100% - 24px);padding:10px 16px;border:1px solid var(--pd-line);
  background:rgba(7,24,13,.96);color:var(--pd-text);box-shadow:var(--pd-shadow);border-radius:999px;
}
.discover-new-notice.hidden,.discover-top-button.hidden{display:none!important}
.v90-site #view-discovery .discover-filter-toggle{display:none}
.discover-mobile-filter-head{display:none}
#discoverArtworkGrid{position:relative;overflow-anchor:none}
.discover-virtual-spacer{grid-column:1/-1;height:var(--virtual-height,0);pointer-events:none}
.discover-art-card picture,.discover-art-card img{display:block;width:100%;height:100%}
.discover-art-card img{object-fit:cover;image-rendering:pixelated}
.discover-top-button{
  position:fixed;right:22px;bottom:22px;z-index:28;width:48px;height:48px;border-radius:50%!important;
  border:1px solid var(--pd-line);background:#0b2814;color:var(--pd-accent);font-size:21px;box-shadow:var(--pd-shadow)
}

/* Upload: readable recovery, validation and real progress. */
.direct-upload-paste-row{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:10px}
.upload-draft-recovery,.upload-duplicate-warning,.upload-progress-panel{
  margin:12px 0;padding:13px 15px;border:1px solid var(--pd-line);border-radius:14px;background:rgba(9,34,18,.84)
}
.upload-draft-recovery.hidden,.upload-duplicate-warning.hidden,.upload-progress-panel.hidden{display:none!important}
.upload-draft-recovery{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.upload-duplicate-warning{border-color:rgba(255,194,95,.5);color:#ffe0a0}
.upload-duplicate-warning a{color:inherit;font-weight:800}
.upload-progress-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:9px}
.upload-progress-track{height:10px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.09)}
.upload-progress-fill,#directUploadProgressFill{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--pd-accent-2),var(--pd-accent));transition:width .18s ease}
#directUploadDropzone.is-pasting,#directUploadDropzone.is-hashing{border-color:var(--pd-accent);box-shadow:0 0 0 4px rgba(156,255,122,.12)}

/* Pixel quality check */
.upload-quality-panel{margin:12px 0 16px;padding:15px;border:1px solid var(--pd-line);border-radius:14px;background:linear-gradient(145deg,rgba(8,32,17,.96),rgba(4,17,10,.96))}
.upload-quality-panel.hidden{display:none!important}.upload-quality-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.upload-quality-head>div{display:grid;gap:3px}.upload-quality-head span{font-size:9px;font-weight:900;letter-spacing:.12em;color:var(--pd-accent)}.upload-quality-head strong{font-size:15px}.upload-quality-head>b{font-size:20px;color:var(--pd-accent)}
#directUploadQualityBar{height:8px;margin:12px 0;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.09)}#directUploadQualityBar i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff8e73,#ffd567 45%,var(--pd-accent));transition:width .2s ease}.upload-quality-panel[data-status="blocked"]{border-color:rgba(255,90,110,.6)}
#directUploadQualityIssues{display:grid;gap:7px;margin:0;padding:0;list-style:none}#directUploadQualityIssues li{display:flex;align-items:flex-start;gap:8px;color:var(--pd-muted);font-size:11px;line-height:1.4}#directUploadQualityIssues li>span{display:grid;width:18px;height:18px;flex:0 0 auto;place-items:center;border-radius:50%;background:rgba(255,255,255,.08);font-weight:900}.quality-pass>span{color:var(--pd-accent)}.quality-warning>span,.quality-error>span{color:#ffcc6f}

/* Optional work-in-progress upload */
.upload-making-of{margin-top:18px;padding:15px;border:1px solid var(--pd-line);border-radius:15px;background:rgba(4,19,10,.72)}.upload-making-of-head{display:flex;align-items:center;justify-content:space-between;gap:13px}.upload-making-of-head>div{display:grid;gap:4px}.upload-making-of-head small{max-width:430px;color:var(--pd-muted);font-size:10px;line-height:1.45}.upload-making-of-head label{cursor:pointer;white-space:nowrap}
.upload-making-of-list{display:grid;gap:8px;margin-top:12px}.upload-making-of-list>.hint{margin:4px 0}.upload-making-of-item{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px;border:1px solid rgba(156,255,122,.14);border-radius:11px;background:rgba(255,255,255,.025)}.upload-making-of-item>img{width:58px;height:58px;object-fit:contain;image-rendering:pixelated;border-radius:7px;background:repeating-conic-gradient(#10251a 0 25%,#0a1a11 0 50%) 50%/10px 10px}.upload-making-of-item>div:nth-child(2){display:grid;gap:5px}.upload-making-of-item input{width:100%;min-height:36px}.upload-making-of-item small{color:var(--pd-muted)}.upload-making-of-actions{display:flex;gap:4px}.upload-making-of-actions button{min-width:34px;height:34px;padding:0}

/* Color DNA discovery */
.discover-color-filter{display:flex;align-items:center;gap:10px;margin:12px 0;padding:10px 12px;border:1px solid var(--pd-line);border-radius:13px;background:rgba(8,31,17,.9)}.discover-color-filter.hidden{display:none!important}.discover-color-filter>span:first-child{width:34px;height:34px;flex:0 0 auto;border:2px solid rgba(255,255,255,.72);border-radius:9px;box-shadow:3px 3px 0 rgba(0,0,0,.42)}.discover-color-filter>span:nth-child(2){display:flex;min-width:0;align-items:center;gap:8px}.discover-color-filter code{color:var(--pd-muted)}.discover-color-filter button{margin-left:auto}
.artwork-color-dna{display:grid;gap:11px;margin-top:15px;padding:14px;border:1px solid var(--pd-line);border-radius:13px;background:rgba(3,16,8,.82)}.artwork-color-dna>div:first-child{display:grid;gap:3px}.artwork-color-dna>div:first-child span,.making-of-heading span{font-size:9px;font-weight:900;letter-spacing:.13em;color:var(--pd-accent)}.artwork-color-dna>small{color:var(--pd-muted);line-height:1.45}.artwork-color-row{display:flex;gap:7px;overflow-x:auto;padding-bottom:2px}.artwork-color-row button{display:flex;min-width:max-content;align-items:center;gap:7px;padding:6px 9px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.035);color:var(--pd-text)}.artwork-color-row button:hover{border-color:var(--dna-color);transform:translateY(-1px)}.artwork-color-row i{display:block;width:25px;height:25px;border-radius:7px;background:var(--dna-color);box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}.artwork-color-row code{font-size:10px}

/* Making-of viewer */
.making-of-timeline{display:grid;gap:12px;margin-top:16px;padding:14px;border:1px solid var(--pd-line);border-radius:14px;background:linear-gradient(145deg,rgba(7,28,15,.95),rgba(2,13,7,.95))}.making-of-heading{display:flex;align-items:end;justify-content:space-between;gap:12px}.making-of-heading>div{display:grid;gap:3px}.making-of-heading h3{margin:0;font-size:17px}.making-of-heading>b{color:var(--pd-accent)}.making-of-stage{position:relative;display:grid;place-items:center;min-height:250px;overflow:hidden;border:1px solid rgba(156,255,122,.2);border-radius:11px;background:repeating-conic-gradient(#10251a 0 25%,#0a1a11 0 50%) 50%/18px 18px}.making-of-stage img{display:block;width:100%;height:clamp(250px,45vw,430px);object-fit:contain;image-rendering:pixelated}.making-of-stage span{position:absolute;left:10px;bottom:10px;padding:6px 9px;border:1px solid var(--pd-line);border-radius:999px;background:rgba(2,10,5,.88);font-size:10px}.making-of-timeline input[type="range"]{width:100%;accent-color:var(--pd-accent)}.making-of-rail{display:flex;gap:7px;overflow-x:auto;padding:2px}.making-of-rail button{position:relative;width:58px;height:58px;flex:0 0 58px;padding:3px;border:2px solid transparent;background:rgba(255,255,255,.04)}.making-of-rail button.active{border-color:var(--pd-accent);box-shadow:0 0 0 2px rgba(156,255,122,.12)}.making-of-rail img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.making-of-rail span{position:absolute;right:2px;bottom:2px;display:grid;width:18px;height:18px;place-items:center;border-radius:50%;background:#061008;color:var(--pd-accent);font-size:9px}

/* Search command surface */
.global-search-tabs{display:flex;gap:6px;overflow:auto;padding:6px 4px 10px;scrollbar-width:none}
.global-search-tabs button{white-space:nowrap;padding:7px 11px;border:1px solid var(--pd-line);background:transparent;color:var(--pd-muted)}
.global-search-tabs button.active{background:var(--pd-accent);color:#061008;border-color:var(--pd-accent)}
.global-search-recent{padding:4px 3px 9px}
.global-search-recent.hidden{display:none}
.global-search-recent-list{display:flex;gap:6px;flex-wrap:wrap}
.global-search-recent button{padding:6px 10px;border:1px solid var(--pd-line);background:rgba(255,255,255,.04);color:var(--pd-text)}
.global-search-result.keyboard-active{background:rgba(156,255,122,.13);outline:2px solid rgba(156,255,122,.45)}
.search-highlight{background:rgba(156,255,122,.22);color:inherit;border-radius:3px;padding:0 1px}

/* Classic upload detail card, restored with optional zoom. */
.artwork-detail-classic{width:100%}
.artwork-detail-image-stage{position:relative;overflow:hidden;aspect-ratio:1;cursor:zoom-in;touch-action:pan-y}
.artwork-detail-image-stage.is-zoomed{cursor:zoom-out}
.artwork-detail-image-stage picture{display:grid;place-items:center;width:100%;height:100%;overflow:hidden}
.artwork-detail-zoom-image{display:block;width:100%!important;height:100%!important;max-width:none;max-height:none;object-fit:contain!important;image-rendering:pixelated;image-rendering:crisp-edges;transform:scale(var(--viewer-zoom,1));transform-origin:center;transition:transform .18s ease;filter:drop-shadow(0 16px 26px rgba(0,0,0,.28))}
.artwork-viewer-nav{position:absolute;top:50%;translate:0 -50%;width:44px;height:52px;border:1px solid var(--pd-line);background:rgba(2,10,5,.8);color:var(--pd-text);font-size:24px}
.artwork-viewer-nav.prev{left:10px}.artwork-viewer-nav.next{right:10px}
.viewer-zoom-controls{position:absolute;right:10px;bottom:10px;display:flex;gap:6px}
.viewer-zoom-controls button{min-width:42px;height:42px;padding:0 12px;border:1px solid var(--pd-line);background:rgba(2,10,5,.84);color:var(--pd-text)}
.classic-detail-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px;padding:10px;border:1px solid var(--pd-line);border-radius:12px;background:rgba(3,15,8,.92);box-shadow:4px 4px 0 rgba(0,0,0,.55)}
.classic-detail-actions>button{min-width:128px}.classic-detail-actions>span{padding:0 8px;color:var(--pd-muted)}

/* Onboarding */
.onboarding-progress{display:flex;justify-content:center;gap:8px;margin:0 0 18px}
.onboarding-progress i{display:block;width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.18)}
.onboarding-progress i.active{background:var(--pd-accent);box-shadow:0 0 0 5px rgba(156,255,122,.12)}
.onboarding-step{display:none}.onboarding-step.active{display:block}
.onboarding-interest-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:16px 0}
.onboarding-interest-grid label{display:flex;align-items:center;gap:9px;padding:12px;border:1px solid var(--pd-line);border-radius:13px;background:rgba(255,255,255,.025)}
.onboarding-recommendations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-height:90px}
.onboarding-recommendations img{width:100%;aspect-ratio:1;object-fit:cover;image-rendering:pixelated;border-radius:10px}
.onboarding-actions{display:flex;justify-content:space-between;gap:10px;margin-top:18px}
.admin-system-warnings{display:grid;gap:8px;margin:12px 0 20px}.admin-alert{padding:11px 13px;border:1px solid rgba(255,190,80,.5);border-radius:12px;background:rgba(98,58,5,.3);color:#ffe0a0}

/* Empty states are action-oriented and consistent. */
.empty-state.pd-empty{grid-column:1/-1;min-height:220px;display:grid;place-items:center;text-align:center;padding:30px;border:1px dashed var(--pd-line);border-radius:var(--pd-radius);background:radial-gradient(circle at 50% 0,rgba(43,122,62,.18),transparent 62%)}
.pd-empty-inner{max-width:430px}.pd-empty-icon{font-size:34px;margin-bottom:8px}.pd-empty-actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:16px}

@media(max-width:760px){
  body{padding-bottom:env(safe-area-inset-bottom)}
  .v90-site #view-discovery .discover-filter-toggle{display:inline-flex;align-items:center;gap:7px}
  .discover-mobile-filter-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
  #discoverToolbar{
    position:fixed;z-index:80;inset:auto 0 0;max-height:min(70vh,520px);overflow:auto;padding:18px 16px calc(18px + env(safe-area-inset-bottom));
    border-radius:22px 22px 0 0;background:#06140b;box-shadow:0 -24px 70px rgba(0,0,0,.62);transform:translateY(105%);transition:transform .2s ease;
  }
  #discoverToolbar.mobile-open{transform:translateY(0)}
  body.discover-filter-open:before{content:"";position:fixed;inset:0;z-index:79;background:rgba(0,0,0,.58)}
  .discover-new-notice{top:64px}
  .discover-top-button{right:14px;bottom:calc(76px + env(safe-area-inset-bottom))}
  .artwork-detail-classic .artwork-title{font-size:clamp(24px,8vw,32px)}
  .artwork-detail-image-stage{padding:12px!important}
  .viewer-zoom-controls{right:7px;bottom:7px}
  .upload-making-of-head{align-items:flex-start;flex-direction:column}.upload-making-of-head label{width:100%;text-align:center}.upload-making-of-item{grid-template-columns:52px minmax(0,1fr)}.upload-making-of-item>img{width:52px;height:52px}.upload-making-of-actions{grid-column:1/-1;justify-content:flex-end}.discover-color-filter{align-items:flex-start;flex-wrap:wrap}.discover-color-filter button{width:100%;margin:0}.making-of-stage{min-height:210px}.making-of-stage img{height:70vw}
  .onboarding-interest-grid{grid-template-columns:1fr}
  .onboarding-recommendations{grid-template-columns:repeat(3,minmax(72px,1fr))}
  .modal-card{max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:auto}
  button,input,select,textarea{min-height:44px}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}
}

/* Source: /styles/v89.css */
/* PixelDeck 89: art first, retaining the selected PixelDeck theme. */
#view-home .landing-grid{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(24px,4vw,68px);padding:32px 0 40px}
#view-home .hero-text{min-width:0;padding:0}
#view-home .hero-text h1{font-size:clamp(2.3rem,4.8vw,4.8rem);line-height:1.08;letter-spacing:-.045em;max-width:10ch;margin:20px 0}
#view-home .hero-text>p{font-size:1.05rem;line-height:1.7;max-width:42ch}
#view-home .hero-actions{display:flex;flex-direction:column;align-items:stretch;max-width:360px;gap:12px;margin-top:28px}
#view-home .hero-actions .v65-discover-btn{order:-1;background:var(--accent);color:var(--bg,#07110b);font-weight:900;padding:18px;border-color:var(--accent)}
#view-home .hero-actions .upload-hero-cta{background:transparent;color:var(--text);border:1px solid var(--border);box-shadow:none}
#view-home .v65-feature-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:400px;margin-top:24px;gap:8px}
#view-home .v65-feature-rail a{min-width:0;padding:10px;background:transparent}
.home-art-mosaic{min-height:360px;min-width:0}.mosaic-heading{display:flex;justify-content:space-between;gap:12px;padding:0 0 14px;color:var(--muted);font-size:.875rem}.mosaic-heading span:last-child{color:var(--accent);font-family:monospace;letter-spacing:.12em}
.mosaic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,145px);gap:12px}
.mosaic-work{position:relative;min-width:0;overflow:hidden;background:color-mix(in srgb,var(--panel) 85%,#000);border:1px solid var(--border);padding:18px;border-radius:14px;isolation:isolate;transition:border-color .2s,transform .2s;text-align:left}
.mosaic-work:first-child{grid-column:span 2;grid-row:span 2}.mosaic-work img{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated;filter:none!important}
.mosaic-work>span{position:absolute;inset:auto 0 0;padding:24px 14px 12px;background:linear-gradient(transparent,rgba(0,0,0,.9));color:white;opacity:0;transition:opacity .2s}.mosaic-work b,.mosaic-work small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem}.mosaic-work small{font-size:.8125rem;color:#d9e6df}
.mosaic-work:hover,.mosaic-work:focus-visible{border-color:var(--accent);transform:translateY(-3px)}.mosaic-work:hover>span,.mosaic-work:focus-visible>span{opacity:1}.mosaic-empty{display:grid;align-content:center;min-height:360px;border:1px solid var(--border);border-radius:20px;padding:32px}.mosaic-empty strong{font-size:1.7rem}.mosaic-empty a{color:var(--accent)}
.home-places-v89{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 32px}.home-places-v89 .museum-feature-card{position:relative;margin:0;min-height:180px;padding:26px;display:flex;flex-direction:column;gap:10px;border-radius:14px;border:1px solid var(--border);border-top:3px solid #d9bc7d;background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 93%,#9a763e),var(--panel));text-decoration:none}.home-places-v89 .museum-feature-card:nth-child(2){border-top-color:var(--accent)}.home-places-v89 .museum-feature-card:nth-child(3){border-top-color:#7dc9ea}.home-places-v89 .museum-feature-card strong{font-size:1.25rem;line-height:1.4}.home-places-v89 .museum-feature-card small{font-size:.9375rem;line-height:1.6}.home-places-v89 .museum-feature-card>b{margin-top:auto;font-size:.875rem}
.home-community-v89{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:32px 0}.home-community-copy{display:flex;flex-direction:column;gap:16px}.home-community-copy .hero-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.home-community-copy .hero-stats b{font-size:1.15rem}.home-community-copy .hero-stats span{font-size:.8125rem}
.viewer-back{margin-bottom:16px}.viewer-background-controls{position:absolute;top:14px;right:14px;display:flex;gap:6px;z-index:3}.viewer-background-controls button{width:40px;height:40px;background:#17222b;color:#fff;border:1px solid #52616c;border-radius:8px}.viewer-background-controls button[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:1px}
#artworkViewerStage{background:#10171e;touch-action:pan-y}#artworkViewerStage[data-background=light]{background:#eef0f4}#artworkViewerStage[data-background=checker]{background-color:#cbd0d6;background-image:conic-gradient(#eef0f4 25%,transparent 0 50%,#eef0f4 0 75%,transparent 0);background-size:24px 24px}#artworkViewerStage img{image-rendering:pixelated;filter:none}#artworkViewerStage.is-zoomed{touch-action:pan-x pan-y;overflow:auto}
.discover-art-card{border-radius:12px!important}.discover-art-open{background:color-mix(in srgb,var(--panel) 92%,#000)!important}.discover-like:disabled{opacity:.65;cursor:wait}
#directMakingOfBox>summary{cursor:pointer;padding:14px 0;font-size:1rem;font-weight:700}#directMakingOfBox:not([open]){padding:0 16px}.upload-draft-recovery{flex-wrap:wrap}#uploadDraftThumbnail{width:64px;height:64px;object-fit:contain;image-rendering:pixelated;background:#14202a;border-radius:8px}#uploadDraftFilename{max-width:220px;overflow-wrap:anywhere;font-size:.875rem}.success-actions a{display:flex;align-items:center;justify-content:center;text-decoration:none;min-height:44px;border-radius:10px;padding:12px}
.home-places-v89 a:focus-visible,.mosaic-work:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
@media(max-width:900px){#view-home .landing-grid{grid-template-columns:1fr;gap:28px}#view-home .hero-text h1{max-width:18ch;font-size:clamp(2rem,7vw,3.5rem)}#view-home .hero-actions{flex-direction:row;max-width:100%;flex-wrap:wrap}#view-home .v65-feature-rail{grid-template-columns:repeat(4,minmax(0,1fr));max-width:none}.mosaic-grid{grid-template-rows:repeat(3,120px)}.home-places-v89{grid-template-columns:1fr}.home-places-v89 .museum-feature-card{min-height:0}.home-community-v89{grid-template-columns:1fr}}
@media(max-width:560px){#view-home .landing-grid{padding-top:8px}#view-home .hero-text>p{font-size:1rem}#view-home .hero-actions{display:grid;grid-template-columns:1fr}.mosaic-grid{gap:8px;grid-template-rows:repeat(3,100px)}.mosaic-work{padding:10px;border-radius:10px}.mosaic-heading{font-size:.8125rem}.home-art-mosaic{min-height:330px}#view-home .v65-feature-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.home-community-copy .hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{gap:8px}.home-places-v89{gap:10px}.home-places-v89 .museum-feature-card{padding:20px}.upload-draft-recovery>div{min-width:0}.upload-draft-recovery button{min-height:44px}}
@media(prefers-reduced-motion:reduce){.mosaic-work,.mosaic-work>span{transition:none}.mosaic-work:hover{transform:none}}

/* Source: /styles/v90.css */
/* PixelDeck 90 · Quiet surfaces, crisp artwork, tactile controls. */
:root,html[data-theme="forest"]{--theme-bg:#0b1512;--theme-panel:#15241e;--theme-surface:#1d3027;--theme-accent:#b5e88a;--theme-bright:#80d8bd;--theme-muted:#a6bcb0;--theme-ink:#0b1711}
:root,html[data-theme]{--pd-bg:var(--theme-bg,#0b1512);--pd-panel:color-mix(in srgb,var(--theme-panel,#15241e) 70%,#101719);--pd-surface:var(--pd-panel);--pd-panel-2:var(--theme-surface,#1d3027);--pd-panel-strong:var(--pd-panel-2);--pd-accent:var(--theme-accent,#b5e88a);--pd-accent-2:var(--theme-bright,#80d8bd);--pd-text:#f0f3eb;--pd-muted:var(--theme-muted,#a6bcb0);--pd-line:color-mix(in srgb,var(--pd-muted) 19%,transparent);--pd-border:var(--pd-line);--pd-border-soft:var(--pd-line);--pd-radius:18px;--pd-shadow:0 16px 42px #0002;--accent:var(--pd-accent);--accent2:var(--pd-accent-2);--border:var(--pd-line);--text:var(--pd-text);--muted:var(--pd-muted);--v90-ease:cubic-bezier(.2,.75,.3,1);color-scheme:dark}
.v90-site{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--pd-text);background:radial-gradient(ellipse at 50% -12%,color-mix(in srgb,var(--pd-accent) 8%,transparent),transparent 56rem),var(--pd-bg);line-height:1.55}
.v90-site .bg-grid{opacity:.18;background-size:48px 48px}.v90-site .pixel-background{opacity:.34}.v90-site .pixel-background i:nth-child(n+15){display:none}
.v90-site main{max-width:1440px}.v90-site :is(h1,h2,h3){text-wrap:balance}.v90-site p{overflow-wrap:anywhere}
.v90-site :is(button,a,input,select,textarea,summary){-webkit-tap-highlight-color:transparent}
.v90-site :is(button,a,summary){touch-action:manipulation}
.v90-site :is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--pd-accent-2)!important;outline-offset:4px}
.v90-site ::selection{color:var(--theme-ink,#0b1711);background:var(--pd-accent)}
.v90-site :is(.primary,.secondary,.pd-button,.small-btn,.exhibition-actions a,.preview-actions a){display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 18px;border:1px solid var(--pd-line);border-radius:11px;font:700 .875rem/1.35 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.01em;cursor:pointer;text-decoration:none;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s var(--v90-ease);box-shadow:inset 0 1px 0 #ffffff0b,0 2px 3px #0002}
.v90-site :is(.primary,.pd-button.primary,.exhibition-actions .enter){color:var(--theme-ink,#0b1711);background:var(--pd-accent);border-color:color-mix(in srgb,var(--pd-accent) 70%,white);box-shadow:inset 0 1px 0 #ffffff52,0 3px 0 color-mix(in srgb,var(--pd-accent) 42%,#122319),0 7px 15px #0002}
.v90-site :is(.secondary,.pd-button,.small-btn){color:var(--pd-text);background:color-mix(in srgb,var(--pd-panel) 86%,#ffffff 4%)}
@media(hover:hover){.v90-site :is(.primary,.secondary,.pd-button,.small-btn,.exhibition-actions a):hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--pd-accent) 55%,var(--pd-line));filter:none}.v90-site :is(.primary,.exhibition-actions .enter):hover{background:color-mix(in srgb,var(--pd-accent) 90%,white);box-shadow:inset 0 1px 0 #ffffff52,0 4px 0 color-mix(in srgb,var(--pd-accent) 42%,#122319),0 10px 20px #0003}}
.v90-site :is(.primary,.secondary,.pd-button,.small-btn,.exhibition-actions a):active{transform:translateY(1px);box-shadow:inset 0 2px 4px #0002}
.v90-site :is(button,input):disabled{cursor:not-allowed;transform:none;filter:none;opacity:.5;box-shadow:none}
.v90-site :is(input:not([type="range"]):not([type="color"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea){min-height:44px;border:1px solid var(--pd-line);border-radius:10px;background:color-mix(in srgb,var(--pd-bg) 88%,#000);color:var(--pd-text);font:inherit;box-shadow:inset 0 1px 3px #0002;transition:border-color .18s,box-shadow .18s}
.v90-site :is(input,textarea)::placeholder{color:color-mix(in srgb,var(--pd-muted) 76%,transparent)}
.v90-site :is(input,select,textarea):focus{border-color:var(--pd-accent-2);box-shadow:0 0 0 3px color-mix(in srgb,var(--pd-accent-2) 12%,transparent)}
.v90-site :is(input[type="checkbox"],input[type="radio"],input[type="range"]){accent-color:var(--pd-accent)}
.v90-site .topbar,.v90-site .pd-shell-topbar,.v90-site .gallery-topbar,.v90-site .lc-header{border-bottom:1px solid var(--pd-line);background:color-mix(in srgb,var(--pd-bg) 94%,transparent);box-shadow:0 8px 25px #0002;backdrop-filter:blur(12px);min-height:76px}
.v90-site .logo-brand .site-logo-img{width:145px;filter:none}.v90-site #nav.nav{gap:4px}
.v90-site #nav.nav>.nav-btn,.v90-site #nav.nav>.nav-more>summary{border-radius:9px;font-weight:650;font-size:.8125rem!important;color:var(--pd-muted)}
.v90-site #nav.nav>.nav-btn.active,.v90-site .pd-nav-link.active{color:var(--pd-accent);border-color:transparent;background:color-mix(in srgb,var(--pd-accent) 9%,transparent);box-shadow:inset 0 -2px 0 var(--pd-accent)}
.v90-site #nav.nav>.nav-upload-btn{border-color:var(--pd-line);color:var(--pd-text)}
.v90-site :is(.nav-more-menu,.theme-picker,.global-search-card){background:var(--pd-panel);border:1px solid var(--pd-line);border-radius:16px;box-shadow:0 24px 70px #0007}
.v90-site .nav-more-group .nav-btn{padding:10px 12px;border-radius:8px;color:var(--pd-muted);font-size:.875rem}
.v90-site .nav-more-group .nav-btn:hover{color:var(--pd-text);background:#ffffff08}
.v90-site .nav-more-label{color:var(--pd-accent);font-size:.6875rem;letter-spacing:.13em}
.v90-site :is(.lang-select,.theme-toggle-btn,.notification-btn){border:1px solid var(--pd-line);background:#ffffff04;border-radius:9px;color:var(--pd-muted);box-shadow:none}
.v90-site .online-ticker{font-size:.75rem;color:var(--pd-muted);border-color:var(--pd-line);background:transparent;box-shadow:none}
.v90-site .online-dot{width:6px;height:6px;box-shadow:0 0 0 4px color-mix(in srgb,var(--pd-accent) 10%,transparent)}
.v90-site .pd-brand img{width:116px;height:42px}.v90-site .pd-brand span{display:none}
.v90-site :is(.view .panel,.view .glass-panel,.profile-card,.detail-panel,.admin-card,.ranking-card,.archive-week,.side-card){border:1px solid var(--pd-line);border-radius:18px;background:var(--pd-panel);box-shadow:var(--pd-shadow);background-image:none}
.v90-site .view .panel{padding:clamp(18px,2.4vw,32px)}
.v90-site .panel-head{gap:16px;margin-bottom:22px}.v90-site .panel-head h2{font-size:clamp(1.35rem,2.7vw,1.8rem);font-weight:750;letter-spacing:-.035em;line-height:1.2}
.v90-site .panel-head p,.v90-site .hint{font-size:.875rem;line-height:1.6;color:var(--pd-muted)}
.v90-site :is(.pill,.v67-kicker,.direct-upload-kicker,.museum-feature-kicker){font-size:.6875rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}
.v90-site .pill{width:fit-content;min-height:30px;padding:5px 10px;border:1px solid var(--pd-line);background:#ffffff04;color:var(--pd-accent);border-radius:7px;box-shadow:none}
.v90-site #view-home .landing-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(24px,4vw,64px);padding:28px 0 64px}
.v90-site #view-home .hero-text h1{font-size:clamp(2.5rem,5.1vw,5rem);font-weight:780;line-height:1.02;letter-spacing:-.055em;margin:24px 0;color:var(--pd-text);text-shadow:none;max-width:11ch}
.v90-site #view-home .hero-text>p{font-size:1.0625rem;line-height:1.75;max-width:39ch;color:var(--pd-muted)}
.v90-site #view-home .hero-actions{margin-top:30px;max-width:370px;gap:14px}
.v90-site #view-home .hero-actions .v65-discover-btn{min-height:52px;background:var(--pd-accent);color:var(--theme-ink);border-color:var(--pd-accent);font-size:.9375rem;border-radius:11px;box-shadow:inset 0 1px 0 #ffffff55,0 3px 0 color-mix(in srgb,var(--pd-accent) 42%,#142017)}
.v90-site #view-home .hero-actions .upload-hero-cta{min-height:58px;border-color:var(--pd-line);padding:13px 18px;border-radius:11px;background:#ffffff03}
.v90-site .direct-upload-copy strong{font-size:.875rem}.v90-site .direct-upload-copy small{font-size:.6875rem;letter-spacing:.04em;color:var(--pd-muted)}
.v90-site #view-home .v65-feature-rail{gap:7px;margin-top:24px}.v90-site #view-home .v65-feature-rail a{padding:8px 10px;border:0;border-radius:7px;background:#ffffff03;color:var(--pd-muted);font-size:.75rem;box-shadow:none}
.v90-site .home-art-mosaic{position:relative;padding:18px;border:1px solid var(--pd-line);border-radius:22px;background:color-mix(in srgb,var(--pd-panel) 70%,transparent);box-shadow:0 32px 70px #0003}
.v90-site .mosaic-heading{padding:0 2px 16px;font-size:.75rem}.v90-site .mosaic-heading span:last-child{font-size:.625rem;letter-spacing:.17em}
.v90-site .mosaic-grid{gap:10px;grid-template-rows:repeat(3,135px)}
.v90-site .mosaic-work{border:1px solid #ffffff0c;border-radius:11px;padding:14px;background:color-mix(in srgb,var(--pd-bg) 68%,#05090c);box-shadow:inset 0 1px 0 #ffffff06}
.v90-site .mosaic-work:first-child{padding:26px;background:color-mix(in srgb,var(--pd-panel) 65%,#0b1721)}
.v90-site .mosaic-work>span{padding:32px 12px 12px;transform:translateY(5px);transition:opacity .2s,transform .2s}.v90-site .mosaic-work:hover>span,.v90-site .mosaic-work:focus-visible>span{transform:none}
.v90-site .worlds-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:0 0 22px}.v90-site .worlds-heading h2{margin:8px 0 0;font-size:clamp(1.5rem,3vw,2.15rem);letter-spacing:-.045em}.v90-site .worlds-heading>p{font-size:.875rem;max-width:33ch;color:var(--pd-muted);margin:0}
.v90-site .home-places-v89{gap:20px;margin-bottom:24px}.v90-site .home-places-v89 .museum-feature-card{padding:22px;min-height:0;gap:9px;border:1px solid var(--pd-line);border-radius:17px;background:var(--pd-panel);box-shadow:0 12px 32px #0002;overflow:hidden;transition:transform .25s var(--v90-ease),border-color .2s}
.v90-site .home-places-v89 .museum-feature-card strong{font-size:1.2rem;line-height:1.3;font-weight:750;letter-spacing:-.025em}.v90-site .home-places-v89 .museum-feature-card small{font-size:.875rem;line-height:1.65;color:var(--pd-muted);margin-bottom:12px}.v90-site .home-places-v89 .museum-feature-card>b{display:flex;justify-content:space-between;width:100%;padding-top:16px;border-top:1px solid var(--pd-line);font-size:.8125rem;color:var(--pd-accent)}
.v90-site .home-places-v89 .world-thumbnail{display:block;flex:none;max-width:none;width:calc(100% + 44px);height:auto;aspect-ratio:96/58;margin:-22px -22px 12px;object-fit:cover;image-rendering:auto;border-bottom:1px solid var(--pd-line);transition:filter .3s}
.v90-site .home-places-v89 .museum-feature-kicker{color:#dfc795}.v90-site .home-places-v89 .museum-feature-card:nth-child(2) .museum-feature-kicker{color:var(--pd-accent)}.v90-site .home-places-v89 .museum-feature-card:nth-child(3) .museum-feature-kicker{color:#88c9da}
@media(hover:hover){.v90-site .home-places-v89 .museum-feature-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--pd-accent) 42%,var(--pd-line))}.v90-site .home-places-v89 .museum-feature-card:hover .world-thumbnail{filter:brightness(1.1)}}
.v90-site .aquarium-feature{display:grid;grid-template-columns:minmax(200px,.7fr) 1.3fr;align-items:center;gap:34px;margin:0 0 40px;overflow:hidden;border:1px solid #7cbec631;border-radius:18px;background:#10232b;color:#ebf7f4}
.v90-site .aquarium-feature>img{display:block;width:100%;height:100%;min-height:250px;object-fit:cover}.v90-site .aquarium-feature>div{padding:25px 32px 25px 0}.v90-site .aquarium-feature .v67-kicker{color:#8cdacf}.v90-site .aquarium-feature h2{margin:10px 0;font-size:clamp(1.5rem,3vw,2.3rem);letter-spacing:-.035em}.v90-site .aquarium-feature p{color:#aac3c8;font-size:.9375rem;line-height:1.75;max-width:58ch}.v90-site .aquarium-feature a{color:#b8e3df;background:#183943;border-color:#a4e1dc40}
.v90-site .home-community-v89{gap:24px;margin:40px 0}.v90-site .home-community-copy .hero-stats{gap:1px;padding:0;border:1px solid var(--pd-line);border-radius:14px;overflow:hidden;background:var(--pd-line);box-shadow:none}.v90-site .home-community-copy .hero-stats>div{background:var(--pd-panel);border:0;padding:20px 12px;border-radius:0;box-shadow:none}.v90-site .home-community-copy .hero-stats b{font-size:1.5rem;letter-spacing:-.04em;color:var(--pd-text)}
.v90-site :is(.info-card,.daily-prompt,.community-goal-card,.creator-quest-card,.v67-event-card){background:var(--pd-panel);border:1px solid var(--pd-line);border-radius:14px;box-shadow:none}.v90-site .info-card{padding:18px}.v90-site .info-card>b{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--pd-line);border-radius:8px;color:var(--pd-accent);background:transparent;font-size:.75rem}.v90-site .info-card p{color:var(--pd-muted);line-height:1.6;font-size:.875rem}
.v90-site :is(.artwork-card,.asset-card,.hall-art-card,.hall-artist-card,.board-card,.creator-card){border:1px solid var(--pd-line);border-radius:14px;overflow:hidden;background:var(--pd-panel);box-shadow:0 8px 20px #0002}
.v90-site :is(.discover-art-card,.artwork-card,.asset-card,.hall-art-card){transition:border-color .18s,box-shadow .18s}.v90-site :is(.discover-art-card,.artwork-card,.asset-card,.hall-art-card):hover{border-color:color-mix(in srgb,var(--pd-accent) 48%,var(--pd-line));box-shadow:0 12px 32px #0003}
.v90-site .discover-art-card{border-radius:13px!important}.v90-site .discover-art-open{background:color-mix(in srgb,var(--pd-bg) 85%,#04080b)!important}.v90-site .discover-like{min-height:42px;border-radius:9px!important;font-size:.8125rem;box-shadow:none}
.v90-site :is(.profile-header,.profile-hero,.analytics-hero,.hall-hero-panel){background:linear-gradient(120deg,color-mix(in srgb,var(--pd-panel) 94%,var(--pd-accent)),var(--pd-panel));border-color:var(--pd-line)}
.v90-site :is(.ranking-row,.leaderboard-row,.activity-item,.comment,.chat-message,.admin-mini-row){border-color:var(--pd-line);box-shadow:none}.v90-site :is(.ranking-row,.leaderboard-row){border-radius:12px;padding:14px 18px;background:#ffffff03}
.v90-site :is(.artwork-detail-classic,.classic-detail-actions,.artwork-color-dna,.making-of-timeline){background:var(--pd-panel);border-color:var(--pd-line);border-radius:14px;box-shadow:none}.v90-site .artwork-detail-classic .artwork-title{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:750;letter-spacing:-.045em;line-height:1.15}
.v90-site :is(.modal-card,.upload-wizard,.onboarding-card,.global-search-card){border:1px solid var(--pd-line);border-radius:20px;background:var(--pd-panel);box-shadow:0 32px 100px #0008;color:var(--pd-text)}
.v90-site :is(.modal-backdrop,.modal-overlay){backdrop-filter:blur(7px)}
.v90-site :is(.modal-close,.close-btn){display:grid;place-items:center;width:38px;height:38px;min-height:38px;padding:0;border:1px solid var(--pd-line);border-radius:50%;background:#ffffff06;box-shadow:none;color:var(--pd-muted)}
.v90-site .direct-upload-dropzone{border:1px dashed color-mix(in srgb,var(--pd-accent) 42%,var(--pd-line));border-radius:16px;background:color-mix(in srgb,var(--pd-accent) 4%,var(--pd-bg));padding:36px 20px;box-shadow:none;transition:border-color .2s,background .2s}
.v90-site .direct-upload-dropzone:hover{background:color-mix(in srgb,var(--pd-accent) 8%,var(--pd-bg));border-color:var(--pd-accent)}
.v90-site .direct-upload-drop-icon{width:52px;height:52px;display:grid;place-items:center;border:1px solid var(--pd-line);border-radius:14px;background:var(--pd-panel);color:var(--pd-accent);font-size:1.8rem;box-shadow:0 8px 18px #0002}
.v90-site .upload-stepper{gap:12px;margin:24px 0}.v90-site .upload-stepper li{background:transparent;border:0;border-bottom:2px solid var(--pd-line);border-radius:0;padding:10px 0 13px}.v90-site .upload-stepper li b{width:26px;height:26px;border-radius:50%;font-size:.75rem}.v90-site .upload-stepper li.active{color:var(--pd-accent);border-bottom-color:var(--pd-accent)}
.v90-site :is(.upload-kind-picker label>span,.upload-review,.upload-advanced,.upload-making-of,.upload-quality-panel,.upload-draft-recovery){background:var(--pd-bg);border-color:var(--pd-line);border-radius:12px;box-shadow:none}.v90-site .upload-kind-picker input:checked+span{background:color-mix(in srgb,var(--pd-accent) 7%,var(--pd-bg));border-color:var(--pd-accent)}
.v90-site .upload-wizard-actions{padding-top:18px;border-top:1px solid var(--pd-line);background:var(--pd-panel)}
.v90-site #view-editor .canvas-panel{background:color-mix(in srgb,var(--pd-bg) 70%,#111b23);border-radius:16px}.v90-site #view-editor :is(.editor-sidebar,.upload-panel){padding:16px;background:var(--pd-panel)}
.v90-site #view-editor :is(.tool-btn,.editor-tool-btn){min-width:40px;min-height:40px;border-radius:9px;background:#ffffff04;border:1px solid var(--pd-line);box-shadow:none}.v90-site #view-editor :is(.tool-btn,.editor-tool-btn).active{border-color:var(--pd-accent);background:color-mix(in srgb,var(--pd-accent) 13%,transparent);color:var(--pd-accent)}
.v90-site :is(.editor-animation-panel,.editor-layers-panel,.editor-palette-presets){background:var(--pd-panel);border-color:var(--pd-line);border-radius:12px}.v90-site .editor-frame-tile{border-radius:8px}
.v90-site :is(.toast,.gallery-toast){padding:12px 18px;border:1px solid var(--pd-line);border-radius:12px;background:var(--pd-text);color:var(--pd-bg);box-shadow:0 14px 36px #0005;font-size:.875rem}
.v90-site .discovery-hero{padding:clamp(28px,4vw,56px) 0;margin-bottom:20px;background:none;border:0;border-radius:0;box-shadow:none;gap:40px;grid-template-columns:1.2fr .8fr;min-height:370px}.v90-site .discovery-hero::before{display:none}.v90-site .discovery-hero h1{font-size:clamp(2.6rem,6vw,5.1rem);font-family:inherit;font-weight:750;line-height:.99;letter-spacing:-.06em}.v90-site .discovery-hero h1 em{color:var(--pd-accent);font-style:normal}.v90-site .discovery-hero p:not(.eyebrow){font-size:1rem;color:var(--pd-muted)}
.v90-site .district-orb{position:relative;width:100%;aspect-ratio:96/58;border:1px solid var(--pd-line);border-radius:18px;background:#101e28 url('/assets/worlds/gallery.svg?v=100.0') center/cover;box-shadow:0 16px 44px #0003;animation:none;overflow:hidden;align-content:end;padding:20px}.v90-site .district-orb>span{display:none}.v90-site .district-orb small{position:relative;padding:9px 14px;border:1px solid #cce6df24;border-radius:9px;background:#0c1b24e8;color:#daece5;z-index:1}
.v90-site .discovery-tools{background:var(--pd-panel);border-color:var(--pd-line);box-shadow:0 8px 26px #0003;border-radius:13px}.v90-site .search-box,.v90-site .discovery-tools select{background:var(--pd-bg);border-color:var(--pd-line)}.v90-site .sort-pills button{min-height:40px;border-radius:8px;color:var(--pd-muted);border-color:transparent;background:transparent;font-weight:650}.v90-site .sort-pills button.active{border-color:var(--pd-line);background:color-mix(in srgb,var(--pd-accent) 9%,transparent);color:var(--pd-accent)}
.v90-site .gallery-grid{gap:22px;grid-template-columns:repeat(3,minmax(0,1fr))}.v90-site .exhibition-card{border:1px solid var(--pd-line);border-radius:17px;background:var(--pd-panel);box-shadow:0 8px 22px #0002}.v90-site .exhibition-cover{aspect-ratio:1.42;background:#0b151c;padding:22px;border-bottom:1px solid var(--pd-line)}.v90-site .exhibition-cover img{object-fit:contain;background:transparent;image-rendering:pixelated;box-shadow:0 8px 22px #0003}.v90-site .exhibition-body{padding:22px}.v90-site .exhibition-body h3{font-family:inherit;font-size:1.4rem;line-height:1.25;letter-spacing:-.025em;font-weight:700}.v90-site .exhibition-body>p{color:var(--pd-muted);height:auto;min-height:44px;max-height:3.2em;font-size:.875rem}.v90-site .exhibition-author{font-size:.8125rem;color:var(--pd-accent-2)}.v90-site .exhibition-meta{font-size:.75rem;gap:12px;flex-wrap:wrap;border-color:var(--pd-line)}.v90-site .exhibition-actions{gap:10px;margin-top:20px}.v90-site .exhibition-actions a{font-size:.8125rem;padding:10px}.v90-site .exhibition-badges span{font-size:.625rem;border-radius:6px;letter-spacing:.08em}
.v90-site .preview-copy h1{font:750 clamp(2.3rem,6vw,4.8rem)/1.02 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.05em}.v90-site .preview-copy p{color:var(--pd-muted)}.v90-site :is(.gallery-link-card,.preview-stats,.room-card,.community-card,.preview-loading){background:var(--pd-panel);border-color:var(--pd-line);border-radius:16px;box-shadow:var(--pd-shadow)}.v90-site .preview-collage{border-radius:20px;border:1px solid var(--pd-line);padding:10px;gap:10px;background:var(--pd-panel)}.v90-site .preview-collage figure{border-radius:11px;background:#0b161d}.v90-site .section-heading h2{font:750 clamp(1.6rem,3vw,2.5rem)/1.2 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.035em}
.v90-site .lc-shell{max-width:1480px}.v90-site :is(.hero-panel,.workspace,.canvas-card,.account-card,.notice){border-color:var(--pd-line);border-radius:16px;background:var(--pd-panel);box-shadow:none}.v90-site .hero-panel{padding:30px;gap:28px}.v90-site .hero-copy h1{font-size:clamp(2rem,4vw,3.2rem);font-family:inherit;letter-spacing:-.045em;color:var(--pd-text);text-shadow:none}.v90-site .lc-header a{color:var(--pd-muted)}.v90-site .lc-header a.active{color:var(--pd-accent);background:color-mix(in srgb,var(--pd-accent) 9%,transparent);border-color:var(--pd-line)}.v90-site .hero-panel .hero-stats>div{border:1px solid var(--pd-line);border-radius:12px;background:var(--pd-bg);box-shadow:none}.v90-site .particles{opacity:.28}
.v90-site .skip-link{position:fixed;z-index:200;top:8px;left:16px;transform:translateY(-160%);padding:12px 18px;border-radius:10px;background:var(--pd-accent);color:var(--theme-ink);font-weight:700;text-decoration:none}.v90-site .skip-link:focus{transform:none}
@media(min-width:1100px){.v90-site .view.visible{animation:v90-arrive .24s var(--v90-ease) both}@keyframes v90-arrive{from{opacity:.55;translate:0 5px}to{opacity:1;translate:0 0}}}
@media(max-width:1100px){.v90-site .home-places-v89{gap:14px}.v90-site .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v90-site .discovery-tools{grid-template-columns:1fr 180px}.v90-site .sort-pills{grid-column:1/-1}.v90-site #view-home .landing-grid{gap:24px}.v90-site .mosaic-grid{grid-template-rows:repeat(3,115px)}}
@media(max-width:900px){.v90-site #view-home .landing-grid{grid-template-columns:1fr;gap:30px;padding:10px 0 44px}.v90-site #view-home .hero-text h1{max-width:18ch;font-size:clamp(2.6rem,7.6vw,4.7rem)}.v90-site #view-home .hero-text>p{max-width:62ch}.v90-site #view-home .hero-actions{max-width:100%;flex-direction:row}.v90-site #view-home .hero-actions>*{flex:1}.v90-site #view-home .v65-feature-rail{max-width:100%;grid-template-columns:repeat(4,minmax(0,1fr))}.v90-site .mosaic-grid{grid-template-rows:repeat(3,135px)}.v90-site .home-places-v89{grid-template-columns:repeat(3,minmax(0,1fr))}.v90-site .home-places-v89 .museum-feature-card{padding:16px}.v90-site .home-places-v89 .world-thumbnail{width:calc(100% + 32px);margin:-16px -16px 8px}.v90-site .home-places-v89 .museum-feature-card strong{font-size:1.05rem}.v90-site .home-places-v89 .museum-feature-card small{font-size:.8125rem}.v90-site .aquarium-feature{gap:20px}.v90-site .home-community-v89{grid-template-columns:1fr}.v90-site .discovery-hero{grid-template-columns:1fr .7fr;gap:20px}}
@media(max-width:650px){.v90-site .topbar,.v90-site .pd-shell-topbar,.v90-site .lc-header{min-height:65px;gap:9px}.v90-site .logo-brand .site-logo-img{width:124px}.v90-site main{padding-top:22px}.v90-site .home-art-mosaic{padding:11px;border-radius:15px}.v90-site .mosaic-grid{gap:7px;grid-template-rows:repeat(3,95px)}.v90-site .mosaic-work,.v90-site .mosaic-work:first-child{padding:10px}.v90-site .mosaic-heading{padding:2px 3px 11px;font-size:.6875rem}.v90-site #view-home .hero-actions{display:grid;grid-template-columns:1fr;gap:12px}.v90-site #view-home .v65-feature-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.v90-site .worlds-heading{align-items:start;flex-direction:column;gap:10px;margin-bottom:18px}.v90-site .home-places-v89{grid-template-columns:1fr;gap:16px}.v90-site .home-places-v89 .museum-feature-card{padding:20px}.v90-site .home-places-v89 .world-thumbnail{width:calc(100% + 40px);margin:-20px -20px 8px;aspect-ratio:1.8}.v90-site .home-places-v89 .museum-feature-card strong{font-size:1.2rem}.v90-site .home-places-v89 .museum-feature-card small{font-size:.875rem}.v90-site .aquarium-feature{grid-template-columns:1fr;gap:0}.v90-site .aquarium-feature>img{min-height:0;aspect-ratio:1.8}.v90-site .aquarium-feature>div{padding:24px}.v90-site .gallery-grid{grid-template-columns:1fr}.v90-site .discovery-hero{grid-template-columns:1fr;padding:28px 0;min-height:0}.v90-site .discovery-hero .district-orb{display:none}.v90-site .discovery-hero h1{font-size:clamp(2.4rem,10vw,4rem)}.v90-site .discovery-tools{grid-template-columns:1fr;top:8px}.v90-site .discovery-tools select{grid-column:1}.v90-site :is(input,select,textarea){font-size:16px}.v90-site .upload-stepper{gap:8px}.v90-site .upload-stepper li{font-size:.75rem;gap:6px}.v90-site .upload-wizard{padding:20px 16px}.v90-site .upload-wizard-actions{padding-bottom:max(8px,env(safe-area-inset-bottom))}.v90-site .hero-panel{padding:20px}.v90-site .exhibition-cover{padding:18px}}
@media(prefers-reduced-motion:reduce){.v90-site *,.v90-site *::before,.v90-site *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.v90-site .view.visible{translate:none!important}}
@media(forced-colors:active){.v90-site :is(.primary,.secondary,.pd-button,.mosaic-work,.museum-feature-card){border:1px solid ButtonText;box-shadow:none}}

/* Existing palette choices also work on standalone pages. */
html[data-theme="ocean"] { --theme-bg:#061421; --theme-panel:#0c2e45; --theme-surface:#103a55; --theme-accent:#45c9f5; --theme-bright:#88f5df; --theme-muted:#a9cbd9; --theme-ink:#041019; }
html[data-theme="sunset"] { --theme-bg:#1b1016; --theme-panel:#3a1b2a; --theme-surface:#4a2332; --theme-accent:#ff8b4d; --theme-bright:#ffcf6e; --theme-muted:#d9b5bd; --theme-ink:#180a08; }
html[data-theme="candy"] { --theme-bg:#190e22; --theme-panel:#35194a; --theme-surface:#48225e; --theme-accent:#ff71bd; --theme-bright:#7de8ff; --theme-muted:#d6b7e4; --theme-ink:#190820; }
html[data-theme="midnight"] { --theme-bg:#080b19; --theme-panel:#141b35; --theme-surface:#1d2746; --theme-accent:#7c91ff; --theme-bright:#57e4d0; --theme-muted:#aeb8d8; --theme-ink:#060817; }
html[data-theme="royal"] { --theme-bg:#120b21; --theme-panel:#281747; --theme-surface:#38205b; --theme-accent:#b982ff; --theme-bright:#ffd86a; --theme-muted:#c9b5dd; --theme-ink:#11081d; }
html[data-theme="ember"] { --theme-bg:#1a0c09; --theme-panel:#35150f; --theme-surface:#492016; --theme-accent:#ff7340; --theme-bright:#ffd65d; --theme-muted:#d5b5a8; --theme-ink:#170805; }
html[data-theme="winter"] { --theme-bg:#071624; --theme-panel:#102f46; --theme-surface:#173e58; --theme-accent:#77d8ff; --theme-bright:#f2fbff; --theme-muted:#b8d7e5; --theme-ink:#05121b; }
html[data-theme="newyear"] { --theme-bg:#090816; --theme-panel:#1e1638; --theme-surface:#2d2050; --theme-accent:#ffd35c; --theme-bright:#aa8cff; --theme-muted:#c9c0dc; --theme-ink:#120d08; }
html[data-theme="easter"] { --theme-bg:#151225; --theme-panel:#30264a; --theme-surface:#41345d; --theme-accent:#ff91c8; --theme-bright:#b8f28a; --theme-muted:#d5c7e3; --theme-ink:#140a16; }
html[data-theme="halloween"] { --theme-bg:#130a18; --theme-panel:#2c1237; --theme-surface:#40194d; --theme-accent:#ff812d; --theme-bright:#bd7cff; --theme-muted:#c9aecf; --theme-ink:#17080c; }
/* The game table keeps its board layout and receives the shared shell finish. */
.v90-site .play-topbar{border:1px solid var(--pd-line);border-radius:14px;background:var(--pd-panel);box-shadow:0 12px 30px #0003}.v90-site .play-title-block h1{font-family:inherit;font-weight:750;letter-spacing:-.035em}.v90-site .mode-badge{border-color:var(--pd-line);background:#ffffff05;border-radius:5px;color:var(--pd-accent)}.v90-site .table-frame{border-color:#587465;border-radius:18px;box-shadow:0 24px 60px #0004}.v90-site .core-banner{border-radius:12px;box-shadow:0 8px 18px #0003}.v90-site .resource-strip>div{border-color:var(--pd-line);border-radius:8px;background:#0b1714d9}.v90-site .turn-badge{border-radius:8px;box-shadow:none}.v90-site .sky-fx{opacity:.35}

/* Source: /styles/v91-home.css */
/* PixelDeck 91 · A living introduction to the existing community. */
.v91-site #view-home { --home-gap:clamp(32px,4.2vw,64px); }
.v91-site #view-home [hidden] { display:none!important; }
.v91-site #view-home .landing-grid { grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr); align-items:center; gap:clamp(24px,4vw,64px); padding:24px 0 var(--home-gap); }
.v91-site #view-home .hero-text h1 { max-width:100%; font-size:clamp(2.8rem,4.8vw,4.65rem); line-height:1.06; letter-spacing:-.05em; margin:20px 0 24px; }
.v91-site #view-home .hero-text h1>span { display:block; }
.v91-site #view-home .hero-worlds { color:var(--pd-accent); }
.v91-site #view-home .hero-text>p { max-width:43ch; font-size:1.0625rem; line-height:1.75; margin:0; }
.v91-site #view-home .hero-actions { flex-direction:row; flex-wrap:wrap; max-width:440px; gap:12px; margin-top:28px; }
.v91-site #view-home .hero-actions>button { flex:1; min-height:52px; padding:14px 18px; font-size:.9375rem; }
.v91-site #view-home .hero-actions .home-create-btn { background:color-mix(in srgb,var(--pd-panel) 90%,var(--pd-accent) 10%); border-color:var(--pd-line); }
.v91-site .home-quick-links { display:flex; flex-wrap:wrap; align-items:center; gap:8px 22px; margin:14px 0 20px; }
.v91-site .home-quick-links :is(a,button) { color:var(--pd-muted); text-decoration:none; font-family:inherit; font-size:.875rem; font-weight:550; line-height:1.4; min-height:44px; display:inline-flex; align-items:center; padding:0; border:0; background:none; box-shadow:none; }
.v91-site .home-quick-links :is(a,button):hover { color:var(--pd-accent); text-decoration:underline; text-underline-offset:5px; }
.v91-site .home-return { display:flex; gap:12px; align-items:center; flex-wrap:wrap; max-width:490px; min-height:110px; padding:16px 18px; border:1px solid var(--pd-line); border-left:2px solid var(--pd-accent); border-radius:0 14px 14px 0; background:color-mix(in srgb,var(--pd-panel) 55%,transparent); }
.v91-site .home-return>div { min-width:0; flex:1 1 190px; }
.v91-site .home-return b { display:block; font-size:.875rem; font-weight:700; line-height:1.5; overflow-wrap:anywhere; }
.v91-site .home-return p { font-size:.875rem; color:var(--pd-muted); margin:4px 0 0; line-height:1.55; overflow-wrap:anywhere; }
.v91-site .home-return small { display:block; margin-top:5px; color:var(--pd-muted); font-size:.75rem; }
.v91-site .return-mark { color:var(--pd-accent); font-size:1.3rem; flex:none; }
.v91-site .return-action { display:inline-flex; align-items:center; justify-content:center; margin-left:auto; min-height:44px; padding:10px 12px; color:var(--pd-accent); font-size:.875rem; font-family:inherit; font-weight:700; text-decoration:none; border:1px solid var(--pd-line); border-radius:9px; background:var(--pd-panel); }
.v91-site .home-art-mosaic { min-height:520px; padding:18px; box-shadow:0 26px 64px #0003; }
.v91-site .mosaic-heading { font-size:.875rem; line-height:1.4; align-items:center; padding:0 2px 16px; }
.v91-site .mosaic-heading span:last-child { font-size:.75rem; }
.v91-site .mosaic-grid,.v91-site .mosaic-placeholder { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); grid-template-rows:repeat(3,148px); gap:10px; }
.v91-site .mosaic-work,.v91-site .mosaic-work:first-child { display:grid; grid-template-rows:minmax(0,1fr) auto; padding:12px 10px 0; gap:8px; min-width:0; }
.v91-site .mosaic-work:first-child { padding:22px 18px 0; }
.v91-site .mosaic-work img { min-height:0; min-width:0; width:100%; height:100%; object-fit:contain; image-rendering:pixelated; }
.v91-site .mosaic-work>span { position:static; opacity:1; transform:none; padding:8px 0 10px; border-top:1px solid var(--pd-line); background:none; color:var(--pd-text); min-width:0; }
.v91-site .mosaic-work b,.v91-site .mosaic-work small { font-size:.875rem; line-height:1.4; }
.v91-site .mosaic-work small { color:var(--pd-muted); font-weight:450; }
.v91-site .mosaic-work:first-child b { font-size:1rem; }
.v91-site .mosaic-placeholder>i { border:1px solid var(--pd-line); border-radius:11px; background:linear-gradient(110deg,var(--pd-bg) 20%,var(--pd-panel-2) 48%,var(--pd-bg) 76%); background-size:220% 100%; }
.v91-site .mosaic-placeholder>i:first-child { grid-row:span 2; grid-column:span 2; }
.v91-site .mosaic-empty { min-height:480px; border:0; padding:20px; }
.v91-site .mosaic-empty p { font-size:1rem; }
.v91-site .worlds-heading { display:flex; flex-wrap:wrap; align-items:end; gap:16px 24px; margin-bottom:24px; }
.v91-site .worlds-heading>div { flex:1 1 290px; }
.v91-site .worlds-heading>p { flex:0 1 30ch; font-size:.9375rem; }
.v91-site .section-number { color:var(--pd-muted); font:500 .875rem/1.5 ui-monospace,SFMono-Regular,monospace; letter-spacing:.06em; white-space:nowrap; align-self:center; }
.v91-site .home-motion-toggle { min-height:44px; padding:8px 12px; border:1px solid var(--pd-line); border-radius:9px; background:transparent; color:var(--pd-muted); font-size:.875rem; font-family:inherit; box-shadow:none; }
.v91-site .home-motion-toggle[aria-pressed=true] { color:var(--pd-accent); border-color:color-mix(in srgb,var(--pd-accent) 45%,var(--pd-line)); }
.v91-site .home-motion-toggle:disabled { opacity:1; }
.v91-site .home-places-v89 { gap:20px; margin-bottom:24px; }
.v91-site .home-places-v89 .museum-feature-card { border-radius:18px; padding:24px; gap:10px; }
.v91-site .home-places-v89 .museum-feature-card strong { font-size:1.25rem; line-height:1.35; }
.v91-site .home-places-v89 .museum-feature-card small { font-size:.9375rem; line-height:1.65; }
.v91-site .home-places-v89 .museum-feature-card>b { font-size:.875rem; min-height:44px; align-items:center; }
.v91-site .home-places-v89 .world-scene { width:calc(100% + 48px); margin:-24px -24px 12px; border-bottom:1px solid var(--pd-line); }
.v91-site .world-scene { display:block; position:relative; flex:none; min-width:0; overflow:hidden; aspect-ratio:96/58; background:#101e28; isolation:isolate; }
.v91-site .world-scene svg { display:block; width:100%; height:100%; transform:perspective(900px) rotateY(var(--scene-x,0deg)) rotateX(var(--scene-y,0deg)); transition:transform .32s cubic-bezier(.2,.75,.3,1); }
.v91-site .world-scene[data-world-scene=aquarium] { background:#0b2531; }
.v91-site .world-scene[data-world-scene=district] { background:#0a1725; }
.v91-site .aquarium-feature { grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); gap:0; margin-bottom:var(--home-gap); border-radius:20px; }
.v91-site .aquarium-feature>.world-scene { width:100%; align-self:stretch; aspect-ratio:96/58; min-height:300px; }
.v91-site .aquarium-feature>.world-scene svg { object-fit:contain; }
.v91-site .aquarium-feature>div { padding:clamp(24px,3vw,44px); }
.v91-site .aquarium-feature p { font-size:1rem; }
.v91-site #view-home :is(.v67-kicker,.museum-feature-kicker,.asset-hub-kicker) { font-size:.75rem; letter-spacing:.1em; line-height:1.6; }
.v91-site .home-section-heading { display:flex; justify-content:space-between; gap:24px; align-items:end; margin-bottom:24px; }
.v91-site .home-section-heading h2 { font-size:clamp(1.6rem,3vw,2.25rem); font-weight:750; line-height:1.2; letter-spacing:-.04em; margin:8px 0 0; }
.v91-site .home-participate { margin-bottom:32px; }
.v91-site .home-community-stories { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:24px; }
.v91-site :is(.home-spotlight,.home-canvas-feature) { display:grid; grid-template-rows:280px 1fr; min-width:0; overflow:hidden; border:1px solid var(--pd-line); border-radius:20px; background:var(--pd-panel); box-shadow:0 14px 34px #0002; }
.v91-site .spotlight-art { display:grid; place-items:center; min-width:0; background:radial-gradient(ellipse at 50% 70%,color-mix(in srgb,var(--pd-accent) 9%,var(--pd-bg)),var(--pd-bg)); border-bottom:1px solid var(--pd-line); padding:24px; }
.v91-site .spotlight-open { display:grid; place-items:center; width:100%; height:100%; min-height:0; overflow:hidden; border:0; padding:0; background:none; border-radius:8px; box-shadow:none; color:var(--pd-accent); }
.v91-site .spotlight-open img { width:100%; height:100%; min-height:0; object-fit:contain; image-rendering:pixelated; filter:none!important; }
.v91-site .spotlight-monogram { color:var(--pd-accent); font-size:4rem; font-weight:300; }
.v91-site .spotlight-copy,.v91-site .home-canvas-copy { padding:26px 30px 30px; min-width:0; display:flex; flex-direction:column; align-items:flex-start; }
.v91-site :is(.spotlight-copy,.home-canvas-copy) h3 { font-size:clamp(1.5rem,2.3vw,2rem); letter-spacing:-.035em; line-height:1.25; margin:10px 0; overflow-wrap:anywhere; }
.v91-site :is(.spotlight-copy,.home-canvas-copy) p { font-size:1rem; color:var(--pd-muted); line-height:1.65; margin:0 0 14px; }
.v91-site #homeSpotlightCredit a { color:var(--pd-accent); text-decoration:none; overflow-wrap:anywhere; }
.v91-site #homeSpotlightCredit a:hover { text-decoration:underline; text-underline-offset:4px; }
.v91-site #homeSpotlightActions { display:flex; flex-wrap:wrap; align-items:center; gap:8px 18px; padding-top:10px; margin-top:auto; }
.v91-site .spotlight-profile { color:var(--pd-muted); text-decoration:none; font-size:.875rem; display:inline-flex; min-height:44px; align-items:center; }
.v91-site .home-canvas-frame { position:relative; display:grid; place-items:center; min-width:0; min-height:0; padding:20px 20px 44px; background:linear-gradient(135deg,#18322e,#13252a 70%); border-bottom:1px solid var(--pd-line); overflow:hidden; color:#c6ddd4; text-decoration:none; }
.v91-site .home-canvas-frame canvas { width:auto; height:100%; max-width:100%; max-height:100%; aspect-ratio:1; object-fit:contain; image-rendering:pixelated; background:#fff; border:6px solid #e3e8dc; outline:1px solid #839e9770; box-shadow:0 14px 36px #0005; }
.v91-site #homeCanvasPlaceholder { max-width:35ch; text-align:center; line-height:1.65; font-size:1rem; }
.v91-site .canvas-frame-label { position:absolute; left:0; bottom:12px; width:100%; text-align:center; font:500 .75rem/1.4 ui-monospace,monospace; letter-spacing:.15em; color:#b4cfc5; }
.v91-site .home-canvas-copy .canvas-meta { font-size:.875rem; color:var(--pd-text); margin:0 0 4px; }
.v91-site .home-canvas-copy .canvas-status { color:var(--pd-muted); font-size:.75rem; margin:0 0 18px; }
.v91-site .home-canvas-copy .primary { margin-top:auto; }
.v91-site #homeCanvasRetry { margin-top:12px; min-height:44px; color:var(--pd-accent); font-size:.875rem; }
.v91-site .v67-home-recommendations { margin:0 0 var(--home-gap); }
.v91-site .home-asset-hub { margin:0 0 var(--home-gap); }
.v91-site #view-home .asset-hub-panel { border-radius:20px; padding:clamp(22px,3vw,38px); background:linear-gradient(120deg,color-mix(in srgb,var(--pd-panel) 88%,var(--pd-accent)),var(--pd-panel) 65%); }
.v91-site .asset-hub-mini-stats { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:24px; }
.v91-site .asset-hub-mini-stats span { border:1px solid var(--pd-line); border-radius:6px; color:var(--pd-muted); background:transparent; padding:5px 9px; font-size:.875rem; box-shadow:none; }
.v91-site .home-community-v89 { margin:0 0 24px; }
.v91-site .home-community-copy .hero-stats span { font-size:.875rem; }
.v91-site .home-lower-grid { display:flex; flex-direction:column; gap:24px; margin-bottom:var(--home-gap); }
.v91-site .home-lower-grid .activity-panel { order:-1; }
.v91-site .home-lower-grid .activity-feed { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.v91-site #view-home .home-start-guide { padding:0; overflow:hidden; }
.v91-site .home-start-guide summary { padding:22px 26px; cursor:pointer; font-size:1rem; font-weight:650; }
.v91-site .home-start-guide[open] summary { border-bottom:1px solid var(--pd-line); }
.v91-site .home-start-guide .landing-cards { padding:24px; }
.v91-site .home-start-guide .info-card { min-width:0; }
.v91-site #view-home :is(.primary,.secondary,.return-action,.home-motion-toggle) { transition:transform .16s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease; }
.v91-site #view-home :is(.primary,.secondary,.return-action,.home-motion-toggle):active { transform:translateY(2px); box-shadow:inset 0 2px 5px #0003; }
.v91-site #view-home :is(button,a,summary):focus-visible { outline:2px solid var(--pd-accent); outline-offset:4px; }
/* Animate only existing parts of the illustrations, never the whole page. */
.scene-fish { animation:pd91-swim var(--duration,15s) ease-in-out var(--delay,0s) infinite; }
.scene-bubble { animation:pd91-bubble var(--duration,8s) linear var(--delay,0s) infinite; }
.scene-water { animation:pd91-water 8s ease-in-out infinite; }
.scene-sculpture { animation:pd91-float 7s ease-in-out infinite; }
.scene-orbit { transform-box:fill-box; transform-origin:center; animation:pd91-orbit 28s ease-in-out infinite; }
.scene-orbit-1 { animation-direction:reverse; animation-duration:34s; }
.scene-window { animation:pd91-glow 7s ease-in-out var(--delay,0s) infinite; }
.scene-leaves,.scene-kelp { transform-box:fill-box; transform-origin:50% 100%; animation:pd91-sway 7s ease-in-out infinite; }
.world-scene :is(.scene-fish,.scene-bubble,.scene-water,.scene-sculpture,.scene-orbit,.scene-window,.scene-leaves,.scene-kelp) { animation-play-state:paused; }
html[data-home-motion=running] .world-scene.is-in-view :is(.scene-fish,.scene-bubble,.scene-water,.scene-sculpture,.scene-orbit,.scene-window,.scene-leaves,.scene-kelp) { animation-play-state:running; }
@keyframes pd91-swim { 0%,100%{transform:translate(-12px,2px)} 50%{transform:translate(18px,-5px)} }
@keyframes pd91-bubble { 0%{transform:translate(0,12px);opacity:0} 15%{opacity:.7} 80%{opacity:.6} 100%{transform:translate(6px,-58px);opacity:0} }
@keyframes pd91-water { 0%,100%{opacity:.65} 50%{opacity:1} }
@keyframes pd91-float { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)} }
@keyframes pd91-orbit { 0%,100%{transform:rotate(-4deg) scaleX(.96)} 50%{transform:rotate(8deg) scaleX(1.04)} }
@keyframes pd91-glow { 0%,100%{opacity:.48} 50%{opacity:1} }
@keyframes pd91-sway { 0%,100%{transform:skewX(-1deg)} 50%{transform:skewX(2deg)} }
@media (hover:hover) { .v91-site .home-canvas-frame:hover { border-bottom-color:#9cc5b6; } .v91-site .return-action:hover { border-color:var(--pd-accent); background:var(--pd-panel-2); } }
@media (max-width:1100px) { .v91-site #view-home .landing-grid { gap:28px; } .v91-site .mosaic-heading span:last-child { display:none; } .v91-site .mosaic-grid,.v91-site .mosaic-placeholder { grid-template-rows:repeat(3,140px); } .v91-site .home-art-mosaic { min-height:490px; } .v91-site .home-return { padding:14px; } .v91-site .home-places-v89 .museum-feature-card { padding:18px; } .v91-site .home-places-v89 .world-scene { width:calc(100% + 36px); margin:-18px -18px 8px; } .v91-site .home-places-v89 .museum-feature-card strong { font-size:1.1rem; } .v91-site .home-community-stories { gap:20px; } }
@media (max-width:900px) { .v91-site #view-home .landing-grid { grid-template-columns:1fr; gap:30px; } .v91-site #view-home .hero-text h1 { font-size:clamp(2.8rem,7.8vw,4.65rem); } .v91-site #view-home .hero-text>p { max-width:55ch; } .v91-site #view-home .hero-actions { max-width:500px; } .v91-site .home-return { max-width:100%; min-height:96px; } .v91-site .mosaic-heading span:last-child { display:block; } .v91-site .home-art-mosaic { min-height:440px; } .v91-site .mosaic-grid,.v91-site .mosaic-placeholder { grid-template-rows:repeat(3,124px); } .v91-site .worlds-heading>p { flex-basis:100%; max-width:none; margin:0; } .v91-site .worlds-heading { flex-direction:row; } .v91-site .worlds-heading .home-motion-toggle { margin-left:auto; } .v91-site .aquarium-feature>.world-scene { min-height:260px; } }
@media (max-width:700px) { .v91-site .home-places-v89 { grid-template-columns:1fr; gap:20px; } .v91-site .home-places-v89 .museum-feature-card { display:grid; grid-template-columns:minmax(110px,.7fr) minmax(0,1fr); column-gap:20px; padding:20px; } .v91-site .home-places-v89 .world-scene { grid-column:1; grid-row:1/5; width:calc(100% + 20px); height:calc(100% + 40px); margin:-20px 0 -20px -20px; aspect-ratio:auto; border:0; } .v91-site .home-places-v89 .museum-feature-card>:not(.world-scene) { grid-column:2; } .v91-site .home-places-v89 .museum-feature-card strong { font-size:1.125rem; } .v91-site .home-places-v89 .museum-feature-card small { font-size:.875rem; margin-bottom:2px; } .v91-site .home-places-v89 .museum-feature-card>b { padding-top:10px; } .v91-site .home-community-stories { grid-template-columns:1fr; } .v91-site :is(.home-spotlight,.home-canvas-feature) { grid-template-rows:260px 1fr; } .v91-site .home-lower-grid .activity-feed { grid-template-columns:1fr; } .v91-site .aquarium-feature { grid-template-columns:1fr; } .v91-site .aquarium-feature>.world-scene { aspect-ratio:2/1; min-height:0; } }
@media (max-width:560px) { .v91-site #view-home { --home-gap:40px; } .v91-site #view-home .landing-grid { padding-top:4px; } .v91-site #view-home .hero-text h1 { font-size:clamp(2.55rem,10vw,3.6rem); margin:18px 0; } .v91-site #view-home .hero-text>p { font-size:1rem; } .v91-site #view-home .hero-actions { display:flex; flex-direction:row; margin-top:24px; gap:10px; } .v91-site #view-home .hero-actions>button { min-width:0; padding:12px; font-size:.875rem; } .v91-site .home-quick-links { gap:4px 20px; margin:8px 0 16px; } .v91-site .home-return { min-height:108px; gap:8px 12px; } .v91-site .home-return>div { flex-basis:170px; } .v91-site .home-art-mosaic { min-height:397px; padding:12px; } .v91-site .mosaic-heading { font-size:.8125rem; padding-bottom:12px; } .v91-site .mosaic-heading span:last-child { display:none; } .v91-site .mosaic-grid,.v91-site .mosaic-placeholder { grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:repeat(2,170px); gap:10px; } .v91-site .mosaic-work:first-child,.v91-site .mosaic-placeholder>i:first-child { grid-column:auto; grid-row:auto; } .v91-site .mosaic-work,.v91-site .mosaic-work:first-child { padding:10px 10px 0; } .v91-site .mosaic-work:nth-child(n+5),.v91-site .mosaic-placeholder>i:nth-child(n+5) { display:none; } .v91-site .mosaic-work:first-child b { font-size:.875rem; } .v91-site .mosaic-empty { min-height:365px; } .v91-site .worlds-heading>div { flex-basis:220px; } .v91-site .section-number { display:none; } .v91-site .worlds-heading h2,.v91-site .home-section-heading h2 { font-size:1.7rem; } .v91-site .home-places-v89 .museum-feature-card { column-gap:14px; grid-template-columns:minmax(90px,.65fr) minmax(0,1fr); padding:16px; } .v91-site .home-places-v89 .world-scene { width:calc(100% + 16px); height:calc(100% + 32px); margin:-16px 0 -16px -16px; } .v91-site .home-places-v89 .museum-feature-card strong { font-size:1rem; } .v91-site #view-home .museum-feature-kicker { font-size:.75rem; letter-spacing:.045em; } .v91-site .spotlight-copy,.v91-site .home-canvas-copy { padding:24px; } .v91-site .aquarium-feature>div { padding:24px; } .v91-site .home-start-guide .landing-cards { padding:18px; grid-template-columns:1fr; } .v91-site .home-start-guide summary { padding:20px; } }
@media (max-width:370px) { .v91-site #view-home .hero-actions { flex-direction:column; } .v91-site .home-places-v89 .museum-feature-card { display:flex; padding:20px; } .v91-site .home-places-v89 .world-scene { width:calc(100% + 40px); height:auto; aspect-ratio:2/1; margin:-20px -20px 8px; } .v91-site .mosaic-grid,.v91-site .mosaic-placeholder { grid-template-rows:repeat(2,155px); } }
html[lang=es] .v91-site #view-home .hero-text h1 { font-size:clamp(2.3rem,4.1vw,4rem); }
@media (max-width:900px) { html[lang=es] .v91-site #view-home .hero-text h1 { font-size:clamp(2.3rem,7vw,4rem); } }
@media (prefers-reduced-motion:reduce) { .v91-site #view-home *, .v91-site #view-home *::before,.v91-site #view-home *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } .v91-site .world-scene svg { transform:none!important; } .v91-site #view-home :is(a,button):hover { transform:none; } }
@media (forced-colors:active) { .v91-site #view-home :is(.mosaic-work,.home-return,.home-spotlight,.home-canvas-feature,.home-motion-toggle,.museum-feature-card) { border:1px solid CanvasText; } .v91-site .home-canvas-frame canvas { border-color:CanvasText; } }

@media (max-width:560px) {
 .v91-site .home-places-v89 .museum-feature-card { display:flex; padding:20px; gap:8px; }
 .v91-site .home-places-v89 .world-scene { width:calc(100% + 40px); height:auto; aspect-ratio:2/1; margin:-20px -20px 8px; }
 .v91-site .home-places-v89 .museum-feature-card strong { font-size:1.2rem; }
}

/* Source: /styles/v92-performance.css */
/* Preserve the same cards and scrolling; offscreen paint/layout can sleep. */
@supports(content-visibility:auto){
  .exhibition-card,.artwork-card,.asset-card,.aquarium-archive-card{content-visibility:auto;contain-intrinsic-size:auto 390px}
  .aquarium-archive-card{contain-intrinsic-size:auto 130px}
}

/* Source: /styles/v93-pixel.css */
/* PixelDeck 93 · A little arcade for a community of pixel artists. */
@font-face {
  font-family: 'PixelDeck Display';
  src: url('/assets/fonts/pixeldeck-display.woff') format('woff');
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
}
:root {
  --px-display: 'PixelDeck Display', ui-monospace, monospace;
  --px-mono: ui-monospace, 'Cascadia Mono', 'Segoe UI Mono', monospace;
  --px-gold: #ffdc8a;
  --px-mint: #8ae0ca;
  --px-lilac: #b4a0ef;
  --px-coral: #f8a99d;
}
.v93-site {
  --pd-radius: 4px;
  --px-edge: color-mix(in srgb, var(--pd-accent) 28%, var(--pd-panel));
  --px-shadow: 4px 4px 0 color-mix(in srgb, var(--pd-bg) 80%, #000);
  --px-surface: color-mix(in srgb, var(--pd-panel) 88%, #11192d);
}
.v93-site:not(.museum-page):not(.pixel-workspace) {
  background:
    radial-gradient(ellipse at 78% 3%, color-mix(in srgb, var(--pd-accent-2) 10%, transparent), transparent 38rem),
    radial-gradient(ellipse at 4% 24rem, color-mix(in srgb, var(--pd-accent) 9%, transparent), transparent 42rem),
    var(--pd-bg);
}
.v93-site .bg-grid {
  opacity: .42; filter: none;
  background-image: linear-gradient(color-mix(in srgb, var(--pd-muted) 7%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--pd-muted) 7%, transparent) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: linear-gradient(#0008, transparent 90%);
}
.v93-site .pixel-background {
  position: fixed; inset: 0; z-index: 0; pointer-events: none; overflow: hidden;
  contain: strict; opacity: 1;
}
.v93-site .pixel-background i,
html[data-theme] .v93-site .pixel-background i {
  position: absolute; display: block; left: var(--pixel-x); top: var(--pixel-y);
  width: 3px; height: 3px; background: var(--pd-accent); opacity: .26;
  box-shadow: -3px 0 currentColor, 3px 0 currentColor, 0 -3px currentColor, 0 3px currentColor;
  color: var(--pd-accent); will-change: auto;
  animation: pd93-stardrift var(--pixel-duration, 24s) steps(24, end) var(--pixel-delay, 0s) infinite;
  animation-play-state: paused;
}
html .v93-site .pixel-background i:nth-child(3n) { color: var(--px-mint); background: var(--px-mint); box-shadow: none; width: 5px; height: 5px; }
html .v93-site .pixel-background i:nth-child(4n) { color: var(--px-lilac); background: transparent; box-shadow: 0 0 0 2px currentColor; width: 9px; height: 9px; }
html .v93-site .pixel-background i:nth-child(5n) { color: var(--px-gold); background: var(--px-gold); }
.v93-site .pixel-background::before, .v93-site .pixel-background::after {
  content: ''; position: absolute; left: 7%; top: 20%; width: 4px; height: 4px;
  color: var(--pd-accent); background: currentColor; opacity: 0;
  box-shadow: -5px -3px currentColor, -10px -6px color-mix(in srgb, currentColor 60%, transparent), -15px -9px color-mix(in srgb, currentColor 30%, transparent);
  animation: pd93-comet 19s linear -7s infinite paused;
}
.v93-site .pixel-background::after { left: 79%; top: 56%; color: var(--px-mint); animation-duration: 27s; animation-delay: -17s; }
html[data-pixel-motion=running] .v93-site .pixel-background::before,
html[data-pixel-motion=running] .v93-site .pixel-background::after { animation-play-state: running; }
@keyframes pd93-comet {
  0%, 76% { transform: translate3d(0, 0, 0); opacity: 0; }
  79% { opacity: .55; }
  88% { transform: translate3d(110px, 66px, 0); opacity: 0; }
  100% { transform: translate3d(110px, 66px, 0); opacity: 0; }
}
html[data-pixel-motion=running] .v93-site .pixel-background i { animation-play-state: running; }
html[data-pixel-density=low] .v93-site .pixel-background i:nth-child(n+9) { display: none; }
html[data-pixel-view=editor] .pixel-background, html[data-pixel-view=creatorlab] .pixel-background { visibility: hidden; }
@keyframes pd93-stardrift {
  0%, 100% { transform: translate3d(-8px, 18px, 0); opacity: .18; }
  45% { transform: translate3d(16px, -28px, 0); opacity: .5; }
  70% { transform: translate3d(30px, -10px, 0); opacity: .3; }
}

/* The original logo stays intact; the navigation becomes a compact game bar. */
.v93-site :is(.topbar, .pd-shell-topbar, .gallery-topbar, .lc-header) {
  border-bottom: 2px solid var(--px-edge); box-shadow: 0 4px 0 #0003;
  backdrop-filter: none; background: var(--pd-bg);
}
.v93-site #nav.nav > .nav-btn, .v93-site #nav.nav > .nav-more > summary,
.v93-site :is(.pd-nav-link, .lc-header a, .nav-more-group .nav-btn) {
  border-radius: 3px; text-decoration: none; font-weight: 700;
}
.v93-site #nav.nav > .nav-btn.active, .v93-site .pd-nav-link.active {
  color: var(--pd-accent); border: 1px solid var(--px-edge);
  background: color-mix(in srgb, var(--pd-accent) 12%, var(--pd-bg));
  box-shadow: inset 0 -3px 0 var(--pd-accent), 2px 2px 0 #0004;
}
.v93-site :is(.nav-more-menu, .theme-panel, .global-search-card, .theme-picker) {
  border-radius: 4px; border: 2px solid var(--px-edge); box-shadow: 6px 6px 0 #0006;
}
.v93-site :is(.lang-select, .pd-language, .theme-toggle-btn, .notification-btn, .online-ticker, .theme-option) { border-radius: 3px; }
.v93-site .nav-more-label { font: 700 .75rem/1.5 var(--px-mono); }

/* Real borders preserve keyboard focus and full rectangular touch targets. */
.v93-site :is(.primary, .secondary, .pd-button, .primary-btn, .secondary-btn, .small-btn, .exhibition-actions a, .preview-actions a, .return-action, .home-motion-toggle) {
  border-radius: 3px; border: 2px solid var(--px-edge);
  box-shadow: inset 0 2px 0 #ffffff12, 0 4px 0 #0005;
  font-family: var(--px-mono); font-size: .875rem; font-weight: 750; letter-spacing: -.035em;
  transition: transform .14s ease, border-color .14s ease, background-color .14s ease;
}
.v93-site :is(.primary, .primary-btn, .pd-button.primary, .exhibition-actions .enter),
.v93-site #view-home .hero-actions .v65-discover-btn {
  background: var(--pd-accent); color: var(--theme-ink, #09131b);
  border: 2px solid color-mix(in srgb, var(--pd-accent) 70%, #fff);
  border-radius: 3px; box-shadow: inset 0 2px 0 #ffffff42, 0 4px 0 color-mix(in srgb, var(--pd-accent) 40%, #101522), 0 7px 0 #0003;
}
.v93-site :is(.secondary, .pd-button:not(.primary), .secondary-btn, .small-btn) { background: var(--px-surface); color: var(--pd-text); }
.v93-site :is(button, a, input, select, textarea, summary):focus-visible { outline: 3px solid var(--pd-accent-2) !important; outline-offset: 5px; }
.v93-site :is(input:not([type=range]):not([type=color]):not([type=checkbox]):not([type=radio]), select, textarea) { border-radius: 3px; }
.v93-site :is(.primary, .secondary, .pd-button, .primary-btn, .secondary-btn, .small-btn, .exhibition-actions a, .return-action):active,
.v93-site #view-home .hero-actions > button:active { transform: translateY(3px); box-shadow: inset 0 2px 0 #0002, 0 1px 0 #0005; }
.v93-site button:disabled { transform: none; box-shadow: none; }

/* Homepage: generous type, a miniature world and frames with pixel corners. */
.v93-site #view-home { --home-gap: clamp(40px, 4.5vw, 72px); }
.v93-site #view-home .landing-grid { gap: clamp(28px, 4vw, 64px); padding: 20px 0 var(--home-gap); }
.v93-site #view-home .hero-text { border: 0; background: none; box-shadow: none; padding: 0; }
.v93-site #view-home .hero-text h1 {
  max-width: 100%; font-family: var(--px-display); font-size: clamp(2.4rem, 4.15vw, 4rem);
  line-height: 1.26; letter-spacing: -.025em; font-weight: 400;
  margin: 22px 0; text-shadow: 3px 3px 0 #0004;
}
.v93-site #view-home .hero-text h1 > span { display: block; }
.v93-site #view-home .hero-worlds { color: var(--pd-accent); text-shadow: 3px 3px 0 color-mix(in srgb, var(--pd-accent) 20%, var(--pd-bg)); }
.v93-site #view-home .hero-text > p { max-width: 44ch; font-size: 1.0625rem; line-height: 1.8; }
.v93-site .hero-mood-row { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; }
.v93-site #seasonPill { border-radius: 2px; border: 1px solid var(--px-edge); padding: 7px 10px; min-height: 32px; font: 700 .75rem/1.5 var(--px-mono); background: var(--px-surface); }
.v93-site .hero-palette { display: flex; gap: 4px; }
.v93-site .hero-palette i { width: 8px; height: 8px; background: var(--pd-accent); box-shadow: 0 2px 0 #0003; }
.v93-site .hero-palette i:nth-child(2) { background: var(--px-gold); }
.v93-site .hero-palette i:nth-child(3) { background: var(--px-mint); }
.v93-site .hero-palette i:nth-child(4) { background: var(--px-lilac); }
.v93-site .hero-palette i:nth-child(5) { background: var(--px-coral); }
.v93-site #view-home .hero-actions { max-width: 490px; gap: 14px; }
.v93-site #view-home .hero-actions > button { min-height: 54px; font: 750 .9375rem/1.4 var(--px-mono); border-radius: 3px; }
.v93-site #view-home .home-create-btn { border: 2px solid var(--px-edge); }
.v93-site .home-return { border: 1px solid var(--px-edge); border-left: 4px solid var(--pd-accent); border-radius: 3px; background: var(--px-surface); box-shadow: 4px 4px 0 #0002; min-height: 96px; }
.v93-site .return-mark { display: grid; place-items: center; flex: 0 0 32px; height: 32px; background: color-mix(in srgb, var(--pd-accent) 12%, transparent); border: 1px solid var(--px-edge); }
.v93-site .home-art-mosaic { padding: 16px; min-height: 520px; border: 2px solid var(--px-edge); border-radius: 4px; background: var(--px-surface); box-shadow: 6px 6px 0 #0003; }
.v93-site .mosaic-heading { min-height: 34px; padding: 0 0 13px; margin-bottom: 14px; border-bottom: 1px dashed var(--px-edge); font: 650 .8125rem/1.5 var(--px-mono); }
.v93-site .mosaic-heading > span:last-child { display: flex; align-items: center; gap: 5px; color: var(--pd-accent); font-size: .75rem; }
.v93-site .mosaic-lights { display: inline-flex; gap: 5px; }
.v93-site .mosaic-lights i { width: 7px; height: 7px; background: var(--px-coral); }
.v93-site .mosaic-lights i:nth-child(2) { background: var(--px-gold); }
.v93-site .mosaic-lights i:nth-child(3) { background: var(--px-mint); }
.v93-site :is(.mosaic-work, .mosaic-work:first-child, .mosaic-placeholder > i) { border-radius: 2px; border: 1px solid var(--px-edge); box-shadow: inset 0 2px 0 #ffffff09; }
.v93-site .mosaic-work:nth-child(3n+2) { background: color-mix(in srgb, var(--pd-bg) 94%, var(--px-lilac)); }
.v93-site .mosaic-work:nth-child(3n) { background: color-mix(in srgb, var(--pd-bg) 94%, var(--px-mint)); }
.v93-site .mosaic-work > span { border-top-style: dashed; }
.v93-site .home-art-mosaic[data-mosaic-state=empty], .v93-site .home-art-mosaic[data-mosaic-state=error], .v93-site .home-art-mosaic[data-mosaic-state=loading] { padding: 0; overflow: hidden; }
.v93-site .home-art-mosaic:not([data-mosaic-state=ready]) > .mosaic-heading { padding: 14px 18px; margin: 0; border: 0; }
.v93-site .mosaic-empty { display: block; min-height: 0; border: 0; border-radius: 0; padding: 0; }
.v93-site .pixel-world-picture { display: block; aspect-ratio: 3/2; overflow: hidden; background: #081125; position: relative; }
.v93-site .pixel-world-picture img { display: block; width: 100%; height: 100%; object-fit: cover; image-rendering: auto; }
.v93-site .pixel-world-picture::after { content: ''; position: absolute; width: 3px; height: 3px; left: 25%; top: 18%; color: #fff0af; background: currentColor; box-shadow: -3px 0 currentColor, 3px 0 currentColor, 0 3px currentColor, 0 -3px currentColor; animation: pd93-spark 7s steps(6, end) infinite paused; }
html[data-pixel-motion=running][data-home-motion=running] .pixel-world-picture.is-in-view::after { animation-play-state: running; }
@keyframes pd93-spark { 0%, 100% { opacity: .3; transform: translateY(0); } 50% { opacity: .9; transform: translateY(-6px); } }
.v93-site .mosaic-empty-copy { display: flex; align-items: center; flex-wrap: wrap; gap: 12px 20px; padding: 20px 22px; border-top: 2px solid var(--px-edge); }
.v93-site .mosaic-empty-copy > div { flex: 1 1 210px; }
.v93-site .mosaic-empty strong { display: block; font-size: 1.125rem; line-height: 1.4; }
.v93-site .mosaic-empty p { color: var(--pd-muted); font-size: .875rem; line-height: 1.6; margin: 6px 0 0; }
.v93-site .mosaic-empty-copy a { white-space: nowrap; color: var(--pd-text); }
.v93-site .home-places-v89 .museum-feature-card { --world-accent: var(--px-gold); border: 2px solid color-mix(in srgb, var(--world-accent) 32%, var(--pd-panel)); border-radius: 4px; box-shadow: 4px 4px 0 #0003; background: var(--px-surface); }
.v93-site .home-places-v89 .museum-feature-card:nth-child(2) { --world-accent: var(--px-lilac); }
.v93-site .home-places-v89 .museum-feature-card:nth-child(3) { --world-accent: var(--px-mint); }
.v93-site .home-places-v89 .world-scene { border-bottom: 2px solid color-mix(in srgb, var(--world-accent) 35%, transparent); }
.v93-site .home-places-v89 .museum-feature-kicker { color: var(--world-accent); font-family: var(--px-mono); }
.v93-site .home-places-v89 .museum-feature-card > b { border-top-style: dashed; font-family: var(--px-mono); color: var(--world-accent); }
.v93-site :is(.worlds-heading, .home-section-heading) h2 { font: 400 clamp(1.35rem, 2.45vw, 2rem)/1.5 var(--px-display); letter-spacing: -.035em; }
.v93-site .section-number { display: grid; place-items: center; min-width: 42px; min-height: 36px; padding: 6px; border: 1px solid var(--px-edge); background: var(--px-surface); color: var(--pd-accent); font-size: .75rem; box-shadow: 3px 3px 0 #0002; }
.v93-site .aquarium-feature { border: 2px solid #81d6d338; border-radius: 4px; box-shadow: 5px 5px 0 #0003; background: linear-gradient(120deg, var(--px-surface), color-mix(in srgb, var(--pd-panel) 84%, #194259)); }
.v93-site .aquarium-feature h2 { font: 400 clamp(1.4rem, 2.3vw, 2rem)/1.45 var(--px-display); letter-spacing: -.035em; }
.v93-site .aquarium-feature .v67-kicker { color: var(--px-mint); }
.v93-site :is(.home-spotlight, .home-canvas-feature) { border: 2px solid var(--px-edge); border-radius: 4px; box-shadow: var(--px-shadow); }
.v93-site .home-canvas-frame canvas { box-shadow: 6px 6px 0 #0005; border-radius: 0; }
.v93-site #view-home .asset-hub-panel { border-radius: 4px; border: 2px solid var(--px-edge); box-shadow: var(--px-shadow); }
.v93-site :is(.asset-hub-mini-stats span, .hero-stats > div, .daily-prompt, .community-goal-card, .creator-quest-card) { border-radius: 3px; box-shadow: 3px 3px 0 #0002; }
.v93-site .hero-stats b { font-family: var(--px-mono); font-variant-numeric: tabular-nums; color: var(--pd-accent); }
.v93-site .site-footer { position: relative; border-top: 2px solid var(--px-edge); background: var(--pd-bg); }

/* The same frame language across discovery, profiles, tools and dialogs. */
.v93-site :is(.view .panel, .view .glass-panel, .profile-card, .detail-panel, .admin-card, .ranking-card, .archive-week, .side-card, .upload-wizard, .modal-content, .creator-lab-panel) {
  border: 1px solid var(--px-edge); border-radius: 4px; box-shadow: var(--px-shadow);
}
.v93-site :is(.discover-art-card, .asset-card) { border-radius: 4px !important; border: 1px solid var(--px-edge); box-shadow: var(--px-shadow); }
.v93-site :is(.discover-art-open, .asset-preview, .artwork-preview) { border-radius: 2px; }
.v93-site :is(.tab-btn, .sort-pills button, .filter-chip, .editor-frame-tile, .editor-palette-presets, .editor-animation-panel, .editor-layers-panel, .theme-swatches) { border-radius: 3px; }
.v93-site :is(.v67-hero, .v67-dropzone, .v67-stage, .v75-palette-card, .v75-publish-box) { border-radius: 4px; border-color: var(--px-edge); }
.v93-site .view:not(#view-home) h1 { font: 400 clamp(1.75rem, 3.5vw, 3rem)/1.4 var(--px-display); letter-spacing: -.035em; }
.v93-site #view-editor :is(.editor-canvas-shell, .editor-sidebar, .upload-panel, .tool-btn, .editor-tool-btn) { border-radius: 3px; }
.v93-site #view-editor :is(.tool-btn, .editor-tool-btn).active { box-shadow: inset 0 -3px 0 var(--pd-accent); }
.v93-site :is(.discovery-hero h1, .preview-copy h1, .hero-copy h1, .play-title-block h1) { font-family: var(--px-display); font-size: clamp(2rem, 4vw, 3.4rem); font-weight: 400; line-height: 1.35; letter-spacing: -.035em; }
.v93-site :is(.district-orb, .discovery-tools, .exhibition-card, .preview-collage, .gallery-link-card, .preview-stats, .room-card, .community-card, .preview-loading, .hero-panel, .workspace, .canvas-card, .account-card, .notice, .play-topbar) { border-radius: 4px; border-color: var(--px-edge); box-shadow: var(--px-shadow); }
.v93-site .exhibition-card { border-width: 2px; }
.v93-site .exhibition-cover { border-bottom: 2px solid var(--px-edge); }
.v93-site .exhibition-cover img { box-shadow: 4px 4px 0 #0004; }
.v93-site .exhibition-badges span { border-radius: 2px; font-size: .75rem; }
.v93-site :is(.preview-collage figure, .toast, .gallery-toast, .mode-badge, .core-banner, .resource-strip > div) { border-radius: 3px; }
.v93-site .discovery-tools { backdrop-filter: none; background: var(--pd-panel); }
.v93-site .gallery-noise { display: none; }
.v93-site.v90-document :is(.card, .grid a), .v93-site.v90-account .box { border-radius: 4px; border: 2px solid var(--px-edge); box-shadow: 5px 5px 0 #0003; }
.v93-site.v90-document h1, .v93-site.v90-account h1 { font: 400 clamp(1.5rem, 3vw, 2.7rem)/1.4 var(--px-display); letter-spacing: -.035em; }
.v93-site.v90-account button { border-radius: 3px; font-family: var(--px-mono); box-shadow: 0 4px 0 #0005; }
.v93-site :is(.modal-card, .upload-dropzone, .upload-success, .upload-stepper li, .editor-animation-dock, .v67-lab-tool, .v67-lab-card) { border-radius: 4px; }

/* 3D scenes retain their renderer and budgets. Only menus and HUD are styled. */
.v93-site.museum-page { --px-edge: #74879466; --px-surface: #192d40; }
.v93-site.museum-page .loading-card { border: 2px solid #e3c79655; border-radius: 4px; box-shadow: 8px 8px 0 #020a1377; backdrop-filter: none; }
.v93-site.museum-page .loading-card::before { height: 3px; background: var(--exhibition-gold); }
.v93-site.museum-page .loading-card h1 { font: 400 clamp(2rem, 4vw, 3.35rem)/1.4 var(--px-display); letter-spacing: -.03em; max-width: 100%; }
.v93-site.museum-page :is(.primary-btn, #enterBtn) { background: var(--exhibition-gold); color: #10202f; border-color: color-mix(in srgb, var(--exhibition-gold) 70%, #fff); }
.v93-site.museum-page :is(.hud-pill, .focus-hint, .controls-box, .mini-map, .side-panel, .gallery-studio-panel, .gallery-district-panel, .gallery-photo-panel, .gallery-builder-bar, .aquarium-editor-panel, .aquarium-archive-panel, .modal-card) { border-radius: 4px; }
.v93-site.museum-page :is(.hud-pill, .controls-box, .mini-map) { box-shadow: 3px 3px 0 #0004; }
.v93-site.museum-page :is(.district-entry-card, .district-entry-icon, .gallery-art-choice) { border-radius: 3px !important; }
.v93-site.museum-page :is(.gallery-editor-tabs button, .gallery-level-card, .gallery-catalog-card, .gallery-placed-row, .guestbook-note, .aquarium-archive-card, .aquarium-fish-pass, .gallery-hud-actions .secondary-btn, .close-btn, .panel-close, .mobile-action-stack button) { border-radius: 3px; }
.v93-site.museum-page #worldLoadProgress { height: 6px; border-radius: 0; }
.v93-site.museum-page .mobile-joystick-base { border-radius: 50%; }

@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .v93-site :is(.primary, .secondary, .pd-button, .primary-btn, .secondary-btn, .small-btn, .return-action):not(:disabled):hover { transform: translateY(-2px); border-color: var(--pd-accent); }
  .v93-site .home-places-v89 .museum-feature-card:hover { transform: translateY(-4px); border-color: var(--world-accent); box-shadow: 4px 8px 0 #0003; }
  .v93-site .mosaic-work:hover { border-color: var(--pd-accent); }
}
@media (max-width: 1100px) {
  .v93-site #view-home .hero-text h1 { font-size: clamp(2rem, 3.8vw, 3rem); }
  .v93-site .mosaic-empty-copy { padding: 18px; }
}
@media (max-width: 900px) {
  .v93-site #view-home .hero-text h1 { font-size: clamp(2.5rem, 7vw, 4rem); max-width: 100%; }
  .v93-site .home-art-mosaic { min-height: 0; }
  .v93-site .pixel-world-picture { max-height: 460px; }
  .v93-site .pixel-world-picture img { object-fit: contain; }
}
@media (max-width: 700px) {
  .v93-site #view-home .landing-grid { gap: 28px; padding-top: 4px; }
  .v93-site #view-home .hero-text h1 { font-size: clamp(2rem, 6.8vw, 3rem); line-height: 1.35; }
  .v93-site #view-home .hero-actions { max-width: 100%; }
  .v93-site #view-home .hero-actions > button { font-size: .875rem; padding: 12px; }
  .v93-site .home-art-mosaic { box-shadow: 4px 4px 0 #0003; }
  .v93-site :is(.worlds-heading, .home-section-heading) h2 { font-size: 1.4rem; }
  .v93-site .home-places-v89 .museum-feature-card { box-shadow: 3px 3px 0 #0003; }
  .v93-site .home-places-v89 .world-scene { border-bottom: 0; }
  .v93-site .home-places-v89 .museum-feature-card > b { font-size: .8125rem; }
  .v93-site .section-number { display: none; }
  .v93-site .home-return { padding: 14px; }
}
@media (max-width: 380px) {
  .v93-site #view-home .hero-text h1 { font-size: 1.8rem; }
  .v93-site .hero-mood-row { gap: 10px; }
  .v93-site .mosaic-heading { font-size: .75rem; }
  .v93-site .mosaic-empty-copy { padding: 16px; }
}
html[lang=es] .v93-site #view-home .hero-text h1 { font-size: clamp(1.85rem, 3.45vw, 3.3rem); }
@media (max-width: 900px) { html[lang=es] .v93-site #view-home .hero-text h1 { font-size: clamp(1.65rem, 5.9vw, 3.4rem); } }
@media (prefers-reduced-motion: reduce) {
  .v93-site *, .v93-site *::before, .v93-site *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
html[data-pixel-motion=paused] .v93-site .pixel-background i,
html[data-pixel-motion=paused] .v93-site .pixel-background::before,
html[data-pixel-motion=paused] .v93-site .pixel-background::after,
html[data-pixel-motion=paused] .v93-site .world-scene :is(.scene-fish, .scene-bubble, .scene-water, .scene-sculpture, .scene-orbit, .scene-window, .scene-leaves, .scene-kelp),
html[data-pixel-motion=paused] .v93-site .pixel-world-picture::after { animation-play-state: paused; }
@media (forced-colors: active) {
  .v93-site .pixel-background, .v93-site .hero-palette { display: none; }
  .v93-site :is(button, .pd-button, .museum-feature-card, .home-art-mosaic) { border-color: ButtonText; box-shadow: none; }
}

/* Source: /styles/v94-cosmos.css */
/* PixelDeck 95: a richly populated pixel sky with a bounded animation budget. */
.v94-site {
  --cosmos-sky: var(--theme-sky, color-mix(in srgb, #070b1c 94%, var(--pd-bg, #0b1512)));
}
.v94-site:not(.museum-page):not(.pixel-workspace):not(.v90-account) {
  background: radial-gradient(ellipse at 8% 16%, var(--cosmos-cloud-a, #653ea540), transparent 44rem), radial-gradient(ellipse at 95% 44%, var(--cosmos-cloud-b, #176d8138), transparent 46rem), radial-gradient(ellipse at 24% 96%, var(--cosmos-cloud-c, #5b31723d), transparent 45rem), var(--cosmos-sky);
  background-attachment: scroll;
}
.v94-site .bg-grid { display: none; }
.v94-site #pixelBackground.pixel-cosmos {
  position: fixed; inset: 0; overflow: hidden; z-index: 0; pointer-events: none;
  contain: strict; isolation: isolate; opacity: 1; user-select: none;
}
.v94-site #pixelBackground.pixel-cosmos::before,
.v94-site #pixelBackground.pixel-cosmos::after { content: none; animation: none; }
.v94-site #pixelBackground.pixel-cosmos[hidden],
.v94-site .cosmos-motion-toggle[hidden] { display: none !important; }
.pixel-cosmos .cosmos-starfield {
  position: absolute; inset: 0; z-index: 2; display: block; width: 100%; height: 100%;
  overflow: hidden; shape-rendering: crispEdges;
}
.pixel-cosmos .cosmos-star {
  position: absolute; z-index: 4; width: 2px; height: 2px;
  color: var(--star-color, #ffe2b5); background: currentColor; opacity: .78;
}
.pixel-cosmos .cosmos-star--near:nth-child(3n) { width: 3px; height: 3px; }
.pixel-cosmos .cosmos-sparkle { box-shadow: -3px 0 currentColor, 3px 0 currentColor, 0 -3px currentColor, 0 3px currentColor; }
.pixel-cosmos .cosmos-twinkle { animation: pd95-near-star var(--star-duration, 13s) ease-in-out var(--star-delay, 0s) infinite paused; }
@keyframes pd95-near-star { 0%, 100% { opacity: .4; transform: translateY(0); } 50% { opacity: .95; transform: translateY(-6px); } }

.pixel-cosmos .cosmos-art { position: absolute; }
.pixel-cosmos .cosmos-parallax { transition: transform .7s cubic-bezier(.2,.7,.2,1); }
.pixel-cosmos .cosmos-art img { display: block; width: 100%; height: auto; image-rendering: pixelated; }
.pixel-cosmos .cosmos-nebula { z-index: 1; aspect-ratio: 3 / 2; }
.pixel-cosmos .cosmos-nebula--rift { top: -11%; left: -19%; width: clamp(680px, 86vw, 1440px); opacity: var(--cosmos-rift-opacity, .84); }
.pixel-cosmos .cosmos-nebula--rose { bottom: -40%; right: -20%; width: clamp(760px, 88vw, 1560px); opacity: calc(var(--cosmos-rift-opacity, .84) * .73); }
.pixel-cosmos .cosmos-nebula--rose img { transform: rotate(174deg); }
.pixel-cosmos .cosmos-nebula--cyan { top: 18%; right: -24%; width: min(66vw, 960px); opacity: var(--cosmos-cyan-opacity, .64); }
.pixel-cosmos .cosmos-nebula--haze { bottom: -5%; left: -12%; width: min(54vw, 900px); opacity: calc(var(--cosmos-cyan-opacity, .64) * .66); }
.pixel-cosmos .cosmos-nebula--haze img { transform: rotate(-32deg); }
/* Only these two cloud layers drift. The other clouds and starfield stay static. */
.pixel-cosmos .cosmos-nebula--rift img { animation: pd95-nebula-rift 88s ease-in-out -18s infinite paused; }
.pixel-cosmos .cosmos-nebula--cyan img { animation: pd95-nebula-cyan 104s ease-in-out -31s infinite paused; }
@keyframes pd95-nebula-rift { 0%, 100% { transform: translate3d(-8px, 0, 0) rotate(-4deg); } 50% { transform: translate3d(14px, 12px, 0) rotate(-1deg); } }
@keyframes pd95-nebula-cyan { 0%, 100% { transform: translate3d(0, 0, 0) rotate(165deg); } 50% { transform: translate3d(-18px, -12px, 0) rotate(169deg); } }
.pixel-cosmos .cosmos-planet { z-index: 3; width: clamp(120px, 12vw, 196px); opacity: .85; }
.pixel-cosmos .cosmos-planet--one { top: 23%; right: max(-44px, calc((100vw - 1440px) / 4 - 24px)); }
.pixel-cosmos .cosmos-planet--two { bottom: 13%; left: max(-20px, calc((100vw - 1440px) / 6)); width: clamp(74px, 7vw, 114px); opacity: .6; }
.pixel-cosmos .cosmos-planet img { animation: pd94-planet 26s ease-in-out -9s infinite paused; }
.pixel-cosmos .cosmos-planet--two img { animation-duration: 39s; animation-delay: -17s; }
@keyframes pd94-planet { 0%, 100% { transform: translate3d(0, 3px, 0) rotate(-3deg); } 50% { transform: translate3d(3px, -9px, 0) rotate(1deg); } }

.pixel-cosmos .cosmos-comet {
  position: absolute; z-index: 4; left: 3%; top: 31%; width: 3px; height: 3px;
  color: var(--pd-accent, #ffdc8a); background: currentColor; opacity: 0;
  box-shadow: -4px -2px currentColor, -8px -4px color-mix(in srgb, currentColor 65%, transparent), -12px -6px color-mix(in srgb, currentColor 40%, transparent), -16px -8px color-mix(in srgb, currentColor 20%, transparent);
  animation: pd94-comet 23s linear -18s infinite paused;
}
.pixel-cosmos .cosmos-comet--2 { left: 81%; top: 61%; color: var(--pd-accent-2, #8ae0ca); animation-duration: 37s; animation-delay: -13s; }
.pixel-cosmos .cosmos-comet--3 { left: 47%; top: 8%; color: var(--cosmos-star-2, #c9b8ff); animation-duration: 31s; animation-delay: -4s; }
@keyframes pd94-comet { 0%, 78% { transform: translate3d(0, 0, 0); opacity: 0; } 80% { opacity: .75; } 86% { transform: translate3d(164px, 82px, 0); opacity: 0; } 100% { transform: translate3d(164px, 82px, 0); opacity: 0; } }
.pixel-cosmos .cosmos-reading-veil {
  position: absolute; z-index: 5; inset: 0;
  background: linear-gradient(90deg, transparent 6%, color-mix(in srgb, var(--cosmos-sky) 14%, transparent) 20%, color-mix(in srgb, var(--cosmos-sky) 45%, transparent) 42%, color-mix(in srgb, var(--cosmos-sky) 35%, transparent) 63%, color-mix(in srgb, var(--cosmos-sky) 15%, transparent) 84%, transparent);
}

html[data-pixel-motion=running] .pixel-cosmos :is(.cosmos-twinkle, .cosmos-nebula img, .cosmos-planet img, .cosmos-comet) { animation-play-state: running; }
html[data-pixel-motion=paused] .pixel-cosmos .cosmos-parallax { transition: none; }
html[data-cosmos-focus=quiet] .v94-site:not(.museum-page):not(.pixel-workspace) { background: var(--pd-bg); }

.v94-site .cosmos-motion-toggle {
  position: fixed; z-index: 45; bottom: max(16px, env(safe-area-inset-bottom)); left: 16px;
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 40px; padding: 8px 11px; border: 1px solid var(--pd-line, #778bb54a); border-radius: 3px;
  background: var(--pd-bg, #0b1425ed); color: var(--pd-muted, #becae3); font: 600 .875rem/1.35 var(--px-mono, monospace);
  box-shadow: 2px 2px 0 #0004; cursor: pointer;
}
.v94-site .cosmos-motion-toggle:hover { border-color: var(--pd-accent-2); color: var(--pd-text); }
.v94-site .cosmos-motion-toggle[aria-pressed=true] { border-color: var(--pd-accent); color: var(--pd-accent); }
.v94-site .cosmos-motion-toggle:disabled { opacity: .7; cursor: default; }
.v94-site .cosmos-motion-icon { font-size: 1rem; width: 16px; flex: none; }

/* Two static cloud textures on compact devices; only six tiny stars drift. */
html[data-pixel-density=low] .pixel-cosmos .cosmos-nebula--rift { width: min(158vw, 1000px); left: max(-56vw, -230px); top: -4%; opacity: var(--cosmos-rift-opacity, .76); }
html[data-pixel-density=low] .pixel-cosmos .cosmos-nebula--rift img { transform: rotate(22deg); }
html[data-pixel-density=low] .pixel-cosmos .cosmos-nebula--cyan { width: min(135vw, 900px); left: auto; right: max(-46vw, -260px); top: auto; bottom: -2%; opacity: var(--cosmos-cyan-opacity, .64); }
html[data-pixel-density=low] .pixel-cosmos .cosmos-nebula--cyan img { transform: rotate(165deg); }
html[data-pixel-density=low] .pixel-cosmos .cosmos-nebula img { animation: none; }
html[data-pixel-density=low] .pixel-cosmos .cosmos-planet { width: 112px; right: -33px; top: 18%; opacity: .65; }
html[data-pixel-density=low] .pixel-cosmos .cosmos-planet img { animation: none; }
html[data-pixel-density=low] .pixel-cosmos .cosmos-reading-veil { background: linear-gradient(90deg, color-mix(in srgb, var(--cosmos-sky) 8%, transparent), color-mix(in srgb, var(--cosmos-sky) 40%, transparent) 45%, color-mix(in srgb, var(--cosmos-sky) 20%, transparent)); }
@media (max-width: 700px) {
  .v94-site .cosmos-motion-toggle { left: 12px; bottom: calc(82px + env(safe-area-inset-bottom)); min-height: 44px; padding: 10px; font-size: .875rem; }
}
@media (prefers-reduced-motion: reduce) {
  .pixel-cosmos *, .pixel-cosmos *::before, .pixel-cosmos *::after { animation: none !important; transition: none !important; }
}
@media (forced-colors: active) {
  .v94-site #pixelBackground.pixel-cosmos, .v94-site .cosmos-motion-toggle { display: none; }
}

/* Source: /styles/v96-themes.css */
/* Color worlds: clear surfaces, polished pixel controls and tiny native previews. */
html[data-theme] {
  --pd-text: var(--theme-text, #f5f7fc);
  --text: var(--pd-text);
  --pd-panel: var(--theme-panel);
  --pd-line: color-mix(in srgb, var(--theme-bright) 22%, var(--theme-panel));
}
.v93-site { --px-edge: color-mix(in srgb, var(--pd-accent) 33%, var(--pd-panel)); }
.v93-site :is(.topbar, .pd-shell-topbar, .gallery-topbar, .lc-header) {
  background: linear-gradient(180deg, color-mix(in srgb, var(--pd-panel) 42%, var(--pd-bg)), var(--pd-bg));
  border-bottom-color: color-mix(in srgb, var(--pd-accent) 42%, var(--pd-bg));
  box-shadow: 0 3px 0 #0004, inset 0 1px 0 color-mix(in srgb, var(--pd-accent-2) 9%, transparent);
}
.v93-site :is(.home-art-mosaic, .home-return, .home-spotlight, .home-canvas-feature, .exhibition-card, .artwork-card, .asset-card) {
  background-color: var(--pd-panel);
  background-image: linear-gradient(145deg, color-mix(in srgb, var(--pd-accent-2) 5%, transparent), transparent 55%);
  border-color: var(--px-edge);
}
.v93-site :is(.primary, .primary-btn, .pd-button.primary, .exhibition-actions .enter),
.v93-site #view-home .hero-actions .v65-discover-btn {
  background: linear-gradient(180deg, color-mix(in srgb, var(--pd-accent) 88%, #fff), var(--pd-accent));
  color: var(--theme-ink);
}
.v93-site #themeToggleBtn {
  border-color: var(--pd-accent-2); color: var(--pd-accent);
  background: linear-gradient(135deg, color-mix(in srgb, var(--pd-accent) 13%, var(--pd-bg)), var(--pd-panel));
  box-shadow: inset 0 2px 0 #ffffff15, 2px 2px 0 #0005;
}
.v93-site #themeToggleBtn[aria-expanded=true] { color: var(--theme-ink); background: var(--pd-accent); }

.v93-site .theme-panel-v96 {
  position: fixed; z-index: 450; top: 82px; right: clamp(12px, 2vw, 28px);
  width: min(570px, calc(100vw - 24px)); max-height: calc(100dvh - 108px);
  box-sizing: border-box; display: flex; flex-direction: column; overflow: hidden;
  padding: 20px; border: 2px solid var(--px-edge); border-radius: 4px;
  color: var(--pd-text); background: var(--pd-bg); backdrop-filter: none;
  box-shadow: 7px 7px 0 #0006, 0 22px 55px #0006;
}
.v93-site .theme-panel-v96[hidden] { display: none !important; }
.theme-panel-v96 .theme-panel-head { flex: none; align-items: center; }
.theme-panel-v96 .theme-panel-head h2 { font: 400 1.25rem/1.5 var(--px-display, monospace); margin: 8px 0 0; }
.theme-panel-v96 .theme-panel-kicker { font: 750 .6875rem/1.4 var(--px-mono, monospace); letter-spacing: .15em; color: var(--pd-accent-2); }
.theme-panel-v96 .theme-panel-close { width: 44px; height: 44px; min-width: 44px; border-radius: 3px; font-size: 26px; color: var(--pd-text); border: 1px solid var(--px-edge); background: var(--pd-panel); cursor: pointer; }
.theme-panel-v96 .theme-panel-intro { flex: none; margin: 11px 0 16px; font-size: .875rem; line-height: 1.55; color: var(--pd-muted); }
.theme-panel-v96 .theme-panel-choices { min-height: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: var(--pd-accent) var(--pd-panel); padding: 8px 12px 10px 8px; margin: -8px -12px 0 -8px; }
.theme-panel-v96 .theme-panel-choices h3 { font: 700 .6875rem/1.5 var(--px-mono, monospace); text-transform: uppercase; letter-spacing: .12em; color: var(--pd-accent-2); margin: 21px 0 10px; }
.theme-panel-v96 .theme-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.theme-panel-v96 .theme-option {
  position: relative; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: 82px auto 5px;
  align-items: stretch; gap: 0; min-height: 0; padding: 0; overflow: hidden; border-radius: 3px;
  border: 1px solid color-mix(in srgb, var(--preview-accent) 24%, var(--pd-panel));
  background: var(--pd-panel); color: var(--pd-text); text-align: left; cursor: pointer;
  box-shadow: 2px 3px 0 #0003; transition: border-color .12s ease;
}
.theme-panel-v96 .theme-option:hover { border-color: var(--preview-accent); background: var(--pd-panel); }
.theme-panel-v96 .theme-option.active { border: 2px solid var(--preview-accent); margin: -1px; background: var(--pd-panel); box-shadow: 0 0 0 1px var(--pd-bg), 3px 4px 0 #0005; }
.theme-panel-v96 .theme-scene { display: block; overflow: hidden; background: var(--preview-bg); }
.theme-panel-v96 .theme-scene svg { display: block; width: 100%; height: 100%; shape-rendering: crispEdges; }
.theme-panel-v96 .theme-option-copy { display: block; padding: 10px 11px 12px; }
.theme-panel-v96 .theme-option-copy b { font: 750 .8125rem/1.4 var(--px-mono, monospace); white-space: normal; color: var(--pd-text); }
.theme-panel-v96 .theme-option-copy small { margin-top: 5px; font: 400 .6875rem/1.5 var(--px-mono, monospace); white-space: normal; color: var(--pd-muted); }
.theme-panel-v96 .theme-color-strip { display: grid; grid-template-columns: repeat(4, 1fr); height: 5px; }
.theme-panel-v96 .theme-color-strip i { background: var(--preview-bg); }
.theme-panel-v96 .theme-color-strip i:nth-child(2) { background: var(--preview-raised); }
.theme-panel-v96 .theme-color-strip i:nth-child(3) { background: var(--preview-accent); }
.theme-panel-v96 .theme-color-strip i:nth-child(4) { background: var(--preview-bright); }
.theme-panel-v96 .theme-option-check { position: absolute; right: 8px; top: 8px; display: grid; place-items: center; width: 23px; height: 23px; border: 1px solid var(--preview-accent); color: var(--preview-bg); background: var(--preview-accent); font: 900 .875rem/1 monospace; box-shadow: 2px 2px 0 #0005; }
.theme-panel-v96 .theme-new-badge { position: absolute; top: 8px; left: 8px; padding: 3px 5px; color: var(--preview-bright); background: var(--preview-bg); border: 1px solid var(--preview-raised); font: 750 .5625rem/1.3 var(--px-mono, monospace); text-transform: uppercase; letter-spacing: .09em; }
.theme-panel-v96 .theme-option-auto { width: 100%; grid-template-columns: 104px minmax(0, 1fr); grid-template-rows: minmax(94px, auto) 5px; }
.theme-panel-v96 .theme-option-auto .theme-color-strip { grid-column: 1 / -1; }
.theme-panel-v96 .theme-option-auto .theme-option-copy { align-self: center; padding: 12px 32px 12px 14px; }
.theme-panel-v96 .theme-option-auto .theme-option-copy b { font-size: .875rem; }
.theme-panel-v96 .theme-schedule { flex: none; border-top: 1px solid var(--pd-line); color: var(--pd-muted); padding-top: 12px; margin: 12px 0 0; font: 400 .6875rem/1.55 var(--px-mono, monospace); }

@media (max-width: 700px) {
  .v93-site .theme-panel-v96 { top: max(76px, calc(env(safe-area-inset-top) + 68px)); right: 12px; padding: 15px; max-height: calc(100dvh - 165px - env(safe-area-inset-top) - env(safe-area-inset-bottom)); }
  .theme-panel-v96 .theme-panel-head h2 { font-size: 1rem; }
  .theme-panel-v96 .theme-grid { gap: 9px; }
  .theme-panel-v96 .theme-option { grid-template-rows: 66px auto 5px; }
  .theme-panel-v96 .theme-option-auto { grid-template-columns: 76px minmax(0, 1fr); grid-template-rows: minmax(84px, auto) 5px; }
  .theme-panel-v96 .theme-option-copy { padding: 9px; }
  .theme-panel-v96 .theme-option-copy small { font-size: .625rem; }
  .theme-panel-v96 .theme-panel-intro { margin-bottom: 12px; }
}
@media (max-height: 520px) {
  .v93-site .theme-panel-v96 { top: 10px; max-height: calc(100dvh - 20px); }
  .theme-panel-v96 .theme-panel-intro, .theme-panel-v96 .theme-schedule { display: none; }
  .theme-panel-v96 .theme-panel-head { padding-bottom: 12px; }
}
@media (prefers-reduced-motion: reduce) { .theme-panel-v96 .theme-option { transition: none; } }
@media (forced-colors: active) {
  .theme-panel-v96 .theme-option.active { outline: 3px solid Highlight; }
  .theme-panel-v96 .theme-option-check { color: HighlightText; background: Highlight; forced-color-adjust: none; }
}

/* Source: /styles/v98-moderation.css */
.mod-root,.mod-dialog{--mod-line:var(--line,#344652);--mod-accent:var(--accent,#b9ef82);color:var(--text,#eef7ed);font:15px/1.5 system-ui,sans-serif}.mod-root{max-width:1440px;margin:0 auto}.mod-header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px 0}.mod-header h2{font-size:clamp(26px,3vw,42px);margin:4px 0 8px}.mod-header p{margin:0;color:var(--muted,#bcc7c7)}.mod-kicker{font-family:monospace;font-weight:800;letter-spacing:.13em;font-size:12px;color:var(--mod-accent)}.mod-role{display:inline-block;background:var(--panel2,#172631);border:2px solid var(--mod-line);box-shadow:4px 4px 0 #0004;padding:7px 12px;font:700 13px monospace;text-transform:uppercase}.mod-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 24px}.mod-stats>div{display:flex;flex-direction:column;padding:16px 20px;background:var(--panel,#11202b);border:1px solid var(--mod-line);border-bottom:3px solid var(--mod-accent)}.mod-stats strong{font:800 28px monospace}.mod-stats span{font-size:13px;color:var(--muted,#bcc7c7)}.mod-tabs{display:flex;gap:7px;overflow:auto;padding:4px 4px 12px;border-bottom:1px solid var(--mod-line)}.mod-tabs button{flex-shrink:0;min-height:44px;padding:10px 16px;border:1px solid var(--mod-line);border-radius:3px;background:var(--panel,#11202b);color:inherit;font:700 14px system-ui}.mod-tabs [aria-selected=true]{background:var(--mod-accent);color:var(--accent-contrast,#102018);box-shadow:3px 3px 0 #0006}.mod-panel{padding:22px 0}.mod-toolbar{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin-bottom:20px;padding:16px;background:var(--panel,#11202b);border:1px solid var(--mod-line)}.mod-toolbar>label:first-child{flex:1;min-width:170px}.mod-root label,.mod-dialog label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700}.mod-root input,.mod-root select,.mod-root textarea,.mod-dialog input,.mod-dialog select,.mod-dialog textarea{color:var(--text,#eef7ed);background:var(--bg,#0a151d);border:1px solid var(--mod-line);border-radius:3px;padding:10px 12px;font:14px system-ui;min-height:42px;max-width:100%;box-sizing:border-box}.mod-root select option,.mod-dialog select option{background:var(--bg,#0a151d);color:var(--text,#eef7ed)}.mod-root button,.mod-dialog button,.mod-dialog a.secondary{min-height:42px;padding:9px 13px;cursor:pointer;white-space:normal}.mod-root button:disabled,.mod-dialog button:disabled{opacity:.5;cursor:default}.mod-root :focus-visible,.mod-dialog :focus-visible{outline:3px solid var(--mod-accent);outline-offset:3px}.mod-checkbox{flex-direction:row!important;align-items:center;font-weight:500!important}.mod-checkbox input{min-height:20px;width:19px;height:19px;accent-color:var(--mod-accent)}.mod-list{display:grid;gap:10px}.mod-list[aria-busy=true]{opacity:.6}.mod-row{display:flex;align-items:center;gap:18px;padding:18px;background:var(--panel,#11202b);border:1px solid var(--mod-line);border-radius:4px}.mod-row h3{font-size:17px;margin:6px 0;overflow-wrap:anywhere}.mod-row p{margin:3px 0;font-size:13px;color:var(--muted,#bcc7c7)}.mod-row small{font-size:12px}.mod-row-copy{flex:1;min-width:0}.mod-thumb{width:72px;height:72px;object-fit:contain;flex-shrink:0;background:#070c1270;image-rendering:pixelated;border:1px solid var(--mod-line)}.mod-symbol,.mod-user-icon{display:grid;place-items:center;color:var(--mod-accent);font:32px monospace}.mod-user-icon{width:46px}.mod-tag{display:inline-block;color:var(--muted,#bcc7c7);font:11px monospace;text-transform:uppercase;letter-spacing:.05em}.mod-urgent{color:#ffbfab}.mod-snippet{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.mod-pagination{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:20px}.mod-pagination>span{margin-right:auto}.mod-empty{padding:46px 20px;text-align:center;border:1px dashed var(--mod-line);color:var(--muted,#bcc7c7)}.mod-dialog{position:fixed;padding:0;background:var(--panel,#11202b);border:2px solid var(--line,#344652);border-radius:5px;width:min(1000px,94vw);max-height:90dvh;box-shadow:10px 10px 0 #0006;overflow:auto}.mod-dialog::backdrop{background:#02080dde}.mod-dialog>header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:14px 22px;background:var(--panel,#11202b);border-bottom:1px solid var(--line,#344652)}.mod-dialog h2{font-size:21px;margin:0}.mod-dialog-body{padding:24px}.mod-case-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px}.mod-case-grid h3{overflow-wrap:anywhere}.mod-evidence{display:block;width:100%;max-height:300px;object-fit:contain;image-rendering:pixelated;background:#070c1270;border:1px solid var(--mod-line)}.mod-preserve{white-space:pre-wrap;overflow-wrap:anywhere}.mod-inline-actions{display:flex;gap:8px;flex-wrap:wrap}.mod-action-form{display:grid;gap:14px;padding:20px;background:var(--bg,#0a151d);border:1px solid var(--mod-line);margin:20px 0}.mod-action-form h3{margin:0}.mod-action-form>small{color:var(--muted,#bcc7c7)}.mod-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mod-action-form [data-fields]{display:grid;gap:12px}.mod-report,.mod-restriction,.mod-log-entry{padding:15px 0;border-bottom:1px solid var(--mod-line)}.mod-log-entry{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.mod-log-entry p{flex-basis:100%;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.mod-log-entry time{margin-left:auto;font-size:12px;color:var(--muted,#bcc7c7)}.mod-timeline{margin-top:26px}.mod-info{padding:14px;border-left:3px solid var(--mod-accent);background:var(--panel,#11202b)}.mod-error{padding:12px 15px;background:#a7382229;border:1px solid #c77566;color:var(--text,#fff);overflow-wrap:anywhere}.mod-success{padding:14px;border:1px solid #6fba77}.mod-user-header h3{font-size:24px;margin:0 0 10px}.mod-user-header{margin-bottom:24px}.mod-canvas-preview{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mod-canvas-preview figure{margin:0;min-width:0}.mod-canvas-preview figcaption{font-weight:700;margin-bottom:8px}.mod-canvas-preview canvas{display:block;width:100%;height:auto;image-rendering:pixelated;background:white;border:1px solid var(--mod-line)}.mod-danger-zone{margin-top:30px;border:1px solid #a44d49;padding:16px}.mod-danger-zone form{display:grid;gap:12px;margin-top:14px}.mod-dialog summary{cursor:pointer;min-height:38px}.mod-root [hidden],.mod-dialog [hidden]{display:none!important}.mod-account-button{font-size:12px}.mod-account-banner{position:fixed;bottom:14px;right:14px;z-index:60;max-width:min(380px,90vw);padding:14px 18px;background:var(--panel,#11202b);color:var(--text,#fff);border:2px solid var(--accent,#b9ef82);box-shadow:5px 5px 0 #0006}.mod-account-banner button{margin-top:8px}.mod-report-button{font:12px system-ui;min-height:30px;padding:4px 8px}.mod-public-menu{position:fixed;left:14px;bottom:14px;z-index:55;display:flex;gap:6px}.mod-public-menu button{min-height:38px;font-size:12px;background:var(--panel,#11202b);color:var(--text,#fff);border:1px solid var(--line,#344652);padding:6px 10px}.mod-public-menu:empty{display:none}@media(max-width:820px){.mod-stats{grid-template-columns:1fr 1fr}.mod-case-grid{grid-template-columns:1fr}.mod-header{align-items:start}.mod-header p{font-size:13px}.mod-row{flex-wrap:wrap;gap:12px;padding:14px}.mod-row>button{margin-left:auto}.mod-thumb{width:56px;height:56px}.mod-row-copy{min-width:calc(100% - 85px)}.mod-toolbar{gap:10px}.mod-toolbar label{flex:1;min-width:130px}.mod-dialog-body{padding:15px}.mod-canvas-preview{grid-template-columns:1fr}.mod-pagination{font-size:12px}.mod-form-grid{grid-template-columns:1fr}.mod-dialog{width:96vw;max-height:94dvh}.mod-public-menu{bottom:76px;left:8px}.mod-account-banner{bottom:126px}.mod-header .mod-role{font-size:10px}}@media(prefers-reduced-motion:reduce){.mod-root *,.mod-dialog *{animation:none!important;transition:none!important}}

#adminLegacySystem[hidden],#adminLegacySettings[hidden]{display:none!important}.aquarium-report-card{min-width:0}.aquarium-report-card>.aquarium-archive-card{width:100%}.mod-account-banner [data-dismiss]{float:right}

.mod-public-menu{flex-wrap:wrap;max-width:min(340px,calc(100vw - 24px))}.mod-public-menu button{white-space:normal;overflow-wrap:anywhere}

/* Source: /styles/v99-google.css */
.google-auth { margin: 20px 0 12px; }
.google-provider { max-width: 100%; min-width: 0; }
.google-auth > .google-provider { width: min(100%, 340px); margin-inline: auto; }
.google-provider:empty { display: none; }
.google-info { font-size: 12px; line-height: 1.6; margin: 10px 0; }
.google-auth > .google-info { text-align: center; }
.google-info a { color: var(--muted, #afb8c1); text-underline-offset: 3px; }
.google-divider { display: flex; align-items: center; gap: 10px; margin: 18px 0 8px; font-size: 12px; color: var(--muted, #afb8c1); }
.google-divider::before, .google-divider::after { content: ''; flex: 1; height: 1px; background: currentColor; opacity: .22; }
.google-hint { font-size: 14px; line-height: 1.65; overflow-wrap: anywhere; }
.google-onboarding { padding: 20px; border: 1px solid var(--border, #344850); background: var(--panel, #122026); box-shadow: inset 3px 0 var(--accent, #9be64d); }
.google-onboarding h3 { margin: 12px 0 8px; }
.google-pixel { display: inline-grid; place-items: center; flex: 0 0 36px; width: 36px; height: 36px; color: var(--accent, #9be64d); border: 1px solid currentColor; box-shadow: 3px 3px currentColor; font-size: 22px; }
.google-pending .modal-card > label, .google-pending #authSubmit, .google-pending #passkeyLoginBtn, .google-pending #forgotPasswordBtn, .google-pending #authMessage { display: none !important; }
.google-security { grid-column: 1 / -1; min-width: 0; }
.google-security-heading { display: flex; gap: 18px; align-items: center; margin-bottom: 22px; }
.google-security-heading h2, .google-security-heading p { margin: 0; }
.google-security-heading p { margin-top: 6px; }
.google-security-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 26px; }
.google-security-columns > div { min-width: 0; }
.google-security-columns h3 { margin-top: 0; }
.google-security label, .google-onboarding label { display: grid; gap: 8px; margin: 14px 0; font-size: 14px; }
.google-security input, .google-onboarding input { box-sizing: border-box; min-width: 0; width: 100%; }
.google-status { display: inline-block; font: inherit; font-size: 11px; padding: 4px 7px; border: 1px solid var(--border, #344850); vertical-align: middle; }
.google-status.is-linked { color: var(--accent, #9be64d); }
.google-security summary { cursor: pointer; padding: 12px; border: 1px solid var(--border, #344850); font-weight: 700; }
.google-security .google-provider:not(:empty) { margin-top: 14px; }
.google-security button:disabled { opacity: .55; cursor: default; }
.google-security .message:empty, .google-onboarding .message:empty { display: none; }
@media (max-width: 640px) {
  .google-security-columns { grid-template-columns: 1fr; gap: 22px; }
  .google-onboarding { padding: 14px; }
  .google-security-heading { align-items: flex-start; }
  .google-security input, .google-onboarding input { font-size: 16px; }
}

/* Source: /styles/v101-seo.css */
/* Extend Pixel-Deck's existing theme tokens and page layouts. */
.v90-document .wrap,.v90-document .footer-note{position:relative;z-index:1}
.seo-chips{display:flex;flex-wrap:wrap;gap:.55rem;margin:1.1rem 0 1.35rem}
.seo-chips a,.seo-pagination a,.seo-pagination span{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.45rem .85rem;border:1px solid var(--pd-line,#31543b);border-radius:8px;text-decoration:none;font-size:.9rem;background:var(--pd-panel,#0e2116);color:var(--pd-text,#f7fff9)}
.seo-chips a:hover,.seo-pagination a:hover{border-color:var(--pd-accent,#9be64d);color:var(--pd-accent,#9be64d)}
.seo-pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem;margin-top:1.6rem}
.seo-pagination [aria-current]{background:var(--pd-accent,#9be64d);color:var(--theme-ink,#06110a);font-weight:bold}
.breadcrumbs ol{display:flex;flex-wrap:wrap;list-style:none;gap:.5rem;margin:0;padding:0;line-height:1.6;font-size:.875rem}
.breadcrumbs li+li:before{content:'/';margin-right:.5rem;color:var(--pd-muted,#a9bdb0)}
.breadcrumbs li{overflow-wrap:anywhere}
.seo-help{border-top:1px solid var(--pd-line,#31543b);padding-top:1rem;margin-top:1.8rem;max-width:75ch;line-height:1.7}
.seo-help h2,.seo-related h2{font-size:1.25rem;line-height:1.4}
.seo-help details{padding:.55rem 0;border-bottom:1px solid var(--pd-line,#31543b)}
.seo-help summary{cursor:pointer;min-height:44px;padding:.5rem 0;font-size:1rem;font-weight:600}
.seo-help p,.seo-document p{line-height:1.75;font-size:1rem}
.seo-document{max-width:100%}.seo-document h2{font-size:1.35rem;line-height:1.4;margin-top:1.6rem;overflow-wrap:anywhere}
.seo-document section{scroll-margin-top:6rem}.seo-launch{display:inline-flex;min-height:48px;padding:.8rem 1.1rem;text-decoration:none}
.seo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(190px,100%),1fr));gap:1rem}
.seo-grid>a{display:flex;flex-direction:column;min-width:0;text-decoration:none;color:var(--pd-text,#f7fff9);background:var(--pd-panel,#0e2116);border:1px solid var(--pd-line,#31543b);border-radius:12px;padding:.8rem;gap:.35rem}
.seo-grid img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;image-rendering:pixelated;background:var(--pd-bg,#06110a);border-radius:8px}
.seo-grid strong{overflow-wrap:anywhere;font-size:1rem;line-height:1.4}
.seo-grid .muted{font-size:.875rem;color:var(--pd-muted,#a9bdb0);line-height:1.4;overflow-wrap:anywhere}
.seo-facts{margin:1rem 0;font-size:.875rem;line-height:1.55}
.seo-facts>div{display:grid;grid-template-columns:minmax(110px,.8fr) minmax(0,1.2fr);gap:.75rem;padding:.65rem 0;border-bottom:1px solid var(--pd-line,#31543b)}
.seo-facts dt{color:var(--pd-muted,#a9bdb0)}.seo-facts dd{margin:0;overflow-wrap:anywhere}
.seo-license-note{font-size:.875rem;line-height:1.6}
.seo-download{display:flex;justify-content:center;align-items:center;min-height:48px;text-decoration:none;margin:.75rem 0}
.seo-related{margin:1.4rem 0 2rem}
#seoDetailRelated{margin-top:1.5rem}#cardDetailMain .breadcrumbs{margin-bottom:1rem}
#cardDetailMain h1.artwork-title{font-size:clamp(1.8rem,4vw,2.8rem)!important;line-height:1.15!important;margin:0;padding:0;font-weight:750;overflow-wrap:anywhere}
#assetDetailDescription h2{font-size:1.1rem;line-height:1.4}
.seo-avatar{object-fit:cover;image-rendering:pixelated;border-radius:12px}
.footer-note nav{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin:1rem;font-size:.875rem}
.site-footer>div:last-child{display:flex;gap:1rem;flex-wrap:wrap}
a.discover-art-open{display:block;text-decoration:none;cursor:pointer}
a.clickable-artwork{display:block}
a.nav-btn{text-decoration:none}
.seo-skip{position:fixed;left:1rem;top:-10rem;z-index:1000;padding:1rem;background:var(--pd-panel,#0e2116);color:var(--pd-text,#f7fff9)}
.seo-skip:focus{top:1rem}
.seo-chips a:focus-visible,.seo-grid a:focus-visible,.seo-pagination a:focus-visible,.seo-document a:focus-visible,a.discover-art-open:focus-visible{outline:3px solid var(--pd-accent,#9be64d);outline-offset:3px}
.seo-search{margin:1rem 0}.seo-search label{display:block;font-size:.9rem;margin-bottom:.5rem}.seo-search>div{display:flex;gap:.5rem}.seo-search input{min-width:0;flex:1;font:inherit;padding:.75rem;background:var(--pd-bg,#06110a);color:var(--pd-text,#f7fff9);border:1px solid var(--pd-line,#31543b);border-radius:8px}.seo-search button{font:inherit;padding:.75rem;background:var(--pd-accent,#9be64d);color:var(--theme-ink,#06110a);border:0;border-radius:8px}
.v90-document .sitebar nav{font-size:.875rem;display:flex;flex-wrap:wrap;gap:.25rem .5rem;min-width:0}.v90-document .sitebar nav a{font-size:.875rem;min-height:44px;display:inline-flex;align-items:center;padding:.5rem .65rem;border-radius:6px}
@media(max-width:600px){.v90-document .sitebar-inner{padding:.5rem .8rem;align-items:flex-start;flex-direction:column;gap:.25rem}.v90-document .sitebar nav{display:flex;gap:.15rem .25rem;width:100%}.v90-document .wrap{padding:1rem .8rem 3rem}.v90-document .card{padding:1.1rem}.v90-document h1{font-size:clamp(1.6rem,7vw,2.3rem);line-height:1.2;overflow-wrap:anywhere}.seo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.seo-grid>a{padding:.6rem}.seo-facts>div{grid-template-columns:1fr;gap:.2rem}.seo-chips{gap:.4rem}.seo-chips a{font-size:.875rem;padding:.4rem .65rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:600px){.seo-chips{flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding-bottom:.4rem}.seo-chips a{flex-shrink:0}#cardDetailMain h1.artwork-title{font-size:clamp(1.5rem,8vw,2rem)!important}}
/* V102: compact pack evidence, tool cards and authenticated diagnostics. */
.seo-facts dd,.seo-admin td{overflow-wrap:anywhere}
.seo-pack-previews{margin-top:24px}.seo-pack-previews>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:16px}.seo-pack-previews figure{margin:0;min-width:0}.seo-pack-previews img{display:block;width:100%;height:160px;object-fit:contain;image-rendering:pixelated;background:repeating-conic-gradient(#13241d 0% 25%,#1e3027 0% 50%) 50%/16px 16px;border:1px solid #3f644c}.seo-pack-previews figcaption{font-size:12px;overflow-wrap:anywhere;margin-top:6px}.seo-pack-previews figcaption span{display:block;color:#b3c9b8}.seo-tool-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px}.seo-tool-list section{padding:16px;border:1px solid var(--pd-line,#3f644c);background:var(--pd-panel,#0b2118)}.seo-tool-example{margin:20px 0}.seo-tool-example img{display:block;max-width:100%;width:320px;height:auto;image-rendering:pixelated}.seo-tool-example figcaption{font-size:13px;color:#b3c9b8}.seo-admin{min-width:0}.seo-admin details,.seo-admin section{margin-top:20px}.seo-admin summary{cursor:pointer;font-weight:700;padding:12px 0}.seo-admin-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.seo-admin-table{overflow:auto;max-width:100%;margin:12px 0}.seo-admin table{border-collapse:collapse;min-width:600px;width:100%;font-size:13px}.seo-admin th,.seo-admin td{padding:12px;text-align:left;vertical-align:top;border-bottom:1px solid #3f644c;max-width:300px}.seo-admin form{display:flex;gap:12px;flex-wrap:wrap;align-items:end}.seo-admin label{display:grid;gap:6px;min-width:0;max-width:100%}.seo-admin input,.seo-admin select{max-width:100%;box-sizing:border-box}.seo-admin-status{color:#b6f1c0}.seo-admin button{min-height:36px}.seo-admin input[type=file]{width:240px}.seo-admin .mod-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}

/* V102.1: one brand and visible routes between the community, assets and tools. */
.v90-document .sitebar-inner{flex-wrap:wrap}
.v90-document .sitebar .logo-brand{display:inline-flex;align-items:center;flex-shrink:0;min-height:44px;padding:0;background:transparent;border:0;box-shadow:none}
.v90-document .sitebar .site-logo-img{display:block;width:145px;height:auto;object-fit:contain;image-rendering:pixelated;filter:none}
.v90-document .sitebar nav a:hover{background:color-mix(in srgb,var(--pd-accent,#9be64d) 10%,transparent);color:var(--pd-accent,#9be64d)}
.v90-document .sitebar a:focus-visible,.seo-collection-actions a:focus-visible,.home-quick-links a:focus-visible,.mobile-bottom-nav>a:focus-visible{outline:3px solid var(--pd-accent,#9be64d);outline-offset:3px}
.seo-link-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.75rem 1rem;text-decoration:none;text-align:center;font:inherit;font-weight:700;border:1px solid var(--pd-accent,#9be64d);border-radius:8px;background:var(--pd-accent,#9be64d);color:var(--theme-ink,#06110a)}
.seo-collection-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem 1rem;margin:1.1rem 0}
.seo-collection-actions>a{display:inline-flex;align-items:center;min-height:44px;max-width:100%;overflow-wrap:anywhere}
.v90-document .seo-collection-actions>.primary{color:var(--theme-ink,#06110a)}
.mobile-bottom-nav>a{display:flex;align-items:center;justify-content:center;min-width:0;min-height:52px;padding:9px 3px;border:0;border-right:1px solid rgba(255,255,255,.08);background:transparent;color:var(--text,#f6ffe7);font-family:inherit;font-size:11px;font-weight:900;text-align:center;text-decoration:none}
@media(max-width:600px){.v90-document .sitebar .site-logo-img{width:118px}.seo-collection-actions{align-items:stretch}.seo-collection-actions>.primary{width:100%}}

/* Source: /styles/games.css */
.games-hero{padding:54px 0 34px;position:relative}.games-hero h1{font-size:clamp(36px,7vw,76px);line-height:1.02;max-width:780px;margin:14px 0 24px;letter-spacing:-.045em}.games-hero>p{max-width:650px;font-size:18px;color:var(--muted,#adc4b8)}.game-eyebrow{font-size:12px!important;font-weight:800;letter-spacing:.16em;color:var(--mint,#55f2c3)!important}.game-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:20px 0}.game-actions>*{min-height:44px}.game-actions button,.game-upload button,.game-search button,.game-tabs a,.game-pagination a{border:1px solid var(--line,#244b34);background:var(--panel,#0e2116);color:inherit;border-radius:8px;padding:12px 18px;cursor:pointer;font:inherit;text-decoration:none}.game-actions .primary,.game-upload .primary,.game-search .primary{background:var(--mint,#55f2c3);color:#04180f;font-weight:800}.game-rule{padding:16px 20px;border:1px solid var(--line,#244b34);background:var(--panel,#0e2116);border-left:4px solid var(--mint,#55f2c3);border-radius:4px;font-size:14px}.game-rule b{margin-right:12px;color:var(--mint,#55f2c3)}.game-search{display:flex;gap:12px;align-items:end;margin:30px 0}.game-search label{flex:1}.game-tabs{display:flex;gap:10px;overflow-x:auto;padding:4px 0 18px}.game-tabs a{white-space:nowrap}.game-tabs a.active{background:var(--mint,#55f2c3);color:#04180f;font-weight:800}.game-section-head{display:flex;justify-content:space-between;align-items:center}.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.game-card{border:1px solid var(--line,#244b34);background:var(--panel,#0e2116);border-radius:12px;overflow:hidden;transition:transform .15s,border-color .15s}.game-card:hover{transform:translateY(-4px);border-color:var(--mint,#55f2c3)}.game-card a{color:inherit;text-decoration:none}.game-cover{position:relative;aspect-ratio:8/5;background:#081c14}.game-cover img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;image-rendering:pixelated}.game-free{display:inline-block;background:#55f2c3;color:#04180f;font-weight:900;font-size:11px;letter-spacing:.08em;padding:5px 8px;border-radius:3px}.game-cover .game-free{position:absolute;top:12px;right:12px}.game-card-body{padding:18px}.game-card h3{font-size:21px;margin:0 0 8px}.game-card p{margin:6px 0;color:var(--muted,#adc4b8);font-size:13px}.game-tags{min-height:20px}.game-card-stats{display:flex;gap:20px;border-top:1px solid var(--line,#244b34);padding-top:12px;margin-top:15px}.game-card-stats span:last-child{margin-left:auto}.game-empty{grid-column:1/-1;padding:50px 24px;border:1px dashed var(--line,#244b34);border-radius:12px;text-align:center}.game-pagination{display:flex;gap:20px;justify-content:center;padding:32px}.game-breadcrumb{display:flex;justify-content:space-between;margin:26px 0}.game-detail-head{display:flex;justify-content:space-between;gap:24px;margin-bottom:28px}.game-detail-head h1{font-size:clamp(30px,5vw,58px);line-height:1.1;margin:12px 0}.game-statbox{display:flex;gap:20px;align-items:center}.game-player{position:relative;aspect-ratio:16/10;border:1px solid var(--line,#244b34);background:#020604;border-radius:12px;overflow:hidden;max-height:80vh}.game-player iframe,.game-poster{width:100%;height:100%;border:0}.game-poster{position:absolute;inset:0;display:block;object-fit:contain;object-position:center}.game-play-overlay{position:absolute;inset:0;background:linear-gradient(transparent,#000c);display:flex;flex-direction:column;align-items:center;justify-content:center}.game-play{font-size:22px;min-height:62px;padding:16px 30px;border:0;border-radius:6px;font-weight:900;cursor:pointer}.game-player:fullscreen{max-height:none;width:100%;height:100%;border-radius:0}.game-info-grid{display:grid;grid-template-columns:2fr 1fr;gap:36px;padding:24px 0}.game-prose{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.game-facts{background:var(--panel,#0e2116);padding:24px;border:1px solid var(--line,#244b34);border-radius:12px}.game-facts dl{display:grid;grid-template-columns:1fr 1fr;gap:14px}.game-facts dd{margin:0}.game-screenshots{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.game-screenshots img{width:100%;height:auto;border-radius:8px}.game-message{min-height:24px;color:var(--mint,#55f2c3);overflow-wrap:anywhere}.game-upload{max-width:900px;margin:24px auto}.game-upload fieldset{border:1px solid var(--line,#244b34);padding:24px;border-radius:12px}.game-upload legend{font-size:24px;font-weight:800}.game-upload label,.game-search label,#gameReportForm label{display:block;margin-bottom:18px;font-size:14px;font-weight:700}.game-upload input:not([type=checkbox]),.game-upload select,.game-upload textarea,.game-search input,#gameReportForm select,#gameReportForm textarea,#gameLanguage{display:block;width:100%;margin-top:8px;background:var(--panel,#0e2116);color:inherit;border:1px solid var(--line,#244b34);border-radius:6px;padding:12px;font:inherit;min-height:44px}.game-upload textarea{min-height:120px;resize:vertical}.game-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.game-consent{display:flex!important;gap:12px;align-items:start}.game-consent input{min-width:22px;min-height:22px}.game-steps{display:flex;gap:20px;margin:24px 0;color:var(--mint,#55f2c3)}#gameLanguage{width:auto}#gameReportDialog{background:#0e2116;color:#f7fff9;border:1px solid #55f2c3;border-radius:12px;width:min(520px,95vw);padding:28px}#gameReportDialog::backdrop{background:#000b}#gameManage article{padding:18px;border:1px solid var(--line,#244b34);margin:12px 0}.game-profile-tabs{display:flex;gap:10px;flex-wrap:wrap}.game-profile-tabs button{padding:10px 18px;min-height:44px}[hidden]{display:none!important}@media(max-width:800px){.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-detail-head{display:block}.game-statbox{margin-top:20px}.game-info-grid{grid-template-columns:1fr}.game-screenshots{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.game-grid,.game-form-grid{grid-template-columns:1fr}.games-hero{padding-top:28px}.game-tabs a{padding:12px}.game-player{aspect-ratio:4/3}.game-upload fieldset{padding:16px}.game-actions{gap:8px}.game-search{display:block}.game-search button{width:100%}.game-steps{font-size:12px;gap:10px}}@media(prefers-reduced-motion:reduce){.game-card{transition:none}.game-card:hover{transform:none}}

/* Clear upload feedback, independent of native browser validation bubbles. */
.game-upload-errors{padding:18px 20px;margin:0 0 24px;border:2px solid #edb6a8;border-left-width:5px;border-radius:6px;background:var(--panel,#0e2116);color:var(--text,#f7fff9);scroll-margin-top:100px}
.game-upload-errors ul{margin:10px 0 0;padding-left:20px}.game-upload-errors li+li{margin-top:7px}
.game-upload-errors li button{padding:3px 0;border:0;background:none;text-align:left;text-decoration:underline;text-underline-offset:3px;color:inherit;min-height:32px;box-shadow:none;font:inherit;line-height:1.6}
.game-upload-errors:focus{outline:3px solid var(--pd-accent,#b8ee8e);outline-offset:4px}
.game-upload .game-field-error{display:block;margin-top:8px;font-size:.875rem;font-weight:600;line-height:1.5;color:#ffd4c7}
.game-upload [aria-invalid=true]{border:2px solid #edb6a8!important;outline-offset:3px}
.game-upload .game-consent{flex-wrap:wrap}.game-upload .game-consent>span{flex:1;min-width:180px}.game-upload .game-consent>.game-field-error{flex-basis:100%;margin-left:34px}
.game-upload .game-field-hint{display:block;color:var(--pd-muted,var(--muted,#adc4b8));font-weight:400;font-size:.8125rem;line-height:1.6;margin:8px 0 0}
.game-upload .game-form-grid>*{min-width:0}.game-upload .game-window-settings{padding:20px 0;margin:8px 0 24px;border-top:1px solid var(--line,#244b34);border-bottom:1px solid var(--line,#244b34)}
.game-window-settings h2{font-size:1.15rem;margin:0 0 16px}.game-window-settings>label{max-width:460px}
/* Custom windows retain their ratio; the existing default rules stay unchanged. */
.game-player[data-size=custom]{width:min(100%,var(--game-width),var(--game-viewport-width));height:auto;aspect-ratio:var(--game-ratio);max-height:none;margin-inline:auto}
.game-player[data-size=custom]:fullscreen{width:100%;height:100%;max-width:none;max-height:none;aspect-ratio:auto;margin:0}
.game-player[data-size=custom]>iframe,.game-player[data-size=custom]>.game-poster{position:absolute;inset:0;width:100%;height:100%}
.game-player[data-size=custom] .game-play-overlay{padding:12px;text-align:center}.game-player[data-size=custom] .game-play{font-size:clamp(16px,2vw,22px);min-height:44px}
@media(forced-colors:active){.game-upload-errors,.game-upload [aria-invalid=true]{border-color:Mark!important}.game-upload .game-field-error{color:CanvasText}}

.game-search{flex-wrap:wrap}.game-search label:first-child{flex:2;min-width:210px}.game-search select{display:block;width:100%;margin-top:8px;background:var(--panel,#0e2116);color:inherit;border:1px solid var(--line,#244b34);border-radius:6px;padding:12px;font:inherit;min-height:44px}.game-search select option{background:var(--panel,#0e2116);color:inherit}

/* Source: /styles/games-home.css */
/* The Arcade is another PixelDeck world, alongside the Museum and galleries. */
.v91-site #homeGames { margin:0 0 24px; }
.v91-site .home-arcade-feature { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); align-items:center; overflow:hidden; border:1px solid var(--pd-line); border-radius:20px; background:var(--pd-panel); box-shadow:0 14px 34px #0002; }
.v91-site .home-arcade-feature>.world-scene { width:100%; height:100%; min-height:300px; aspect-ratio:96/58; border-right:1px solid var(--pd-line); text-decoration:none; }
.v91-site .home-arcade-feature>.world-scene:focus-visible { outline-offset:-5px!important; }
.v91-site .home-arcade-copy { padding:clamp(24px,3vw,44px); min-width:0; }
.v91-site .home-arcade-copy .v67-kicker { color:var(--pd-accent); }
.v91-site .home-arcade-copy h2 { margin:10px 0 16px; max-width:16ch; color:var(--pd-text); font-size:clamp(1.7rem,3vw,2.3rem); font-weight:750; line-height:1.15; letter-spacing:-.035em; text-wrap:balance; }
.v91-site .home-arcade-copy>p { margin:0; color:var(--pd-muted); max-width:47ch; font-size:1rem; line-height:1.75; }
.v91-site .home-arcade-actions { display:flex; align-items:center; flex-wrap:wrap; gap:8px 24px; margin:24px 0 14px; }
.v91-site .home-arcade-actions .primary { display:inline-flex; justify-content:center; align-items:center; gap:24px; min-height:48px; text-decoration:none; padding:13px 20px; font-size:.9375rem; }
.v91-site .home-arcade-upload,.v91-site .home-games-shelf-heading>a { display:inline-flex; align-items:center; min-height:44px; color:var(--pd-accent); font-size:.875rem; font-weight:600; text-decoration:none; text-underline-offset:5px; }
.v91-site :is(.home-arcade-upload,.home-games-shelf-heading>a):hover { text-decoration:underline; }
.v91-site .home-arcade-copy>.home-arcade-note { font-size:.8125rem; }
.v91-site .home-games-shelf { padding:24px 0 8px; }
.v91-site .home-games-shelf-heading { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:8px 24px; margin-bottom:16px; }
.v91-site .home-games-shelf-heading h3 { margin:0; color:var(--pd-text); font-size:1.125rem; font-weight:650; letter-spacing:-.02em; }
.v91-site #homeGames .game-grid { gap:20px; }
.v91-site #homeGames .game-card { background:var(--pd-panel); border-color:var(--pd-line); border-radius:14px; color:var(--pd-text); }
.v91-site #homeGames .game-card:hover { border-color:var(--pd-accent); }
.v91-site #homeGames .game-card h3 { font-size:1.125rem; line-height:1.4; overflow-wrap:anywhere; }
.v91-site #homeGames .game-card p { color:var(--pd-muted); overflow-wrap:anywhere; }
.v91-site #homeGames .game-card-stats { border-color:var(--pd-line); flex-wrap:wrap; gap:8px 14px; }
.v91-site #homeGames .game-free { background:var(--pd-accent); color:var(--pd-bg); }
.v91-site #homeGames .game-cover { background:#101e28; }
.v91-site #homeGames .game-cover img { display:block; }
.v91-site .home-games-status { color:var(--pd-muted); font-size:.875rem; line-height:1.6; margin:12px 0 0; }
.v93-site .home-arcade-feature { border:2px solid var(--px-edge); border-radius:4px; background:var(--px-surface); box-shadow:5px 5px 0 #0003; }
.v93-site .home-arcade-copy h2 { max-width:22ch; font:400 clamp(1.4rem,2.3vw,2rem)/1.45 var(--px-display); letter-spacing:-.035em; }
.v93-site .home-arcade-copy .v67-kicker,.v93-site .home-arcade-upload,.v93-site .home-games-shelf-heading { font-family:var(--px-mono); }
.v93-site #homeGames .game-card { border:2px solid var(--px-edge); border-radius:4px; box-shadow:3px 3px 0 #0003; }
.v93-site #homeGames .game-card-stats { border-top-style:dashed; }
@media(max-width:800px) { .v91-site #homeGames .game-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; } .v91-site #homeGames .game-card-body { padding:14px; } }
@media(max-width:700px) {
  .v91-site .home-arcade-feature { grid-template-columns:1fr; }
  .v91-site .home-arcade-feature>.world-scene { height:auto; min-height:0; aspect-ratio:96/58; border-right:0; border-bottom:1px solid var(--pd-line); }
  .v91-site .home-arcade-copy { padding:24px; }
  .v91-site .home-arcade-copy h2 { max-width:22ch; }
  .v91-site #homeGames .game-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:500px) { .v91-site #homeGames .game-grid { grid-template-columns:1fr; } .v91-site .home-arcade-actions { gap:6px 20px; } }

/* Source: /styles/studio-home.css */
/* Two equal destinations, with a shared illustration and copy grid. */
.v90-site .home-create-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:0 0 48px}
.v90-site .home-create-pair .aquarium-feature{display:flex;flex-direction:column;align-items:stretch;gap:0;min-width:0;margin:0;border:2px solid #4c5069;border-radius:3px;background:var(--panel,#232a40);color:var(--text,#e7eddc);overflow:hidden}
.v90-site .home-create-pair .world-scene{position:relative;display:block;flex:none;width:100%;height:auto;min-height:0;aspect-ratio:960/580;overflow:hidden;background:#0b2531}
.v90-site .home-create-pair .world-scene svg,.v90-site .home-create-pair .world-scene img{display:block;position:static;width:100%;height:100%;object-fit:contain;transform:none}
.v90-site .home-create-pair .aquarium-feature>div{display:flex;flex:1;flex-direction:column;align-items:flex-start;min-width:0;padding:28px 30px 30px}
.v90-site .home-create-pair .aquarium-feature h2{font-size:clamp(1.25rem,2.3vw,1.8rem);line-height:1.35;margin:14px 0 10px;max-width:24ch;overflow-wrap:anywhere}
.v90-site .home-create-pair .aquarium-feature p{flex:1;margin:0 0 22px;font-size:.9375rem;line-height:1.7;max-width:55ch}
.v90-site .home-create-pair .aquarium-feature a{display:flex;align-items:center;justify-content:center;min-height:46px;width:100%;padding:12px 18px;margin-top:auto;text-align:center;white-space:normal}
.v90-site .home-create-pair .studio-feature{border-color:#596e51}
.v90-site .home-create-pair .studio-feature .v67-kicker{color:#b4df76}
.v90-site .home-create-pair .studio-feature a{background:#223a31;color:#d3f0ad;border-color:#6d8c54}
.v90-site .home-create-pair a:focus-visible{outline:3px solid #b4df76;outline-offset:3px}
@media(max-width:700px){.v90-site .home-create-pair{grid-template-columns:1fr;gap:20px}.v90-site .home-create-pair .aquarium-feature>div{padding:22px}.v90-site .home-create-pair .aquarium-feature h2{font-size:1.45rem}}