/* Screen one uses the user's ORIGINAL 720 x 1280 image. All original app UI styling remains in style.css. */
#kespert-install-landing{display:none}
html.needs-kespert-install .app-shell{display:none!important}
html.needs-kespert-install #kespert-install-landing{
  display:flex;position:fixed;inset:0;z-index:200;
  align-items:center;justify-content:center;overflow:hidden;
  background:#060402;isolation:isolate;
}
html.needs-kespert-install #kespert-install-landing::before{
  content:"";position:absolute;inset:-25px;
  background:url('assets/install-cover.jpg') center center / cover no-repeat;
  filter:blur(25px) brightness(.27);opacity:.75;z-index:-1;pointer-events:none;
}
.install-photo-panel{
  position:relative;flex:none;aspect-ratio:9 / 16;
  width:min(100vw, 56.25dvh, 460px);
  max-height:100dvh;margin:auto;
  box-shadow:0 10px 60px #000b;
}
.install-photo-panel img{display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none;pointer-events:none}
#install-kespert-button{
  /* Precise hit target above the gold INSTALL APP button in the supplied image */
  position:absolute;left:14.5%;top:67.35%;width:71%;height:7.5%;
  border:0;display:block;background:transparent;cursor:pointer;touch-action:manipulation;
  border-radius:100px;z-index:2;
}
#install-kespert-button:focus-visible{outline:3px solid #fff;outline-offset:2px;background:#fff2}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
#kespert-install-message[hidden]{display:none!important}
#kespert-install-message{
  position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;
  background:#000c;padding:20px;backdrop-filter:blur(6px);
}
.install-message-card{
  width:min(100%,390px);border:1px solid #e8b750;border-radius:22px;
  padding:25px 21px;background:linear-gradient(155deg,#291b09,#0c0805);
  color:#fff5dc;box-shadow:0 0 35px #d2963060;text-align:center;
}
.install-message-symbol{color:#ffd66c;font-size:34px}
.install-message-card h2{font-size:19px;color:#ffd978;margin:10px 0 12px}
.install-message-card p{font-size:15px;line-height:1.65;margin:0 0 21px;white-space:pre-line}
.install-message-card button{
  background:linear-gradient(135deg,#ffeaa0,#b9770d);color:#180c02;
  font-weight:800;padding:12px 30px;border-radius:99px;min-width:130px;
}
@media(orientation:landscape) and (max-height:500px){.install-photo-panel{width:min(56.25dvh,320px)}}