/* The result uses a separate native dialog above the online game so it
   is visible regardless of how far down the 15x15 board has been scrolled. */
.arena-result-dialog.online-result-dialog{
  box-sizing:border-box;
  width:min(92vw,490px);max-height:calc(100dvh - 24px);overflow-y:auto;
  padding:5px;border:4px ridge #e5985e;border-radius:16px;
  color:#fcddc5;background:linear-gradient(150deg,#294067,#111e35 68%,#0a111d);
  box-shadow:0 9px 35px #050b14e0;text-align:center
}
.arena-result-dialog::backdrop{background:rgba(5,8,14,.8);backdrop-filter:blur(3px)}
.arena-result-dialog .online-result-inner{
  padding:clamp(15px,4vw,26px);display:flex;flex-direction:column;align-items:center;gap:12px
}
.arena-result-dialog .online-result-emblem{
  font:45px Georgia,serif;color:#f5a96e;text-shadow:0 0 14px #f7a96b
}
.arena-result-dialog h2{margin:0;color:#ffc79b;font:bold clamp(26px,6vw,35px) Georgia,serif}
.arena-result-dialog p{margin:0;font:13px/1.6 Verdana,sans-serif}
.arena-result-dialog .online-result-scores{
  display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  gap:9px;align-items:center;width:100%;
  border:2px solid #bc7445;border-radius:9px;
  background:#0d141fbd;padding:13px 8px
}
.arena-result-dialog .online-result-scores>div{display:flex;flex-direction:column;gap:7px;min-width:0}
.arena-result-dialog .online-result-scores span{
  color:#f5c19c;font:12px Verdana,sans-serif;overflow-wrap:anywhere
}
.arena-result-dialog .online-result-scores strong{
  font:bold clamp(29px,9vw,43px) Georgia,serif;color:#ffd0ac
}
.arena-result-dialog .online-result-vs{font:28px Georgia,serif}
.arena-result-dialog #onlineResultReason{color:#e8bca0}
.arena-result-dialog #onlineRematchStatus{color:#c0f1cb;min-height:18px;font-weight:700}
.arena-result-dialog .online-result-actions{
  width:100%;display:flex;flex-wrap:wrap;gap:9px
}
.arena-result-dialog .online-result-actions .gold-button{
  flex:1 1 150px;min-height:46px;white-space:normal
}
.arena-result-dialog .online-result-actions .gold-button:disabled{
  opacity:.55;cursor:wait
}