/* Account activity stays together: identity, your submission, and your last like. */
.community-dialog.account-dialog {
  box-sizing: border-box;
  width: min(820px, calc(100vw - 40px));
  max-width: none;
  max-height: calc(100dvh - 40px);
  padding: 30px;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  border: 2px solid var(--border);
  border-radius:var(--radius-dialog);
  background: var(--bg);
  color: var(--ink);
  box-shadow: 7px 7px 0 #000;
  scrollbar-gutter: stable;
}
.account-dialog [hidden] { display: none !important; }
.account-dialog :is(button, .button) { touch-action: manipulation; }
.account-dialog :is(button, .button, a):focus-visible {
  outline: 3px solid var(--ink);
  outline-offset: 4px;
}
.account-dialog .dialog-close {
  top: 18px;
  right: 18px;
  width: 36px;
  height: 36px;
  min-height: 36px;
  border-radius: 50%;
}
.account-dialog .account-profile {
  display: flex;
  align-items: center;
  gap: 20px;
  min-width: 0;
  padding: 2px 40px 26px 0;
}
.account-dialog .account-avatar {
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
  flex: none;
  width: 72px;
  height: 72px;
  border: 2px solid var(--border);
  border-radius: 21px;
  background: var(--mint);
  color: var(--on-accent, #252628);
  box-shadow: 4px 4px 0 #000;
  font: 700 36px/1 'Space Grotesk', sans-serif;
  transform: rotate(-4deg);
}
.account-dialog .account-avatar img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#community-account {position:relative;overflow:visible}
#community-account .account-unread-badge {position:absolute;right:-7px;top:-8px;display:grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border:2px solid var(--border);border-radius:999px;background:var(--yellow);color:var(--on-accent,#252628);font:700 11px/1 'DM Sans',sans-serif;box-shadow:2px 2px 0 #000}
.owner-metrics {position:absolute;top:-3px;right:-2px;display:grid;gap:4px;pointer-events:none;z-index:3}
.owner-metrics>span {display:grid;place-items:center;box-sizing:border-box;min-width:30px;height:30px;padding:0 3px;border:2px solid var(--border);border-radius:50%;color:#252628;font:800 18px/1 'DM Sans',sans-serif;box-shadow:2px 2px 0 #000;font-variant-numeric:tabular-nums}
.owner-metrics .owner-likes {background:#ff7d86}
.owner-metrics .owner-favorites {background:#ffac5e}
.owner-metrics [data-digits="2"] {font-size:16px}
.owner-metrics [data-digits="3"] {font-size:13px}
.owner-metrics [data-digits="4"] {font-size:10px}
.owner-metrics [data-digits="5"] {font-size:8px}
.owner-metrics .sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.account-dialog .account-profile-link {display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:5px 9px;margin:0;border-radius:999px;font-size:11px;text-decoration:none;box-shadow:2px 2px 0 #000}
.account-dialog .account-profile-link svg {width:14px;height:14px;flex:none}
.account-dialog .account-profile-help {display:inline-block;max-width:100%;border-radius:999px}
.account-dialog .account-profile-help:focus-visible {outline:3px solid var(--ink);outline-offset:3px}
.account-dialog .account-profile-help button {pointer-events:none}
.account-dialog #browse-admin,
#preview-station .station-icon-row>:is([data-action=edit],[data-action=curate]) {background:var(--mint);color:var(--on-accent,#252628)}
.account-dialog #browse-admin:is(:hover,:focus-visible),
#preview-station .station-icon-row>:is([data-action=edit],[data-action=curate]):is(:hover,:focus-visible) {background:var(--sage);color:var(--on-accent,#252628)}
/* Center artwork independently of counts and celebration transforms. */
#preview-station .station-icon-row .social-icon > svg {position:absolute;left:50%;top:50%;translate:-50% -50%;margin:0}
#preview-station .station-icon-row .social-count {position:absolute;right:-2px;top:auto;bottom:-2px;display:grid;place-items:center;min-width:14px;height:15px;padding:0 2px;border-radius:999px;background:var(--panel);color:var(--ink);font:800 12px/1 'DM Sans',sans-serif;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
#preview-station .station-icon-row .social-count[data-digits="3"] {font-size:11px}
#preview-station .station-icon-row .social-count:is([data-digits="4"],[data-digits="5"]) {font-size:10px}
.account-dialog .account-profile-copy { min-width: 0; }
.account-dialog .account-profile h2 {
  margin: 0;
  padding: 0;
  font-size: clamp(26px, 4vw, 34px);
  line-height: 1.15;
  overflow-wrap: anywhere;
}
.account-dialog .account-badges {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 10px;
}
.account-dialog .account-badges .community-tag {
  padding: 4px 8px;
  font-size: 10px;
}
.account-dialog .account-activity-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: stretch;
  gap: 18px;
}
.account-dialog .account-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 20px;
  border: 2px solid var(--border);
  border-radius:var(--radius-panel);
  background: var(--panel);
  box-shadow: 3px 3px 0 #000;
}
.account-dialog .account-card-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 20px;
}
.account-dialog .account-card-heading h3 {
  margin: 0;
  font-size: 18px;
  line-height: 1.25;
}
.account-dialog .account-card-heading .community-tag {
  max-width: 100%;
  font-size: 10px;
}
.account-dialog .account-status-sticker {
  position: absolute;
  top: -10px;
  right: -8px;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  padding: 4px 8px;
  border: 2px solid var(--border);
  border-radius: 6px;
  background: #f5cf43;
  color: #000;
  box-shadow: 2px 2px 0 #000;
  font-size: 11px;
  font-weight: 750;
  line-height: 16px;
  white-space: nowrap;
  transform: rotate(11deg);
}
.account-dialog .account-profile-link,
.account-dialog .account-profile-link:disabled {
  min-height:26px;padding:4px 9px;border:1px solid var(--border)!important;
  background:var(--mint)!important;color:var(--on-accent,#252628)!important;
  box-shadow:none;font-size:11px;line-height:1.3;font-weight:700;
}
.account-dialog a.account-profile-link:hover {text-decoration:underline;text-underline-offset:3px}
.account-dialog .account-submission {
  display: block;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
}
.account-dialog .account-game-row {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}
.account-dialog .account-game-row > div { min-width: 0; }
.account-dialog :is(.account-cover, .account-cover-placeholder) {
  display: grid;
  place-items: center;
  flex: none;
  width: 80px;
  height: 80px;
  box-sizing: border-box;
  object-fit: contain;
  border: 2px solid var(--border);
  border-radius: 8px;
  background: #000;
  image-rendering: auto;
}
.account-dialog .account-cover-placeholder {
  background: color-mix(in srgb, var(--lavender) 18%, var(--panel));
  color: var(--ink);
  font-size: 24px;
  font-weight: 700;
}
.account-dialog .account-cover-placeholder svg { width: 32px; height: 32px; }
.account-dialog .account-game-row h4 {
  margin: 0 0 5px;
  font-size: 17px;
  line-height: 1.25;
  overflow-wrap: anywhere;
}
.account-dialog .account-meta {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.account-dialog .account-progress {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  list-style: none;
  margin: 24px 0 20px;
  padding: 0;
}
.account-dialog .account-progress li {
  position: relative;
  padding: 22px 5px 0 0;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.35;
}
.account-dialog .account-progress li::before {
  content: '';
  position: absolute;
  top: 5px;
  left: 0;
  right: 0;
  height: 2px;
  background: var(--soft-grey);
}
.account-dialog .account-progress li:last-child::before { content: none; }
.account-dialog .account-progress li::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 12px;
  height: 12px;
  border: 2px solid color-mix(in srgb, var(--ink) 35%, var(--panel));
  border-radius: 50%;
  background: var(--panel);
}
.account-dialog .account-progress li[data-state=done]::before { background: var(--mint); }
.account-dialog .account-progress li[data-state=done]::after {
  border-color: var(--border);
  background: var(--mint);
}
.account-dialog .account-progress li[data-state=current] {
  color: var(--ink);
  font-weight: 700;
}
.account-dialog .account-progress li[data-state=current]::after {
  border-color: var(--border);
  background: var(--yellow);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--yellow) 24%, transparent);
}
.account-dialog .account-review-note { margin: 14px 0 0; }
.account-dialog :is(.account-card-actions, .account-submit-actions) {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin: 18px 0 0;
}
.account-dialog :is(.account-card-actions, .account-submit-actions) > :is(button, .button),
.account-dialog .submit-help > button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 40px;
  padding: 8px 11px;
  border-radius: 9px;
  font-size: 12px;
  line-height: 1.35;
  text-align: center;
  margin: 0;
}
.account-dialog .account-submit-actions {
  margin-top: auto;
  padding-top: 20px;
}
.account-dialog .account-submit-actions > :is(button, .button) { flex: 1; }
.account-dialog .submit-help {display:flex;flex:1;min-width:0;border-radius:9px}
.account-dialog .submit-help > button {width:100%}
.submit-help:has(> button:disabled) {cursor:help}
.submit-help > button:disabled {pointer-events:none}
.submit-help:focus-visible {outline:3px solid var(--ink);outline-offset:4px}
.account-dialog .account-submit-actions .button {
  background: var(--blue);
  color: var(--on-accent, #252628);
}
.account-dialog .account-submit-actions .button:hover {
  background: color-mix(in srgb, var(--blue) 80%, white);
  color: var(--on-accent, #252628);
}
.account-dialog .account-empty {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  flex: 1;
  padding: 3px 0 0;
}
.account-dialog .account-empty > svg,
.account-dialog .account-empty > [data-ui-icon] {
  width: 44px;
  height: 44px;
  box-sizing: border-box;
  padding: 10px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: color-mix(in srgb, var(--mint) 16%, var(--panel));
}
.account-dialog .account-empty p {
  margin: 0;
  font-size: 13px;
  line-height: 1.6;
  color: var(--muted);
}
.account-dialog .account-empty h4 { margin: 0; font-size: 17px; line-height: 1.3; }
.account-dialog .account-submission-empty {display:flex;flex-direction:column;justify-content:center;flex:1;padding:18px 0;gap:8px}
.account-dialog .account-submission-empty h4 {font:700 24px/1.3 'JetBrains Mono',monospace}
.account-dialog .account-submission-empty p {font-size:12px;line-height:1.6;margin:0}
.account-dialog .account-empty p strong { color: var(--ink); }
.account-dialog .account-like-empty { flex: none; }
.account-dialog #account-liked-game {
  display: inline;
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 2px;
  background: none;
  box-shadow: none;
  color: var(--ink);
  font: 700 17px/1.3 'Space Grotesk', sans-serif;
  text-align: left;
  transform: none;
  text-decoration: underline;
  text-decoration-color: color-mix(in srgb, var(--ink) 30%, transparent);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.account-dialog #account-liked-game:hover { text-decoration-color: var(--ink); }
.account-dialog .account-like-card {display:flex;flex-direction:column}
.account-dialog .account-like-clock {flex:1;display:flex;flex-direction:column;justify-content:center;align-items:stretch;text-align:left;padding:18px 0;min-height:180px}
.account-dialog .account-like-clock > * {max-width:100%}
.account-dialog .account-like-clock p { margin: 0 0 8px; font-size: 12px; }
.account-dialog #account-like-countdown {
  display: block;
  margin-top: 5px;
  font-family: 'JetBrains Mono', monospace;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
  font-variant-numeric: tabular-nums;
}
.account-dialog #account-like-date {
  display: block;
  font-size: 11px;
  line-height: 1.5;
  color: var(--muted);
}
.account-dialog #account-like-progress {
  display: block;
  appearance: none;
  width: 100%;
  height: 9px;
  margin: 14px 0 10px;
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 999px;
  background: var(--bg);
  color: var(--coral);
}
.account-dialog #account-like-progress::-webkit-progress-bar { background: var(--bg); }
.account-dialog #account-like-progress::-webkit-progress-value { background: var(--coral); border-radius: 999px; }
.account-dialog #account-like-progress::-moz-progress-bar { background: var(--coral); border-radius: 999px; }
.account-dialog #account-like-note {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.55;
}
.account-dialog .account-notifications { margin-top: 24px; }
.account-dialog .account-notifications > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 12px;
}
.account-dialog .account-notifications h3 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: 17px;
}
.account-dialog :is(.account-notification-actions, .account-history-summary) { display:flex;align-items:center;flex-wrap:wrap;gap:8px; }
.account-dialog :is(.account-notification-actions, .account-history) button {
  min-height: 34px;
  padding: 5px 10px;
  border-radius: 7px;
  font-size: 11px;
}
.account-dialog :is(#account-history-open,[data-notifications-read],.account-more-unread,[data-history-more]) {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 34px;
  padding: 5px 0;
  border: 0;
  border-radius: 2px;
  background: none;
  color: var(--ink);
  box-shadow: none;
  transform: none;
  text-decoration: underline;
  text-decoration-color: color-mix(in srgb, var(--ink) 40%, transparent);
  text-underline-offset: 3px;
}
.account-dialog :is(#read-notifications,#history-read-notifications,.account-more-unread,[data-history-more]) {color:var(--notification-link);text-decoration-color:color-mix(in srgb,currentColor 55%,transparent)}
.account-dialog :is(#account-history-open,[data-notifications-read],.account-more-unread,[data-history-more]):is(:hover,:focus-visible) {text-decoration-color:currentColor;text-decoration-thickness:2px}
.account-dialog .account-notification-list {
  display: grid;
  gap: 8px;
  max-height: 180px;
  overflow: auto;
  overscroll-behavior: contain;
}
.account-dialog .account-notice {
  padding: 10px 12px;
  border: 2px solid var(--border);
  border-radius:var(--radius-inset);
  background: var(--panel);
  color: var(--ink);
  box-shadow: 2px 2px 0 #000;
  min-width: 0;
  overflow-wrap: anywhere;
  margin-bottom: 2px;
}
.account-dialog .account-notice.unread {
  background: color-mix(in srgb, var(--yellow) 9%, var(--panel));
}
.account-dialog .account-review-note { background: color-mix(in srgb, var(--coral) 10%, var(--panel)); }
.account-dialog .account-notice > header { display:flex;align-items:baseline;justify-content:space-between;gap:4px 14px;flex-wrap:wrap;margin-bottom:4px; }
.account-dialog .account-notice strong { display:flex;align-items:center;gap:6px;font-size:12px;line-height:1.4; }
.account-dialog .account-notice p {
  margin: 3px 0 0;
  color: var(--ink);
  font-size: 12px;
  line-height: 1.45;
  white-space: pre-wrap;
}
.account-dialog .account-notice time { color:var(--muted);font-size:10px;line-height:1.5; }
.account-dialog .account-notice .account-notice-view {margin-top:8px;padding:5px 10px;min-height:30px;font-size:11px;}
.account-dialog .account-notice-dot { display:inline-block;width:8px;height:8px;flex:none;border:1px solid var(--border);border-radius:50%;background:var(--yellow); }
.account-dialog .account-notification-list { padding:0 3px 3px 0; }
.account-dialog .account-more-unread { margin-top:8px;min-height:32px;font-size:11px;padding:4px 8px; }
.account-dialog .account-notification-actions svg,.account-dialog .account-more-unread svg,.account-dialog #account-history-back svg { width:15px;height:15px; }
.account-dialog .account-history { display:flex;flex-direction:column;height:100%;min-height:0; }
.account-dialog[data-account-view=history] { overflow-y:hidden; }
.account-dialog .account-history > header { flex:none;padding-right:38px; }
.account-dialog #account-history-back { margin-bottom:16px; }
.account-dialog #account-history-title { margin:0 0 12px;font-size:27px; }
.account-dialog .account-history-summary { justify-content:space-between;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid color-mix(in srgb,var(--ink) 20%,transparent); }
.account-dialog .account-history-summary p { margin:0;color:var(--muted);font-size:12px; }
.account-dialog .account-history-list { display:flex;flex-direction:column;gap:10px;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 4px 4px 0;scrollbar-gutter:stable; }
.account-dialog .account-history-list > * { flex:none; }
.account-dialog .account-history-list [data-history-more] { align-self:center;margin:8px 0; }
.account-dialog .account-empty-message {
  margin: 0;
  padding: 15px 16px;
  border: 2px solid var(--border);
  border-radius:var(--radius-inset);
  color: var(--muted);
  font-size: 12px;
  line-height: 1.6;
}
.account-dialog .account-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 26px;
  padding-top: 18px;
  border-top: 1px solid color-mix(in srgb, var(--ink) 15%, transparent);
}
.account-dialog #account-logout {
  margin-left: auto;
  min-height: 36px;
  padding: 6px 12px;
  border-radius: 999px;
  font-size: 12px;
  box-shadow: 3px 3px 0 #000;
  background: var(--red);
  color: var(--on-accent,#252628);
}
.account-dialog #account-logout:is(:hover,:focus-visible) {background:color-mix(in srgb,var(--red) 80%,white);transform:translateY(-1px);box-shadow:3px 4px 0 #000}
.account-dialog #account-logout:active {transform:translate(2px,2px);box-shadow:1px 1px 0 #000}
.account-dialog .account-note {
  margin: 0;
  padding: 12px 14px;
  border: 1px solid color-mix(in srgb, var(--ink) 18%, transparent);
  border-radius:var(--radius-inset);
  background: var(--panel);
  color: var(--muted);
  font-size: 13px;
  line-height: 1.6;
}
.account-dialog .account-card > .account-note { margin-top: 18px; font-size: 12px; }
#community-draft-target {display:grid;grid-template-columns:48px minmax(0,1fr) minmax(180px,.6fr);align-items:center;gap:22px;margin:20px 0 28px;padding:24px;background:var(--panel);border:2px solid var(--border);border-radius:var(--radius-panel);box-shadow:4px 4px 0 #000;font-size:13px;line-height:1.5;overflow-wrap:anywhere}
#community-draft-target[hidden] {display:none}
#community-draft-target .draft-edit-icon {display:grid;place-items:center;width:48px;height:48px;background:var(--mint);color:var(--on-accent,#252628);border:2px solid var(--border);border-radius:12px;box-shadow:2px 2px 0 #000;transform:rotate(-5deg)}
#community-draft-target .draft-edit-icon svg {width:25px;height:25px}
#community-draft-target h3 {margin:8px 0 5px;font-size:23px;line-height:1.2}
#community-draft-target p {margin:0;color:var(--muted)}
#community-draft-target p strong {color:var(--ink)}
#community-draft-target .draft-review-note {padding:14px 16px;background:color-mix(in srgb,var(--yellow) 13%,var(--panel));border:1px solid color-mix(in srgb,var(--yellow) 45%,var(--border));border-radius:var(--radius-inset);min-width:0}
#community-draft-target .draft-review-note > strong {display:block;font-size:12px;margin-bottom:5px}
#community-draft-target .draft-review-note p {white-space:pre-wrap;color:var(--ink)}
#community-draft-target:not(:has(.draft-review-note)) {grid-template-columns:48px minmax(0,1fr)}
.account-dialog.account-detail-open {overflow:hidden}
.account-dialog.account-detail-open > .dialog-close {z-index:3}
.account-dialog .account-submission-page {position:absolute;inset:0;z-index:2;overflow:auto;overscroll-behavior:contain;padding:30px;background:var(--bg);border-radius:var(--radius-dialog)}
.account-dialog .account-submission-page #back-account {border-radius:999px;box-shadow:none;padding:7px 12px;margin:0 44px 22px 0}
.account-dialog .account-submission-page > h2 {margin:0 0 20px;font-size:28px;overflow-wrap:anywhere}
@media(max-width:700px){
 #community-draft-target {grid-template-columns:40px minmax(0,1fr);gap:16px;padding:18px}
 #community-draft-target:not(:has(.draft-review-note)) {grid-template-columns:40px minmax(0,1fr)}
 #community-draft-target .draft-edit-icon {width:40px;height:40px}
 #community-draft-target .draft-review-note {grid-column:1/-1}
 #community-draft-target h3 {font-size:20px}
 .account-dialog .account-submission-page {padding:22px 18px}
}
.community-dialog.submission-detail-dialog {width:min(700px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:28px;overflow:auto;background:var(--bg);border:2px solid var(--border);border-radius:var(--radius-dialog);box-shadow:6px 6px 0 #000;overscroll-behavior:contain}
.submission-detail-dialog > h2 {font-size:27px;padding-right:30px;margin:0 0 16px;overflow-wrap:anywhere}
.submission-detail-dialog #back-account {min-height:34px;padding:5px 10px;font-size:12px;margin-bottom:18px;border-radius:7px}
.submission-detail-dialog .owned-submission-status {display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;color:var(--muted)}
.submission-detail-dialog .owned-submission-guidance {font-size:13px;line-height:1.55;margin:12px 0 18px}
.submission-detail-dialog .owned-review-note {padding:12px 14px;margin:0 0 18px;font-size:12px;border:2px solid var(--border);border-radius:var(--radius-inset);overflow-wrap:anywhere}
.submission-detail-dialog .owned-review-note p {margin:4px 0 0;white-space:pre-wrap}
.submission-detail-dialog .owned-submission-games {display:grid;gap:12px}
.submission-detail-dialog .owned-submission-game {display:grid;grid-template-columns:80px minmax(0,1fr);gap:16px;align-items:start;padding:14px;background:var(--panel);border:2px solid var(--border);border-radius:var(--radius-inset);min-width:0}
.submission-detail-dialog :is(.account-cover,.account-cover-placeholder) {display:grid;place-items:center;width:80px;height:80px;object-fit:cover;image-rendering:auto;border:2px solid var(--border);border-radius:7px;background:var(--bg)}
.submission-detail-dialog .account-cover-placeholder svg {width:32px;height:32px}
.submission-detail-dialog .owned-submission-game h3 {font-size:18px;margin:0 0 6px;overflow-wrap:anywhere}
.submission-detail-dialog .owned-submission-game p {font-size:13px;line-height:1.5;margin:0;overflow-wrap:anywhere;white-space:pre-wrap}
.submission-detail-dialog p.owned-game-meta {font-size:11px;color:var(--muted);margin-bottom:6px}
.submission-detail-dialog .owned-submission-actions {display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.submission-detail-dialog .owned-submission-actions :is(button,a) {min-height:38px;font-size:12px;border-radius:7px;padding:7px 11px}
.submission-detail-dialog #owned-preview {background:var(--yellow);color:var(--on-accent)}
.submission-detail-dialog #owned-edit {background:var(--mint);color:var(--on-accent)}
.submission-detail-dialog .owned-submission-actions a {background:var(--blue);color:var(--on-accent)}
.submission-detail-dialog :is(button,a) svg {width:17px;height:17px;flex:none}
.submission-detail-dialog .review-inline-close {min-height:34px;font-size:11px;padding:5px 8px}
@media(max-width:500px){
 .community-dialog.submission-detail-dialog {padding:20px;width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}
 .submission-detail-dialog > h2 {font-size:23px}
 .submission-detail-dialog .owned-submission-game {grid-template-columns:58px minmax(0,1fr);gap:12px;padding:12px}
 .submission-detail-dialog :is(.account-cover,.account-cover-placeholder) {width:58px;height:58px}
 .submission-detail-dialog .owned-submission-actions {gap:8px}
}
@media (max-width: 620px) {
  .community-dialog.account-dialog {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
    padding: max(22px, env(safe-area-inset-top)) 18px max(18px, env(safe-area-inset-bottom));
    border-radius:var(--radius-dialog);
    scrollbar-gutter: auto;
    box-shadow: 4px 4px 0 #000;
  }
  .community-dialog.account-dialog .dialog-close {
    top: 12px;
    right: 12px;
    width: 44px;
    height: 44px;
    min-height: 44px;
  }
  .account-dialog .account-profile { gap: 15px; padding-right: 27px; padding-bottom: 22px; }
  .account-dialog .account-avatar { width: 58px; height: 58px; border-radius: 17px; font-size: 29px; }
  .account-dialog .account-profile h2 { font-size: 28px; }
  .account-dialog .account-activity-grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .account-dialog .account-card { padding: 18px; }
  .account-dialog .account-card-heading { margin-bottom: 17px; }
  .account-dialog .account-notifications { margin-top: 24px; }
  .account-dialog .account-notification-list { max-height: 180px; }
  .account-dialog .account-history > header { padding-right:34px; }
  .account-dialog .account-footer { margin-top: 22px; }
}
@media (prefers-reduced-motion: reduce) {
  .account-dialog :is(button, .button) { transition: none; }
}
#community-account .account-button-icon{display:inline-flex;align-items:center}
#community-account .account-unread-badge[hidden]{display:none}
.submission-palette:not(:disabled){animation:submission-palette 8s linear infinite;color:#252628}
@keyframes submission-palette{0%,100%{background-color:#E8B54A}16.67%{background-color:#DE6886}33.33%{background-color:var(--lavender)}50%{background-color:var(--blue)}66.67%{background-color:var(--mint)}83.33%{background-color:var(--sage)}}
@media(prefers-reduced-motion:reduce){.submission-palette:not(:disabled){animation:none;background:var(--mint);color:var(--on-accent,#252628)}}
.account-dialog .jam-owner-list{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:12px 16px;margin:12px 0}
.account-dialog .jam-owner-list>h3{margin:0;font-size:12px;white-space:nowrap}
.account-dialog .jam-owner-entries{display:grid;gap:8px;min-width:0}
.account-dialog .jam-owner-list .account-game-row{padding:0;border:0;background:none;gap:10px}
.account-dialog .jam-owner-list :is(.account-cover,.account-cover-placeholder){width:36px;height:36px;font-size:12px}
.account-dialog .jam-owner-list .account-game-row>div{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;align-items:center;flex:1}
.account-dialog .jam-owner-list .account-game-row h4{font-size:13px;margin:0 0 2px}
.account-dialog .jam-owner-list .account-meta{grid-column:1;font-size:10px}
.account-dialog .jam-owner-list .account-card-actions{grid-column:2;grid-row:1/3;margin:0;gap:6px}
.account-dialog .jam-owner-list .account-card-actions button{font-size:11px;padding:6px 9px;min-height:32px}
@media(max-width:600px){.account-dialog .jam-owner-list{grid-template-columns:1fr;gap:8px}.account-dialog .jam-owner-list .account-game-row>div{grid-template-columns:1fr}.account-dialog .jam-owner-list .account-card-actions{grid-column:1;grid-row:auto;margin-top:6px}}