#doom-procrastinate { position: fixed; top: 1rem; right: 1rem; z-index: 99999; }
#doom-procrastinate .doom-open {
  padding: .6rem .9rem; border: 0; cursor: pointer;
  font: 600 14px/1 system-ui, sans-serif; border-radius: .5rem;
  background: #111; color: #fff; box-shadow: 0 2px 12px rgba(0,0,0,.25);
}
#doom-procrastinate .doom-open .doom-here { color: red; }
#doom-frame-wrap {
  position: fixed; top: 1rem; right: 1rem; width: 380px; height: 260px;
  background: #000; border-radius: .5rem; overflow: hidden;
  box-shadow: 0 8px 32px rgba(0,0,0,.45);
}
#doom-frame-wrap.full { inset: 0; width: auto; height: auto; border-radius: 0; }
#doom-frame-wrap .doom-bar {
  display: flex; align-items: center; gap: .5rem;
  background: #1a1a1a; color: #eee; padding: .25rem .5rem; font: 500 12px/1 system-ui, sans-serif;
}
#doom-frame { width: 100%; height: calc(100% - 28px); border: 0; display: block; }
.doom-spacer { flex: 1; }
.doom-iwad { background: #2c2c2c; color:#eee; border:0; padding:.25rem .5rem; border-radius:.35rem; cursor:pointer; }
.doom-fullscreen, .doom-close { background: #2c2c2c; color:#eee; border:0; padding:.25rem .5rem; border-radius:.35rem; cursor:pointer; }