/* SORA Project v126: unique frames, compact release actions and mobile safety. */

/* Release actions follow their labels instead of stretching across the hero. */
.release-page .release-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  width: fit-content !important;
  max-width: 100% !important;
}
.release-page .release-action-btn {
  flex: 0 1 auto !important;
  width: auto !important;
  min-width: max-content !important;
  min-height: 40px !important;
  padding: 0 14px !important;
  gap: 7px !important;
  border-radius: 12px !important;
}
.release-page .release-action-btn span {
  max-width: 22ch !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 10.5px !important;
}

/* Participant controls: one dedicated icon cell, one copy cell, one action cell. */
.release-page .release-player-heading {
  grid-template-columns: max-content minmax(0, 1fr) !important;
}
.release-page .release-participant-actions {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  flex: 0 1 510px !important;
  width: min(510px, 100%) !important;
  min-width: 0 !important;
  gap: 10px !important;
}
.release-page .release-participant-button {
  display: grid !important;
  grid-template-columns: 40px minmax(0, 1fr) 14px !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
  min-height: 58px !important;
  padding: 8px 10px !important;
  overflow: hidden !important;
}
.release-page .release-participant-button-characters {
  grid-template-columns: 40px minmax(0, 1fr) max-content 14px !important;
}
.release-page .release-participant-visual {
  display: grid !important;
  place-items: center !important;
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
  overflow: hidden !important;
  border: 1px solid rgba(86, 190, 255, .26) !important;
  border-radius: 50% !important;
  background: rgba(21, 69, 103, .48) !important;
  color: #6fd0ff !important;
  font-size: 16px !important;
  box-shadow: inset 0 1px rgba(255,255,255,.08) !important;
}
.release-page .release-participant-visual-characters {
  border-color: rgba(156, 126, 255, .28) !important;
  background: rgba(64, 43, 116, .42) !important;
  color: #b9a7ff !important;
}
.release-page .release-participant-button-copy {
  display: grid !important;
  gap: 2px !important;
  min-width: 0 !important;
  overflow: hidden !important;
}
.release-page .release-participant-button-copy strong,
.release-page .release-participant-button-copy small {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.release-page .release-participant-button-copy strong { font-size: 11.5px !important; }
.release-page .release-participant-button-copy small { font-size: 8.7px !important; }
.release-page .release-participant-count {
  flex: none !important;
  min-width: 24px !important;
  padding-inline: 6px !important;
}
.release-page .release-participant-button-arrow { width: 14px !important; text-align: center !important; }

/* The composer must never be resizable by dragging its lower corner. */
.release-page .comment-form:not(.comment-reply-form) textarea {
  min-height: 128px !important;
  max-height: 128px !important;
  resize: none !important;
}

/* Every frame has its own material, silhouette and ornament. No glyphs or letters. */
.avatar-frame {
  --v126-frame-a: var(--frame-ring, #7dd3fc);
  --v126-frame-b: color-mix(in srgb, var(--v126-frame-a) 55%, white);
  border: 3px solid var(--v126-frame-a) !important;
  outline: 1px solid color-mix(in srgb, var(--v126-frame-b) 70%, transparent) !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 1px rgba(4,12,22,.92), 0 8px 18px rgba(0,0,0,.34), 0 0 18px var(--frame-glow, transparent) !important;
}
.avatar-frame::before,
.avatar-frame::after {
  content: "" !important;
  position: absolute !important;
  display: block !important;
  pointer-events: none !important;
  z-index: 4 !important;
  color: transparent !important;
}
.avatar-frame::before {
  left: 50% !important;
  top: -14px !important;
  width: 34px !important;
  min-width: 0 !important;
  height: 16px !important;
  transform: translate3d(-50%,0,0) !important;
  border: 0 !important;
  border-radius: 0 !important;
  clip-path: none !important;
  background: var(--v126-frame-a) !important;
  box-shadow: none !important;
  filter: drop-shadow(0 4px 7px var(--frame-glow, rgba(0,0,0,.2))) !important;
}
.avatar-frame::after {
  right: -6px !important;
  bottom: -5px !important;
  width: 14px !important;
  height: 14px !important;
  border: 2px solid rgba(4,12,22,.94) !important;
  border-radius: 50% !important;
  background: var(--v126-frame-b) !important;
  box-shadow: 0 0 10px var(--frame-glow, transparent) !important;
}
.avatar-frame-academy {
  border-color: #94a3b8 !important;
  border-radius: 24% 24% 44% 44% !important;
  outline-style: double !important;
  box-shadow: 0 0 0 2px #273449, 0 0 0 4px rgba(148,163,184,.54), 0 8px 18px rgba(0,0,0,.35) !important;
}
.avatar-frame-academy::before { width: 22px !important; height: 18px !important; top: -11px !important; clip-path: polygon(50% 0,100% 23%,88% 79%,50% 100%,12% 79%,0 23%) !important; background: linear-gradient(145deg,#e5e7eb,#64748b) !important; }
.avatar-frame-academy::after { width: 18px !important; height: 6px !important; right: 2px !important; bottom: -7px !important; border-radius: 2px !important; background: repeating-linear-gradient(90deg,#dbe4ee 0 3px,#475569 3px 6px) !important; }
.avatar-frame-sakura { border-color:#ff83bd !important; outline-color:rgba(255,204,229,.8) !important; }
.avatar-frame-sakura::before { width:30px !important; height:30px !important; top:-17px !important; border-radius:50% !important; background:radial-gradient(circle at 50% 50%,#fff 0 10%,#ffb7d9 11% 22%,transparent 23%),radial-gradient(ellipse at 50% 16%,#ff89be 0 25%,transparent 27%),radial-gradient(ellipse at 84% 52%,#ff9aca 0 25%,transparent 27%),radial-gradient(ellipse at 18% 56%,#ffd1e6 0 25%,transparent 27%),radial-gradient(ellipse at 67% 84%,#ff75b1 0 24%,transparent 26%) !important; }
.avatar-frame-sakura::after { width:12px !important; height:18px !important; right:-7px !important; bottom:5px !important; border:0 !important; border-radius:80% 20% 75% 25% !important; transform:rotate(28deg) !important; background:linear-gradient(145deg,#ffd6e9,#ff6eaa) !important; }
.avatar-frame-slime { border-color:#38ef7d !important; border-radius:48% 52% 46% 54% !important; outline:0 !important; box-shadow:0 0 0 3px rgba(56,239,125,.3),0 0 18px rgba(56,239,125,.35),inset 0 -6px 12px rgba(24,145,74,.22) !important; }
.avatar-frame-slime::before { width:52px !important; height:19px !important; top:-9px !important; border-radius:50% 50% 35% 35% !important; clip-path:polygon(0 0,100% 0,100% 56%,82% 58%,77% 100%,64% 55%,45% 75%,34% 46%,15% 70%,0 55%) !important; background:linear-gradient(180deg,#b9ffd0,#38ef7d) !important; }
.avatar-frame-slime::after { width:14px !important; height:14px !important; border-color:#0f2b1c !important; background:radial-gradient(circle at 34% 28%,#fff 0 18%,#65ff9c 20% 100%) !important; }
.avatar-frame-strawhat { border-color:#f7c948 !important; box-shadow:0 0 0 3px #9a4e18,0 7px 18px rgba(0,0,0,.35) !important; }
.avatar-frame-strawhat::before { width:66px !important; height:25px !important; top:-17px !important; border-radius:50% !important; clip-path:ellipse(50% 42% at 50% 50%) !important; background:linear-gradient(180deg,#ffe7a0 0 42%,#d93b38 43% 58%,#e6ad39 59% 100%) !important; box-shadow:inset 0 -4px #9a5b18 !important; }
.avatar-frame-strawhat::after { width:18px !important; height:7px !important; right:-9px !important; bottom:2px !important; border-radius:50% !important; background:#d93b38 !important; }
.avatar-frame-neon { border-color:transparent !important; background-clip:padding-box !important; outline:0 !important; box-shadow:0 0 0 3px #19e7ff,0 0 0 5px rgba(238,56,255,.72),0 0 24px rgba(25,231,255,.55) !important; }
.avatar-frame-neon::before { left:auto !important; right:-9px !important; top:-11px !important; width:20px !important; height:30px !important; transform:rotate(12deg) !important; clip-path:polygon(58% 0,100% 0,69% 39%,95% 39%,31% 100%,43% 54%,12% 54%) !important; background:linear-gradient(#fff,#21ddff 55%,#eb3dff) !important; }
.avatar-frame-neon::after { left:-7px !important; right:auto !important; width:10px !important; height:10px !important; background:#f442ff !important; }
.avatar-frame-ocean { border-color:#38bdf8 !important; border-width:4px !important; border-radius:48% 52% 50% 46% !important; box-shadow:0 0 0 2px rgba(125,211,252,.4),inset 0 -7px 0 rgba(14,165,233,.3),0 0 20px rgba(14,165,233,.35) !important; }
.avatar-frame-ocean::before { width:62px !important; height:17px !important; top:-8px !important; clip-path:polygon(0 68%,12% 35%,25% 66%,39% 18%,54% 66%,70% 29%,84% 66%,100% 38%,100% 100%,0 100%) !important; background:linear-gradient(180deg,#e0f2fe,#38bdf8) !important; }
.avatar-frame-ocean::after { width:10px !important; height:10px !important; border-color:#e0f2fe !important; background:rgba(56,189,248,.35) !important; box-shadow:-12px -8px 0 -3px #7dd3fc,0 0 12px #38bdf8 !important; }
.avatar-frame-violet { border-color:#9b72ff !important; border-radius:20% !important; transform:rotate(0deg); box-shadow:0 0 0 3px rgba(155,114,255,.32),0 0 22px rgba(139,92,246,.42) !important; }
.avatar-frame-violet::before { width:27px !important; height:27px !important; top:-15px !important; clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%,25% 50%,50% 24%,75% 50%,50% 76%) !important; background:linear-gradient(135deg,#efe7ff,#8b5cf6) !important; }
.avatar-frame-violet::after { border-radius:2px !important; transform:rotate(45deg) !important; background:#c4b5fd !important; }
.avatar-frame-flame { border-color:#ff7635 !important; border-radius:46% 46% 52% 52% !important; box-shadow:0 0 0 3px rgba(255,71,53,.4),0 0 26px rgba(255,80,34,.55) !important; }
.avatar-frame-flame::before { width:38px !important; height:31px !important; top:-23px !important; clip-path:polygon(47% 0,61% 34%,79% 11%,74% 55%,100% 39%,79% 100%,19% 100%,0 45%,26% 57%,29% 18%) !important; background:linear-gradient(180deg,#fff2a8 0 28%,#ff983d 45%,#ef3131 100%) !important; }
.avatar-frame-flame::after { width:9px !important; height:16px !important; border:0 !important; border-radius:70% 25% 70% 35% !important; transform:rotate(28deg) !important; background:#ffb43a !important; }
.avatar-frame-gold { border-color:#ffd76a !important; border-width:4px !important; box-shadow:0 0 0 2px #8b5d13,0 0 22px rgba(255,215,106,.5) !important; }
.avatar-frame-gold::before { width:48px !important; height:23px !important; top:-18px !important; clip-path:polygon(0 100%,7% 24%,30% 66%,50% 0,70% 66%,93% 24%,100% 100%) !important; background:linear-gradient(135deg,#fff6a7,#e6a82d 70%,#fff1a0) !important; }
.avatar-frame-gold::after { width:12px !important; height:12px !important; background:radial-gradient(circle,#fff 0 15%,#ef4444 18% 55%,#ffd76a 60%) !important; }
.avatar-frame-ice { border-color:#c8f1ff !important; border-radius:38% 46% 36% 48% !important; box-shadow:0 0 0 3px rgba(125,211,252,.35),0 0 25px rgba(186,230,253,.5) !important; }
.avatar-frame-ice::before { width:54px !important; height:26px !important; top:-19px !important; clip-path:polygon(0 100%,12% 35%,28% 79%,44% 0,58% 70%,77% 20%,86% 76%,100% 48%,100% 100%) !important; background:linear-gradient(135deg,#fff,#8fdcff 55%,#dff8ff) !important; }
.avatar-frame-ice::after { border-radius:0 !important; clip-path:polygon(50% 0,64% 34%,100% 50%,64% 64%,50% 100%,36% 64%,0 50%,36% 34%) !important; background:#dff7ff !important; }
.avatar-frame-manga { border-color:#f8fafc !important; border-radius:8px !important; outline:3px solid #111827 !important; outline-offset:2px !important; box-shadow:6px 6px 0 #f8fafc,10px 10px 0 rgba(0,0,0,.55) !important; }
.avatar-frame-manga::before { width:42px !important; height:18px !important; top:-13px !important; left:10px !important; transform:none !important; clip-path:polygon(0 0,100% 0,82% 100%,61% 72%,31% 100%,36% 64%,0 78%) !important; background:repeating-radial-gradient(circle,#111827 0 1px,#f8fafc 1px 4px) !important; }
.avatar-frame-manga::after { border-radius:2px !important; background:repeating-linear-gradient(135deg,#111827 0 2px,#f8fafc 2px 4px) !important; }
.avatar-frame-cyber { border-color:#22d3ee !important; border-radius:12% !important; clip-path:polygon(0 9%,9% 9%,9% 0,91% 0,91% 9%,100% 9%,100% 91%,91% 91%,91% 100%,9% 100%,9% 91%,0 91%) !important; box-shadow:0 0 0 2px #6c5ce7,0 0 20px rgba(34,211,238,.5) !important; }
.avatar-frame-cyber::before { width:34px !important; height:9px !important; top:-7px !important; clip-path:polygon(0 0,100% 0,88% 100%,65% 52%,43% 100%,22% 45%,0 100%) !important; background:linear-gradient(90deg,#22d3ee,#f044ff) !important; }
.avatar-frame-cyber::after { border-radius:0 !important; background:linear-gradient(135deg,#22d3ee 0 45%,#6c5ce7 46% 100%) !important; }
.avatar-frame-emerald { border-color:#34d399 !important; border-radius:38% !important; box-shadow:0 0 0 3px rgba(16,185,129,.26),inset 0 0 12px rgba(16,185,129,.2),0 0 18px rgba(16,185,129,.42) !important; }
.avatar-frame-emerald::before { width:25px !important; height:29px !important; top:-18px !important; clip-path:polygon(50% 0,100% 31%,82% 82%,50% 100%,18% 82%,0 31%) !important; background:linear-gradient(135deg,#d1fae5,#10b981 50%,#065f46) !important; }
.avatar-frame-emerald::after { border-radius:0 !important; transform:rotate(45deg) !important; background:#6ee7b7 !important; }
.avatar-frame-storm { border-color:#8ba3c7 !important; border-radius:50% 40% 50% 42% !important; box-shadow:0 0 0 3px rgba(99,102,241,.34),0 0 24px rgba(99,102,241,.48) !important; }
.avatar-frame-storm::before { width:25px !important; height:34px !important; top:-20px !important; clip-path:polygon(54% 0,100% 0,69% 40%,94% 40%,26% 100%,41% 54%,10% 54%) !important; background:linear-gradient(#fff,#a5b4fc 46%,#6366f1) !important; }
.avatar-frame-storm::after { width:8px !important; height:20px !important; border:0 !important; border-radius:50% !important; transform:rotate(35deg) !important; background:#b7c8ff !important; }
.avatar-frame-cosmos { border-color:#8b5cf6 !important; border-width:4px !important; box-shadow:0 0 0 2px rgba(34,211,238,.55),0 0 26px rgba(124,58,237,.58) !important; }
.avatar-frame-cosmos::before { width:62px !important; height:27px !important; top:-11px !important; border:3px solid #67e8f9 !important; border-top-color:transparent !important; border-left-color:transparent !important; border-radius:50% !important; transform:translate3d(-50%,0,0) rotate(-12deg) !important; background:transparent !important; }
.avatar-frame-cosmos::after { width:12px !important; height:12px !important; border:0 !important; clip-path:polygon(50% 0,61% 38%,100% 50%,61% 62%,50% 100%,39% 62%,0 50%,39% 38%) !important; background:#f0abfc !important; box-shadow:-52px -46px 0 -2px #67e8f9,0 0 14px #c084fc !important; }
.avatar-frame-rose { border-color:#fb7185 !important; border-radius:48% 48% 42% 42% !important; box-shadow:0 0 0 3px rgba(244,63,94,.26),0 0 21px rgba(244,63,94,.42) !important; }
.avatar-frame-rose::before { width:32px !important; height:32px !important; top:-19px !important; border-radius:50% !important; background:radial-gradient(circle at 50% 50%,#fff1f2 0 10%,#be123c 11% 20%,transparent 21%),radial-gradient(ellipse at 50% 15%,#fb7185 0 25%,transparent 26%),radial-gradient(ellipse at 84% 52%,#e11d48 0 25%,transparent 26%),radial-gradient(ellipse at 18% 54%,#fda4af 0 25%,transparent 26%),radial-gradient(ellipse at 62% 84%,#9f1239 0 25%,transparent 26%) !important; }
.avatar-frame-rose::after { width:16px !important; height:10px !important; border:0 !important; border-radius:100% 0 100% 0 !important; transform:rotate(-28deg) !important; background:#22c55e !important; }
.avatar-frame-ruby { border-color:#ef4444 !important; border-radius:18% 18% 42% 42% !important; box-shadow:0 0 0 3px rgba(127,29,29,.58),0 0 22px rgba(239,68,68,.48) !important; }
.avatar-frame-ruby::before { width:38px !important; height:30px !important; top:-20px !important; background:linear-gradient(45deg,transparent 42%,#f8fafc 43% 49%,#ef4444 50% 58%,transparent 59%),linear-gradient(-45deg,transparent 42%,#f8fafc 43% 49%,#ef4444 50% 58%,transparent 59%) !important; }
.avatar-frame-ruby::after { border-radius:2px 8px 2px 8px !important; transform:rotate(45deg) !important; background:linear-gradient(135deg,#fecaca,#b91c1c) !important; }
.avatar-frame-aqua { border-color:#5eead4 !important; border-radius:46% 54% 50% 44% !important; box-shadow:0 0 0 3px rgba(45,212,191,.28),inset 0 -8px 10px rgba(13,148,136,.2),0 0 20px rgba(45,212,191,.44) !important; }
.avatar-frame-aqua::before { width:25px !important; height:32px !important; top:-22px !important; border-radius:55% 45% 60% 40% !important; transform:translate3d(-50%,0,0) rotate(45deg) !important; background:radial-gradient(circle at 30% 25%,#fff 0 10%,transparent 12%),linear-gradient(135deg,#ccfbf1,#14b8a6) !important; }
.avatar-frame-aqua::after { width:10px !important; height:15px !important; border:0 !important; border-radius:60% 40% 62% 38% !important; transform:rotate(38deg) !important; background:#99f6e4 !important; }
.avatar-frame-kage { border-color:#fde68a !important; border-radius:50% !important; box-shadow:0 0 0 3px #1f2937,0 0 0 5px rgba(253,230,138,.55),0 0 19px rgba(249,115,22,.45) !important; }
.avatar-frame-kage::before { width:32px !important; height:32px !important; top:-18px !important; clip-path:polygon(50% 0,61% 36%,86% 14%,64% 39%,100% 50%,64% 61%,86% 86%,61% 64%,50% 100%,39% 64%,14% 86%,36% 61%,0 50%,36% 39%,14% 14%,39% 36%) !important; background:linear-gradient(135deg,#fff7bd,#f97316) !important; }
.avatar-frame-kage::after { width:17px !important; height:7px !important; right:-8px !important; border-radius:50% !important; background:#f97316 !important; }
.avatar-frame-legend { border-color:#ffb23e !important; border-width:4px !important; box-shadow:0 0 0 2px #ec4899,0 0 0 5px rgba(124,58,237,.42),0 0 30px rgba(236,72,153,.58) !important; }
.avatar-frame-legend::before { width:58px !important; height:28px !important; top:-20px !important; clip-path:polygon(0 75%,18% 28%,35% 63%,50% 0,65% 63%,82% 28%,100% 75%,82% 100%,50% 82%,18% 100%) !important; background:linear-gradient(110deg,#67e8f9,#8b5cf6 35%,#facc15 65%,#ec4899) !important; }
.avatar-frame-legend::after { width:16px !important; height:16px !important; clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 94%,50% 72%,21% 94%,32% 57%,2% 35%,39% 35%) !important; background:linear-gradient(135deg,#fff7ad,#f97316,#ec4899) !important; }

/* No-frame preview remains intentionally neutral. */
.avatar-frame-choice:not(:has(.avatar-frame)) .avatar-frame-preview {
  border: 2px solid rgba(142,164,187,.6) !important;
  outline: 0 !important;
  box-shadow: 0 8px 16px rgba(0,0,0,.28) !important;
}
.avatar-frame-picker { grid-template-columns: repeat(auto-fill, minmax(98px, 1fr)) !important; gap: 10px !important; }
.avatar-frame-choice { min-height: 146px !important; padding-top: 22px !important; }
.avatar-frame-preview { width: 82px !important; height: 82px !important; min-width: 82px !important; aspect-ratio: 1 !important; }
.avatar-frame-compact::before,
.avatar-frame-compact::after { display: none !important; }

/* Linked-account status is personal: check means linked, cross means not linked. */
.profile-oauth-action.is-connected { color:#5ee7b0 !important; border-color:rgba(62,211,153,.34) !important; background:rgba(22,105,76,.34) !important; }
.profile-oauth-action.is-disconnected { color:#ff8e9c !important; border-color:rgba(255,107,128,.24) !important; background:rgba(103,31,48,.3) !important; }
.profile-oauth-action.is-disabled { opacity:.48 !important; }

/* Five utility actions stay inside the mobile menu. */
@media (max-width: 900px) {
  .site-header .main-nav {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }
  .site-header .main-nav > .nav-quests-icon { order: 21 !important; }
  .site-header .main-nav > .notification-link { order: 22 !important; }
  .site-header .main-nav > .theme-toggle { order: 23 !important; }
  .site-header .main-nav > a[href="/logout"] { order: 24 !important; }
  .site-header .main-nav > .nav-favorites-icon,
  .site-header .main-nav > .nav-quests-icon,
  .site-header .main-nav > .notification-link,
  .site-header .main-nav > .theme-toggle,
  .site-header .main-nav > a[href="/logout"] {
    grid-column: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 42px !important;
    padding: 0 !important;
    border-radius: 12px !important;
  }
  .release-page .release-actions { width: 100% !important; }
  .release-page .release-action-btn { min-height: 38px !important; padding-inline: 12px !important; }
}
@media (max-width: 680px) {
  .release-page .release-player-heading { display:grid !important; grid-template-columns:1fr !important; gap:12px !important; }
  .release-page .release-participant-actions { width:100% !important; margin-left:0 !important; }
  .release-page .release-participant-button,
  .release-page .release-participant-button-characters { grid-template-columns:36px minmax(0,1fr) max-content !important; min-height:54px !important; gap:8px !important; padding:7px 9px !important; }
  .release-page .release-participant-button-team { grid-template-columns:36px minmax(0,1fr) 12px !important; }
  .release-page .release-participant-visual { width:36px !important; min-width:36px !important; height:36px !important; font-size:14px !important; }
  .release-page .release-participant-button-arrow { display:none !important; }
  .release-page .release-participant-button-copy strong { font-size:10.8px !important; }
  .release-page .release-participant-button-copy small { font-size:8.2px !important; }
  .avatar-frame-picker { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}
@media (max-width: 440px) {
  .site-header .main-nav { grid-template-columns:repeat(5,minmax(0,1fr)) !important; }
  .release-page .release-actions { gap:6px !important; }
  .release-page .release-action-btn { min-width:0 !important; max-width:100% !important; }
  .release-page .release-action-btn span { font-size:9.5px !important; }
  .release-page .release-participant-actions { grid-template-columns:1fr !important; }
  .release-page .release-participant-button,
  .release-page .release-participant-button-characters,
  .release-page .release-participant-button-team { grid-template-columns:38px minmax(0,1fr) max-content !important; }
  .release-page .comment-form:not(.comment-reply-form) textarea { min-height:112px !important; max-height:112px !important; }
}

@media (prefers-reduced-motion: reduce) {
  .avatar-frame { transition:none !important; }
}