/* Player report window (item 69, src/report-ui.js) in the paper/gold theme of the player profile window. Fits 390 px
   phones and phones in landscape (844×390): the form scrolls inside, buttons stay at least 44 px tall. */
#game #report-dialog,#report-dialog{box-sizing:border-box;width:min(440px,calc(100vw - 24px));max-height:min(620px,calc(100dvh - 24px));margin:auto;padding:12px 14px;border:2px solid #c9a272;border-radius:14px;background:linear-gradient(#fff9ea,#f1dfbf);color:#584637;font:13px Tahoma,"Noto Sans Thai",sans-serif;box-shadow:0 12px 30px #2a1a0c88;overflow:hidden;display:none;flex-direction:column;gap:8px}
#game #report-dialog[open],#report-dialog[open]{display:flex}
#report-dialog::backdrop{background:#0007}
#report-dialog .report-head{display:flex;align-items:center;gap:10px;min-width:0}
#report-dialog .report-title{flex:1;min-width:0;margin:0;color:#3e342c;font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#report-dialog .report-close{flex:none;width:40px;height:40px;min-height:0;padding:0;border:1px solid #c9a272;border-radius:50%;background:#fff3da;color:#6d573e;font:bold 22px/1 Tahoma,sans-serif;cursor:pointer}
#report-dialog .report-close:hover,#report-dialog .report-close:focus-visible{outline:0;background:#f2d397}
#report-dialog .report-form{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:6px;padding:2px}
#report-dialog .report-label{margin:4px 0 0;color:#7c5b37;font-weight:700;font-size:13px}
#report-dialog .report-topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
#report-dialog .report-topic{min-height:44px;padding:6px 8px;border:1px solid #d6b98f;border-radius:10px;background:#fffaf0;color:#584637;font:13px Tahoma,"Noto Sans Thai",sans-serif;text-align:left;cursor:pointer;overflow-wrap:anywhere}
#report-dialog .report-topic:hover,#report-dialog .report-topic:focus-visible{outline:0;border-color:#b98a4c;background:#fff1d3}
#game #report-dialog .report-topic.selected,#report-dialog .report-topic.selected{border-color:#a0582c;background:#f6d6a8;color:#3e2a1c;font-weight:700;box-shadow:inset 0 0 0 1px #a0582c}
#report-dialog .report-topic:disabled{opacity:.6;cursor:default}
#report-dialog .report-text{box-sizing:border-box;width:100%;min-height:64px;resize:vertical;padding:8px;border:1px solid #d6b98f;border-radius:10px;background:#fffdf7;color:#3e342c;font:14px Tahoma,"Noto Sans Thai",sans-serif}
#report-dialog .report-text:focus-visible{outline:2px solid #c9a272;outline-offset:1px}
#report-dialog .report-count{align-self:flex-end;color:#93806b;font-size:12px}
#report-dialog .report-block-row{display:flex;align-items:center;gap:8px;min-height:44px;cursor:pointer}
#report-dialog .report-block-row[hidden]{display:none}
#report-dialog .report-block{width:20px;height:20px;margin:0;accent-color:#a0582c}
#report-dialog .report-note{margin:2px 0;padding:6px 10px;border:1px dashed #d6b98f;border-radius:10px;background:#fff4e578;color:#7d6a56;font-size:12px}
#report-dialog .report-status{margin:0;padding:6px 10px;border-radius:10px;background:#fbe0d6;color:#8a2f17;font-weight:700}
#report-dialog .report-status[hidden]{display:none}
#report-dialog .report-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}
#report-dialog .report-actions button{min-height:44px;min-width:96px;padding:6px 14px;border-radius:10px;font:bold 14px Tahoma,"Noto Sans Thai",sans-serif;cursor:pointer}
#report-dialog .report-cancel{border:1px solid #c9a272;background:#fff3da;color:#6d573e}
#report-dialog .report-send{border:1px solid #8a3f1c;background:#b5542a;color:#fff}
#report-dialog .report-send:disabled{opacity:.7;cursor:progress}
@media(max-width:600px){#game #report-dialog,#report-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:10px}#report-dialog .report-title{font-size:16px}}
/* Phones in landscape: three topics a row, a shorter text box, everything scrolls inside the short window. */
@media(max-height:500px){#game #report-dialog,#report-dialog{max-height:calc(100dvh - 12px);padding:8px 10px;gap:4px}#report-dialog .report-topics{grid-template-columns:repeat(3,minmax(0,1fr))}#report-dialog .report-text{min-height:44px}#report-dialog .report-note{padding:4px 8px}}
@media(prefers-reduced-motion:reduce){#report-dialog *{transition:none!important;animation:none!important}}