.feedback-box{margin-top:20px;border-top:1px solid #ccd5c9;padding-top:16px}.feedback-language{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.feedback-language select{max-width:100%;width:auto}.feedback-rating{display:flex;gap:8px;flex-wrap:wrap;border:0;padding:0;margin:12px 0}.feedback-rating label{display:flex;align-items:center;gap:7px;flex:1;min-width:125px;padding:10px;border:1px solid #bbc9bd;border-radius:9px}.feedback-rating input{width:auto}.feedback-form select,.feedback-form textarea{width:100%;box-sizing:border-box;font:inherit;padding:9px;border:1px solid #bbc9bd;border-radius:8px}.feedback-form textarea{resize:vertical;min-height:80px;max-height:150px}.feedback-form label{display:block;margin-top:10px}.feedback-form .feedback-rating label{display:flex}.feedback-hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.feedback-status{min-height:1.4em;overflow-wrap:anywhere}.feedback-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.feedback-summary p{margin:0;padding:8px;background:#eef1e9;border-radius:8px;overflow-wrap:anywhere}.feedback-game{border-top:1px solid #d3dbd0;margin-top:12px;padding-top:8px}.feedback-game h4{margin:4px 0 8px}.feedback-privacy{font-size:12px;color:#52675b}.feedback-form button{white-space:normal;max-width:100%}#dialog:has(.feedback-form),#dialog:has(.feedback-box){box-sizing:border-box;max-height:90dvh;overflow-y:auto;max-width:calc(100vw - 24px)}

/* Compact feedback dialog; existing game dialogs and card styles stay intact. */
#dialog:has(.feedback-form){width:680px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);margin:auto;padding:22px}
#dialog:has(.feedback-form)>h2{font-size:24px;margin:0 0 12px}
#dialog:has(.feedback-form)>#close{display:none}
.feedback-language-options{font-size:13px;color:#52675b;margin:0 0 10px}
.feedback-language-options summary{cursor:pointer;width:fit-content}
.feedback-form .feedback-language{display:flex;margin:6px 0 0;gap:10px}
.feedback-form .feedback-language select{width:auto;margin:0;padding:6px 9px}
.feedback-form .feedback-rating{margin:8px 0}
.feedback-form .feedback-rating legend{font-size:13px;margin-bottom:4px}
.feedback-form .feedback-rating label{margin-top:0;padding:9px}
.feedback-form label{margin-top:8px}
.feedback-form select{margin:5px 0 0}
.feedback-form textarea{display:block;margin-top:5px;min-height:72px}
.feedback-form .feedback-privacy{margin:7px 0;line-height:1.4}
.feedback-status{margin:8px 0;min-height:0;line-height:1.4}
.feedback-status:empty{display:none}
.feedback-actions{display:flex;gap:10px;justify-content:flex-end;align-items:center;margin-top:14px}
.feedback-actions button{margin:0;min-height:44px;padding:10px 18px}
@media(max-width:480px){#dialog:has(.feedback-form){padding:16px}#dialog:has(.feedback-form)>h2{font-size:21px}.feedback-actions>*{flex:1}.feedback-rating label{min-width:110px}}