/* 95 Mobile holding screen: a lightweight touch-first placeholder. */
.mobile-holding { display:none; }

@media (max-width:760px) {
  html,body { min-height:100%; background:#080a08; }
  body { overflow:auto; }
  .workbench { display:block; min-height:100dvh; padding:0; overflow:visible; background:#080a08; }
  .workbench::before { position:fixed; opacity:.16; }
  .ambient-shadow,
  .monitor { display:none!important; }

  .mobile-holding {
    position:relative;
    isolation:isolate;
    display:grid;
    grid-template-rows:auto minmax(210px,38dvh) minmax(0,1fr) auto;
    min-height:100dvh;
    padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));
    overflow:hidden;
    color:#e5e6df;
    background:
      radial-gradient(circle at 84% 17%,rgba(18,61,255,.2),transparent 28%),
      linear-gradient(rgba(229,230,223,.035) 1px,transparent 1px),
      linear-gradient(90deg,rgba(229,230,223,.035) 1px,transparent 1px),
      #080a08;
    background-size:auto,22px 22px,22px 22px,auto;
    font-family:"Courier New",Courier,monospace;
  }

  .mobile-holding::after {
    content:"";
    position:absolute;
    z-index:5;
    inset:0;
    pointer-events:none;
    opacity:.11;
    background:repeating-linear-gradient(180deg,transparent 0 3px,rgba(229,230,223,.16) 4px);
  }

  .mobile-holding__header,
  .mobile-holding__footer {
    position:relative;
    z-index:6;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    font-size:clamp(10px,2.8vw,13px);
    letter-spacing:.05em;
  }

  .mobile-holding__header { padding-bottom:14px; border-bottom:1px solid rgba(229,230,223,.55); }
  .mobile-holding__header strong { font:900 clamp(18px,5vw,24px)/1 Arial Black,Arial,sans-serif; letter-spacing:-.04em; }
  .mobile-holding__header span { color:#82c85f; text-align:right; }

  .mobile-holding__art {
    position:relative;
    z-index:1;
    align-self:stretch;
    margin:clamp(18px,5vw,28px) 0 0 clamp(42px,14vw,76px);
    overflow:hidden;
    border:1px solid rgba(229,230,223,.4);
    background:#11130f;
  }

  .mobile-holding__art::before {
    content:"";
    position:absolute;
    z-index:2;
    inset:0;
    background:linear-gradient(145deg,rgba(18,61,255,.72),transparent 58%),linear-gradient(0deg,rgba(8,10,8,.55),transparent 48%);
    mix-blend-mode:color;
  }

  .mobile-holding__art picture { display:block; width:100%; height:100%; }
  .mobile-holding__art img { display:block; width:100%; height:100%; object-fit:cover; object-position:center 28%; filter:grayscale(1) contrast(1.18) brightness(.72); }
  .mobile-holding__art > span { position:absolute; z-index:3; right:-.06em; bottom:-.22em; color:#214cff; font:900 clamp(118px,48vw,230px)/.72 Arial Black,Arial,sans-serif; letter-spacing:-.09em; opacity:.76; }

  .mobile-holding__copy { position:relative; z-index:6; align-self:center; padding:clamp(24px,7vw,42px) 0; }
  .mobile-holding__copy > p:first-child { margin:0 0 10px; color:#82c85f; font-size:clamp(10px,2.8vw,13px); letter-spacing:.08em; }
  .mobile-holding__copy h1 { max-width:100%; margin:0; font:900 clamp(34px,11.5vw,58px)/.82 Arial Black,Arial,sans-serif; letter-spacing:-.07em; text-wrap:balance; }
  .mobile-holding__rule { width:min(58vw,240px); height:5px; margin:20px 0 16px; background:#123dff; }
  .mobile-holding__message { max-width:34ch; margin:0; color:#b7bab1; font-size:clamp(12px,3.4vw,15px); line-height:1.55; }

  .mobile-holding__footer { padding-top:14px; border-top:1px solid rgba(229,230,223,.55); }
  .mobile-holding__footer strong { color:#e5e6df; font-weight:400; text-align:right; }
}

@media (max-width:360px) {
  .mobile-holding { grid-template-rows:auto minmax(180px,34dvh) minmax(0,1fr) auto; }
  .mobile-holding__art { margin-left:32px; }
}
