html, body { margin: 0; height: 100%; overflow: hidden; background: #0b0b0c; }
#desk { position: absolute; inset: 0; overflow: hidden; font-family: Tahoma, Verdana, sans-serif;
  background:
    radial-gradient(ellipse 60% 50% at 50% 45%, rgba(40, 70, 40, .55), transparent 70%),
    repeating-linear-gradient(45deg, rgba(255,255,255,.025) 0 2px, transparent 2px 8px),
    linear-gradient(#101418, #08090b); }
.bgtext { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); text-align: center; font: 900 min(26vw, 40vh)/.8 Impact, "Arial Black", sans-serif; letter-spacing: -.02em;
  color: transparent; -webkit-text-stroke: 1px rgba(120, 200, 80, .12); user-select: none; pointer-events: none; }
.bgtext span { display: block; font: italic 700 min(4vw, 6vh)/1 Tahoma, sans-serif; letter-spacing: .4em; -webkit-text-stroke: 0; color: rgba(120, 200, 80, .18); margin-top: .5em; }
#amp { position: absolute; inset: 0; }
.hint { position: absolute; left: 0; right: 0; bottom: 8px; margin: 0; text-align: center; color: #7fae5f; font-size: 11px; letter-spacing: .05em; opacity: .85; pointer-events: none; text-shadow: 0 1px 0 #000; }
#closed { position: absolute; inset: 0; display: grid; place-items: center; }
#closed[hidden] { display: none; }
#reopen { font: 12px Tahoma, sans-serif; padding: 8px 16px; background: #2b2b3a; color: #9f9; border: 1px solid #4a4; cursor: pointer; }