/* Nonblocking ship-to-boat call. Positioned inside scaled gameplay surface. */
#urgent-ghe-panel[hidden]{display:none!important}
#urgent-ghe-panel.urgent-ghe-panel{
  position:absolute;z-index:24;top:132px;right:25px;width:375px;max-width:calc(100% - 40px);
  padding:11px 13px 13px;border:3px solid #9d603a;border-radius:15px;
  background:linear-gradient(140deg,#fff8e0,#f8dfa9);color:#70452e;
  box-shadow:0 5px 0 #67412e,0 10px 24px #2e170f7d,inset 0 0 0 3px #fff8de;
  font-family:Patrick,'Segoe UI',sans-serif;pointer-events:auto
}
#urgent-ghe-panel .urgent-ghe-head{display:flex;justify-content:space-between;align-items:center;gap:6px;font:800 12px/1.25 'Segoe UI',sans-serif;color:#9a4e39;letter-spacing:.6px}
#urgent-ghe-panel .urgent-ghe-head strong{flex:none;border-radius:9px;background:#b56a44;color:#fff8df;padding:5px 8px;font:800 16px/1.25 'Segoe UI',sans-serif}
#urgent-ghe-panel>b{display:block;font:700 25px/1.15 Patrick,'Segoe UI',sans-serif;margin-top:7px}
#urgent-ghe-panel p{font:600 13px/1.32 'Segoe UI',sans-serif;margin:6px 0;color:#805938}
#urgent-ghe-panel .urgent-ghe-actions{display:grid;grid-template-columns:1.4fr 1fr;gap:8px;margin-top:10px}
#urgent-ghe-panel button{min-height:44px;padding:6px 7px;border-radius:10px;border:2px solid #668844;background:linear-gradient(#98b567,#73934b);color:#fffce4;font:700 19px/1.25 Patrick,'Segoe UI',sans-serif;box-shadow:0 3px #537539;cursor:pointer}
#urgent-ghe-panel button:nth-child(2){background:linear-gradient(#fdf5dd,#edcf9d);color:#765037;border-color:#b89467;box-shadow:0 3px #a27c50}
#urgent-ghe-panel .urgent-ghe-track{margin:7px 0;height:8px;border-radius:9px;background:#e0ca9c;border:1px solid #ae8b5c;overflow:hidden}
#urgent-ghe-panel .urgent-ghe-track i{display:block;height:100%;background:#86a75c;transition:width .25s}
#urgent-ghe-panel.active{border-color:#7b9d54}
#urgent-ghe-panel.expired{border-color:#b7774b}
#urgent-ghe-panel.done{border-color:#719b57}
/* Render outside the scaled/scrolling game on phones. */
#urgent-ghe-panel.urgent-ghe-panel.urgent-viewport{
  position:fixed;z-index:1000;top:55px;right:12px;left:auto;
  transform:none;width:min(330px,calc(100vw - 24px));max-width:none;
  padding:10px 12px;
}
@media(max-width:850px){
  #urgent-ghe-panel.urgent-ghe-panel{top:110px;right:12px;width:330px;padding:10px}
  #urgent-ghe-panel>b{font-size:21px}
  #urgent-ghe-panel p{font-size:12px}
}
@media(orientation:portrait) and (max-width:620px){
  #urgent-ghe-panel.urgent-ghe-panel.urgent-viewport{
    top:166px;left:50%;right:auto;transform:translateX(-50%);
    width:min(365px,calc(100vw - 24px));padding:10px 12px;
  }
}
@media(prefers-reduced-motion:reduce){#urgent-ghe-panel .urgent-ghe-track i{transition:none}}