/* §40 PIKE'S SCREEN and the INTERCOM */
.pk-mon{position:absolute;left:2.5%;bottom:4%;z-index:402;width:clamp(96px,17%,170px);
  background:#1c1f1d;border:3px solid #3a3f3a;border-radius:10px 10px 6px 6px;padding:7px 7px 5px;
  box-shadow:0 6px 18px rgba(0,0,0,.7), inset 0 0 0 1px #555c55;pointer-events:none}
.pk-mon .pk-glass{position:relative;border-radius:8px;overflow:hidden;background:#021208;
  box-shadow:inset 0 0 14px #000}
.pk-mon canvas{display:block;width:100%;image-rendering:pixelated;image-rendering:crisp-edges}
.pk-glass::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(0deg,rgba(0,0,0,.28) 0 1px,transparent 1px 3px),
             radial-gradient(ellipse at 50% 40%,rgba(120,255,160,.07),transparent 70%)}
.pk-mon.dim .pk-glass{filter:brightness(.55)}
.pk-mon .pk-spec{margin-top:5px;border-radius:3px;overflow:hidden;background:#010a05}
.pk-mon .pk-plate{font-family:var(--mono,monospace);font-size:8px;letter-spacing:.14em;color:#9aa39a;
  text-align:center;margin-top:4px;white-space:nowrap;overflow:hidden}
.pk-mon .pk-led{display:inline-block;width:5px;height:5px;border-radius:50%;background:#1f5a2f;margin-right:5px;vertical-align:1px}
.pk-mon.talk .pk-led,.pk-ic.talk .pk-lamp{background:#6dff94;box-shadow:0 0 6px #6dff94}
.pk-mon.pk-hot .pk-led{background:#ff7b3a;box-shadow:0 0 6px #ff7b3a;animation:pkBlink 1s steps(2) infinite}
@keyframes pkBlink{50%{opacity:.25}}

/* the intercom on the wall */
.pk-ic{position:absolute;left:2.5%;bottom:4%;z-index:402;width:clamp(110px,15%,150px);
  background:linear-gradient(#5b5f58,#3d413b);border:2px solid #2a2d28;border-radius:8px;padding:8px;
  box-shadow:0 6px 16px rgba(0,0,0,.7), inset 0 1px 0 #7d8279;font-family:var(--mono,monospace)}
.pk-ic .pk-brass{background:linear-gradient(#c9a55a,#8e6d2c);color:#2a1d06;font-size:8px;letter-spacing:.12em;
  text-align:center;padding:2px 0;border-radius:2px;margin-bottom:7px;font-weight:bold}
.pk-ic .pk-grille{height:54px;border-radius:50%;margin:0 auto 7px;width:54px;
  background:radial-gradient(circle,#111 1.6px,transparent 2px) 0 0/7px 7px,#2b2e2a;
  box-shadow:inset 0 2px 6px #000,0 1px 0 #6b7068}
.pk-ic .pk-row{display:flex;align-items:center;gap:6px}
.pk-ic .pk-mini{flex:0 0 38px;height:38px;border-radius:4px;overflow:hidden;background:#021208;border:1px solid #1a1d19}
.pk-ic .pk-mini canvas{width:100%;height:100%;image-rendering:pixelated;display:block}
.pk-ic .pk-lamp{width:8px;height:8px;border-radius:50%;background:#26402c;flex:0 0 auto}
.pk-ic .pk-btns{flex:1;display:flex;flex-direction:column;gap:4px}
.pk-ic .pk-read{height:12px;margin:-2px 0 6px;text-align:center;font-size:8px;letter-spacing:.14em;color:#c9d2c6}
.pk-ic .pk-read.ok{color:#8dff9f;text-shadow:0 0 6px #3cff6a}
.pk-ic .pk-read.no{color:#ff9f84;text-shadow:0 0 6px #ff5a3c}
.pk-ic button{flex:1;font-family:inherit;font-size:9px;letter-spacing:.14em;padding:6px 0;cursor:pointer;
  background:#8b1d14;color:#ffe9d9;border:1px solid #3a0a06;border-radius:3px;box-shadow:0 2px 0 #3a0a06}
.pk-ic button:active{transform:translateY(2px);box-shadow:none}
.pk-ic button:disabled{background:#4a4d48;color:#9aa39a;box-shadow:none;cursor:default}
@media(prefers-reduced-motion:reduce){.pk-mon.pk-hot .pk-led{animation:none}}

/* on the Sub-Level Two wall screen: no bolted frame, the picture is the frame */
.pk-mon.onwall{background:none;border:0;border-radius:14px;padding:0;box-shadow:none;overflow:hidden;
  display:flex;flex-direction:column}
.pk-mon.onwall .pk-glass{flex:1;border-radius:14px;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(ellipse at 50% 45%,#063018 0%,#021208 70%);box-shadow:inset 0 0 30px #000}
.pk-mon.onwall .pk-glass canvas{width:auto;height:78%;aspect-ratio:1}
.pk-mon.onwall .pk-spec{position:absolute;left:8%;right:8%;bottom:5%;height:17%;margin:0;opacity:.9}
.pk-mon.onwall .pk-spec canvas{width:100%;height:100%}
.pk-mon.onwall.pk-hot .pk-glass{align-items:flex-start;padding-top:5%}
.pk-mon.onwall.pk-hot .pk-glass canvas{height:66%}
.pk-mon.onwall .pk-plate{display:none}
.pk-mon.onwall.dim .pk-glass{filter:brightness(.45)}