html[data-runtime="discord"],
html[data-runtime="discord"] body {
  width: 100%;
  min-height: 100%;
  margin: 0;
  background: #121212;
}

#activity-game-shell[hidden] {
  display: none !important;
}

#activity-game-shell {
  position: fixed;
  inset: 0;
  z-index: 999999;
  display: flex;
  flex-direction: column;
  background: #0f0f0f;
}

.activity-toolbar {
  height: 48px;
  flex: 0 0 48px;
  display: grid;
  grid-template-columns: 48px 1fr 48px;
  align-items: center;
  gap: 8px;
  padding: 0 8px;
  background: #171717;
  border-bottom: 1px solid rgba(255,255,255,.08);
  color: #fff;
  font: 600 14px/1 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.activity-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}

.activity-back,
.activity-fullscreen {
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 9px;
  background: rgba(255,255,255,.08);
  color: #fff;
  cursor: pointer;
  font-size: 18px;
}

.activity-back:hover,
.activity-fullscreen:hover {
  background: rgba(255,255,255,.14);
}

.activity-frame {
  flex: 1 1 auto;
  width: 100%;
  min-height: 0;
  border: 0;
  background: #000;
}

html[data-runtime="discord"] body.activity-playing {
  overflow: hidden;
}

@media (max-width: 640px) {
  .activity-toolbar {
    height: 42px;
    flex-basis: 42px;
    grid-template-columns: 42px 1fr 42px;
  }

  .activity-back,
  .activity-fullscreen {
    width: 32px;
    height: 32px;
  }
}