/* Compact visual report dialog on every screen size. */
.report-open{position:fixed!important;top:12px!important;bottom:auto!important;right:12px!important;height:40px!important;min-height:40px!important;max-height:40px!important;width:auto!important;min-width:0!important;padding:0 13px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important}
.report-modal{z-index:100!important;animation:quickReportFade .2s ease both!important}
.report-card{display:block!important;width:min(420px,calc(100vw - 32px))!important;max-height:min(84vh,640px)!important;overflow:auto!important;padding:0!important;border-radius:23px!important;border:1px solid rgba(255,255,255,.92)!important;background:rgba(255,250,232,.98)!important;box-shadow:0 28px 85px rgba(81,58,13,.3)!important;animation:quickReportIn .3s cubic-bezier(.2,.8,.2,1) both!important}
.report-form-side{display:grid;gap:11px;padding:22px 23px 18px}
.report-head{display:flex;align-items:center;gap:11px;padding:0 0 12px;border-bottom:1px solid #eadbb3}
.report-head>div{display:grid;gap:1px}.report-head small{font-size:8px;letter-spacing:1px;color:#a17a25}.report-head h2{margin:0;color:#735315;font-size:21px}
.report-symbol{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#f2cf67,#e9ae2b);color:#79550c;font-size:20px;box-shadow:0 5px 12px rgba(173,124,21,.16)}
.report-close{position:absolute!important;left:13px!important;top:13px!important;width:31px!important;height:31px!important;display:grid!important;place-items:center!important;border-radius:10px!important;background:#f4e8c7!important;color:#795b20!important;font-size:21px!important;line-height:1!important}
.report-intro{margin:0!important;color:#94783e!important;font-size:11px!important}
.report-card label{display:grid!important;gap:5px!important;color:#735315!important;font-size:12px!important;font-weight:800!important}
.report-card select{min-height:42px;padding:9px 11px;border:1px solid #e5d39e;border-radius:12px;background:#fffdf5;color:#5b481f;font-size:12px}
.report-more{border:1px solid #eadcb6;border-radius:11px;padding:8px 11px;background:#f8f0dc;color:#806326;font-size:11px}.report-more summary{cursor:pointer;font-weight:800}.report-more summary small{color:#aa8a4a}
.report-more textarea{display:block;width:100%;min-height:58px;margin:8px 0 0;padding:8px 10px;border:1px solid #e3d3a8;border-radius:10px;background:#fffdf6;color:#5a481f;font:inherit;font-size:11px;resize:vertical}
#report-status{min-height:17px;color:#927026;font-size:10px}#report-status.error{color:#b34c36}
#report-submit{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;min-height:44px!important;max-height:44px!important;padding:0 14px!important;border-radius:12px!important;background:linear-gradient(120deg,#e9ad1c,#f5d16b)!important;color:#704d0a!important;box-shadow:0 7px 16px rgba(169,120,17,.17)!important;font-size:13px!important}
#report-submit.busy{opacity:.7!important}.report-privacy{color:#a38b56!important;text-align:center!important;font-size:9px!important}
@keyframes quickReportFade{from{opacity:0}to{opacity:1}}

/* Final phone UX corrections: the roster and the drawing/chat are separate views. */
@media(max-width:820px){
  #game[data-tab="players"] #players{display:flex!important;order:0!important;width:100%!important;height:auto!important;min-height:170px!important;max-height:42svh!important}
  #game[data-tab="players"] #center,
  #game[data-tab="players"] #chatbox,
  #game[data-tab="players"] #tools{display:none!important}
  #game[data-tab="chat"] #players{display:none!important}
  #game[data-tab="chat"] #center{display:flex!important;order:0!important}
  #game[data-tab="chat"] #chatbox{display:flex!important;order:1!important}
  #tabs{position:sticky!important;top:0!important;z-index:40!important;display:flex!important}
  #report-open{
    position:fixed!important;top:auto!important;right:10px!important;bottom:calc(12px + env(safe-area-inset-bottom))!important;
    width:84px!important;min-width:84px!important;max-width:84px!important;height:38px!important;min-height:38px!important;max-height:38px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;
    padding:0 10px!important;border-radius:13px!important;line-height:1!important;font-size:12px!important;
    box-shadow:0 6px 18px rgba(116,82,14,.18)!important;z-index:60!important;transform:none!important;
  }
  #game.isdr #report-open{bottom:calc(88px + env(safe-area-inset-bottom))!important}
  .report-modal{padding:12px!important;place-items:center!important;overflow-y:auto!important;background:rgba(55,42,14,.42)!important;backdrop-filter:blur(10px) saturate(125%)!important;-webkit-backdrop-filter:blur(10px) saturate(125%)!important}
  .report-card{display:block!important;width:min(390px,100%)!important;max-height:min(76dvh,590px)!important;overflow:auto!important;padding:0!important;border-radius:22px!important;border:1px solid rgba(255,255,255,.9)!important;background:rgba(255,250,231,.97)!important;box-shadow:0 25px 70px rgba(86,62,12,.28)!important;animation:quickReportIn .28s cubic-bezier(.2,.8,.2,1) both!important}
  .report-form-side{display:grid!important;gap:9px!important;padding:18px 17px 15px!important;background:transparent!important}
  .report-head{display:flex!important;align-items:center!important;gap:10px!important;padding:0 0 10px!important;border-bottom:1px solid #e8d9ae!important}
  .report-symbol{width:38px!important;height:38px!important;display:grid!important;place-items:center!important;border-radius:13px!important;background:linear-gradient(145deg,#f2cf67,#e9ae2b)!important;color:#79550c!important;font-size:19px!important;box-shadow:0 5px 12px rgba(173,124,21,.16)!important}
  .report-head>div{display:grid!important;gap:0!important}.report-head small{font-size:8px!important;letter-spacing:1px!important;color:#a17a25!important}.report-head h2{font-size:19px!important;line-height:1.35!important;color:#735315!important}
  .report-close{position:absolute!important;left:12px!important;top:12px!important;width:30px!important;height:30px!important;border-radius:10px!important;background:#f4e8c7!important;color:#795b20!important;font-size:21px!important;line-height:1!important}
  .report-intro{margin:0!important;color:#94783e!important;font-size:11px!important}
  .report-card label{display:grid!important;gap:4px!important;color:#735315!important;font-size:11px!important;font-weight:800!important}
  .report-card select{min-height:40px!important;padding:8px 11px!important;border:1px solid #e5d39e!important;border-radius:12px!important;background:#fffdf5!important;color:#5b481f!important;font-size:12px!important}
  .report-more{border:1px solid #eadcb6!important;border-radius:11px!important;padding:7px 10px!important;background:#f8f0dc!important;color:#806326!important;font-size:11px!important}
  .report-more summary{cursor:pointer;font-weight:800!important}.report-more summary small{color:#aa8a4a!important}
  .report-more textarea{display:block;width:100%!important;min-height:55px!important;margin:8px 0 0!important;padding:8px 10px!important;border:1px solid #e3d3a8!important;border-radius:10px!important;background:#fffdf6!important;color:#5a481f!important;font:inherit!important;font-size:11px!important;resize:vertical!important}
  #report-status{min-height:17px!important;color:#927026!important;font-size:10px!important}#report-status.error{color:#b34c36!important}
  #report-submit{width:100%!important;min-height:42px!important;max-height:42px!important;padding:0 14px!important;border-radius:12px!important;background:linear-gradient(120deg,#e9ad1c,#f5d16b)!important;color:#704d0a!important;box-shadow:0 7px 16px rgba(169,120,17,.17)!important;font-size:13px!important}
  #report-submit.busy{opacity:.7!important}
  .report-privacy{color:#a38b56!important;text-align:center!important;font-size:9px!important}
}
@keyframes quickReportIn{from{opacity:0;transform:translateY(12px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.report-card,.report-modal{animation:none!important;transition:none!important}}