html.release-brief-open { overflow: hidden; }
#releaseBriefDialog {
  --brief-ink: #172c3c; --brief-muted: #5b6b76; --brief-accent: #2358b8; --brief-paper: #fff;
  position: fixed; inset: 0; margin: auto; box-sizing: border-box;
  width: min(520px, calc(100% - 28px)); max-width: none;
  height: fit-content; max-height: calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
  padding: 0; overflow: auto; overscroll-behavior: contain;
  border: 1px solid #dce4ed; border-radius: 24px; background: var(--brief-paper);
  color: var(--brief-ink); text-align: left; box-shadow: 0 24px 100px #142b4540;
  font: 1rem/1.65 system-ui, -apple-system, 'Microsoft YaHei', sans-serif;
}
#releaseBriefDialog::backdrop { background: rgb(16 30 44 / .42); backdrop-filter: blur(4px); }
#releaseBriefDialog .release-brief-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 14px 18px 0 28px; }
#releaseBriefDialog .release-brief-eyebrow { display: inline-flex; align-items: center; gap: 7px; color: var(--brief-accent); font-size: .75rem; font-weight: 700; letter-spacing: .07em; }
#releaseBriefDialog .release-brief-eyebrow i { width: 7px; height: 7px; border-radius: 50%; background: #52ad8d; }
#releaseBriefDialog button { appearance: none; flex: none; min-height: 44px; min-width: 44px; font: 650 .9375rem/1.5 system-ui,sans-serif; cursor: pointer; box-shadow: none; text-shadow: none; transform: none; }
#releaseBriefDialog .release-brief-close { display: grid; place-items: center; padding: 0; background: transparent; border: 0; border-radius: 50%; color: var(--brief-muted); font-size: 1.625rem; font-weight: 400; }
#releaseBriefDialog .release-brief-close:hover { background: #edf2f6; }
#releaseBriefDialog .release-brief-intro { padding: 10px 28px 18px; }
#releaseBriefDialog .release-brief-overline { margin: 0 0 7px; font-size: .8125rem; color: var(--brief-muted); }
#releaseBriefDialog h2 { margin: 0 0 10px; color: var(--brief-ink); font: 750 1.7rem/1.35 system-ui,sans-serif; letter-spacing: -.025em; }
#releaseBriefDialog h2:focus { outline: none; }
#releaseBriefDialog #releaseBriefSummary { margin: 0; color: var(--brief-muted); font-size: .9375rem; }
#releaseBriefDialog .release-brief-items { display: grid; gap: 12px; padding: 0 28px 24px; }
#releaseBriefDialog .release-brief-item { display: grid; grid-template-columns: 46px minmax(0, 1fr); gap: 14px; padding: 18px 16px; background: #f6f8fb; border: 1px solid #e8edf3; border-radius: 16px; }
#releaseBriefDialog .release-brief-icon { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 14px; background: #fff1c9; color: #9c6915; }
#releaseBriefDialog .release-brief-icon[data-tone="mint"] { background: #e0f1e9; color: #36795f; }
#releaseBriefDialog .release-brief-icon svg { width: 30px; height: 30px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
#releaseBriefDialog h3 { margin: 0 0 6px; color: var(--brief-ink); font-size: 1rem; line-height: 1.5; }
#releaseBriefDialog .release-brief-item p { margin: 0; color: var(--brief-muted); font-size: .875rem; }
#releaseBriefDialog .release-brief-item a { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; color: var(--brief-accent); font-size: .8125rem; font-weight: 700; text-decoration: none; }
#releaseBriefDialog .release-brief-item a:hover { text-decoration: underline; }
#releaseBriefDialog .release-brief-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 18px 28px; border-top: 1px solid #e8edf3; }
#releaseBriefDialog .release-brief-footer>span { font-size: .75rem; color: var(--brief-muted); }
#releaseBriefDialog .release-brief-done { display: inline-flex; align-items: center; justify-content: center; gap: 24px; padding: 12px 22px; border: 1px solid var(--brief-accent); border-radius: 12px; background: var(--brief-accent); color: #fff; }
#releaseBriefDialog button:focus-visible, #releaseBriefDialog a:focus-visible { outline: 3px solid var(--brief-accent); outline-offset: 3px; }
html[data-theme="pixel-adventure"] #releaseBriefDialog, html[data-theme="paper"] #releaseBriefDialog { --brief-paper: #fffdf6; --brief-ink: #493524; --brief-muted: #72634e; --brief-accent: #845422; border-color: #bb9d71; }
html[data-theme="pixel-adventure"] #releaseBriefDialog .release-brief-item, html[data-theme="paper"] #releaseBriefDialog .release-brief-item { background: #f8f0e0; border-color: #e6d8bf; }
@media (max-width: 420px) {
  #releaseBriefDialog { border-radius: 20px; }
  #releaseBriefDialog .release-brief-top { padding-left: 20px; padding-right: 10px; }
  #releaseBriefDialog .release-brief-intro { padding: 4px 20px 18px; }
  #releaseBriefDialog h2 { font-size: 1.45rem; }
  #releaseBriefDialog .release-brief-items { padding: 0 16px 18px; gap: 10px; }
  #releaseBriefDialog .release-brief-item { gap: 10px; padding: 14px 12px; grid-template-columns: 36px minmax(0, 1fr); }
  #releaseBriefDialog .release-brief-icon { width: 36px; height: 36px; border-radius: 11px; }
  #releaseBriefDialog .release-brief-icon svg { width: 25px; height: 25px; }
  #releaseBriefDialog .release-brief-footer { padding: 14px 20px; flex-wrap: wrap; }
  #releaseBriefDialog .release-brief-footer>span { display: none; }
  #releaseBriefDialog .release-brief-footer { justify-content: flex-end; }
}
@media (prefers-reduced-motion: no-preference) {
  #releaseBriefDialog[open] { animation: release-brief-enter 180ms ease-out; }
  @keyframes release-brief-enter { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }
}
html[data-motion-mode="reduce"] #releaseBriefDialog { animation: none; }