@import url("team-editor.css");
.wbs-title .wbs-diff-settings,.wbs-title .wbs-diff-preview { padding:16px; }
.wbs-title .wbs-diff-settings,.wbs-title .team-side { gap:10px; }
.wbs-title [hidden],.wbs-title [data-title-status]:empty { display:none!important; }
.wbs-title .wbs-diff-field { margin:0; }
.wbs-title [data-title-output] { white-space:pre-wrap; overflow-wrap:anywhere; font: .85rem/1.55 ui-monospace,monospace; }
.title-extra { border:1px solid #b5c8ef55; border-radius:10px; padding:10px; }
.title-extra summary { cursor:pointer; color:#e5d7ff; }
.title-extra[open] > :not(summary) { margin-top:8px; }
.title-times { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }
.title-flags { display:flex; flex-wrap:wrap; gap:8px; }
.title-flags input { accent-color:#a77af7; }
.title-hud {
  min-height:165px; position:relative; overflow:hidden; border:1px solid #b5c8ef55; border-radius:10px;
  background:linear-gradient(#12112745,#0d132b9e),url("title-hero.webp") right center / cover;
  text-align:center; text-shadow:2px 2px #20152d; color:white;
}
.title-hud-center { position:absolute; top:45%; left:0; width:100%; transform:translateY(-50%); padding:0 8px; overflow-wrap:anywhere; }
.title-hud-center strong,.title-hud-center span { display:block; line-height:1.3; }
.title-hud-center strong { font-size:clamp(19px,3vw,32px); }
.title-hud-center span { font-size:clamp(13px,1.8vw,17px); }
.title-hud-bottom { position:absolute; bottom:9px; width:100%; }
.title-hotbar {
  width:min(182px,90%); height:22px; margin:4px auto 0; border:2px solid #a3a3ae;
  background:repeating-linear-gradient(90deg,#252532a0 0 calc(100% / 9 - 1px),#a3a3ae calc(100% / 9 - 1px) calc(100% / 9));
}
.title-note { color:#d9dbed; font-size:.8rem; margin:.65rem 0 0; }
@media(max-width:480px){.title-times{grid-template-columns:1fr;}}
.title-hud { background-position:center, 38% center; background-size:cover, 200% auto; }