body[data-chronicle] .audio-mix{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px;margin:18px 0;padding:16px;background:#10282d80;border:1px solid #cfbd8c40;border-radius:8px}
body[data-chronicle] .audio-mix label{display:grid;grid-template-columns:1fr auto;gap:8px;color:#e5dfcb;font:14px/1.4 "Microsoft YaHei",sans-serif}
body[data-chronicle] .audio-mix output{font-variant-numeric:tabular-nums;color:#d8c080}
body[data-chronicle] .audio-mix input{grid-column:1/-1;width:100%;min-height:34px;margin:0;padding:0;accent-color:#c9b577;cursor:pointer;touch-action:pan-y}
body[data-chronicle] .audio-mix small{grid-column:1/-1;color:#a9baba;font:12px/1.5 "Microsoft YaHei",sans-serif}
body[data-chronicle] #chronicle-panel:not([hidden]) #chronicle-body{animation:panel-breathe-in .16s ease-out both}
body[data-chronicle] #game button:active:not(:disabled){box-shadow:inset 0 0 0 1px #e5d8a777,inset 0 3px 9px #0c222760}
@keyframes panel-breathe-in{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:500px){body[data-chronicle] .audio-mix{grid-template-columns:1fr;padding:12px;gap:12px}}
#game[data-reduced-motion=true] #chronicle-panel #chronicle-body{animation:none}
@media(prefers-reduced-motion:reduce){body[data-chronicle] #chronicle-panel:not([hidden]) #chronicle-body{animation:none}}