.sn-dialogue{--accent:#5eead4;position:fixed;right:clamp(240px,24vw,430px);bottom:clamp(150px,25vh,250px);z-index:8;width:fit-content;min-width:300px;max-width:min(480px,38vw);min-height:150px;padding:42px 72px 42px 52px;box-sizing:border-box;color:#f7efe5;background:url("assets/frame-perfect.png") center/100% 100% no-repeat;pointer-events:none;font:17px/1.7 "Microsoft YaHei",sans-serif;text-shadow:0 1px 3px #000;overflow-wrap:anywhere}.sn-dialogue[data-theme=combo]{--accent:#ffd479;background-image:url("assets/frame-combo.png")}.sn-dialogue[data-theme=miss]{--accent:#ff8e9c;background-image:url("assets/frame-miss.png")}.sn-dialogue strong{display:none}.sn-dialogue p{margin:0}.sn-dialogue[data-event=fullCombo] strong{color:#ffd479}.sn-dialogue.is-entering{animation:sn-dialogue-in 160ms ease-out}@keyframes sn-dialogue-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}/* Result panels occupy the lower half; move every result dialogue above them. */
#result:not([hidden]) ~ #shinianDialogue{top:auto;left:auto;right:auto;bottom:auto;width:fit-content;min-width:300px;max-width:min(480px,38vw);min-height:118px;padding:30px 72px 30px 52px}
@media(prefers-reduced-motion:reduce){.sn-dialogue.is-entering{animation:none}}@media(max-width:700px){.sn-dialogue{right:16px;bottom:170px;width:min(390px,calc(100vw - 32px));font-size:16px;min-height:150px;padding:38px 56px 38px 42px}#result:not([hidden]) ~ #shinianDialogue{top:auto;left:auto;right:auto;bottom:auto;width:min(390px,calc(100vw - 32px));min-height:112px;padding:26px 54px 26px 40px}}
/* Keep settlement text optically centered inside the adaptive bubble. */
.sn-dialogue{display:flex;align-items:center;justify-content:center;text-align:center}.sn-dialogue p{width:100%}