.gameFrame.elderglenFrame { width:min(100%,calc((100dvh - 16px) * 1.53846)); margin-inline:auto; }
body.touchDevice.mobileMatchMode .gameFrame.elderglenFrame { width:100%; }
.elderglenWelcome {
  position:absolute; z-index:24; top:18px; left:50%; transform:translateX(-50%);
  width:min(310px,calc(100% - 32px)); box-sizing:border-box; padding:18px 22px 16px;
  background:linear-gradient(145deg,rgba(24,32,27,.96),rgba(17,24,24,.94));
  border:1px solid #b59c6280; border-radius:4px 4px 18px 18px; color:#f3e7ce;
  box-shadow:0 10px 32px #0005; text-align:center;
}
.elderglenWelcome[hidden] { display:none; }
.elderglenWelcome h2 { margin:7px 0 9px; font:500 25px/1.12 Georgia,serif; }
.elderglenWelcome p { margin:0 0 12px; font:12px/1.6 system-ui,sans-serif; color:#d4d5c2; }
.elderglenWelcome small { display:block; font:600 9px/1.5 system-ui,sans-serif; letter-spacing:.13em; color:#ccb785; }
.elderglenWelcome button { padding:7px 13px; margin-bottom:10px; border:1px solid #b29b6570; border-radius:5px; background:#c5a96c17; color:#f7e5b9; font:600 11px/1.4 system-ui,sans-serif; cursor:pointer; }
.elderglenWelcome button:hover { background:#c5a96c35; }
.elderglenWelcome .elderglenWelcomeClose { position:absolute; right:3px; top:3px; width:30px; height:30px; padding:0; margin:0; border:0; background:none; font-size:20px; color:#c8c4b4; }
.elderglenWelcome button:focus-visible { outline:2px solid #f1d797; outline-offset:3px; }
@media(max-width:800px) {
  .elderglenWelcome { top:160px; padding:12px 17px; width:270px; }
  .elderglenWelcome h2 { font-size:21px; }
}
@media(max-height:520px) { .elderglenWelcome { top:10px; width:260px; padding:10px 16px; } .elderglenWelcome p { font-size:11px; } }