.wbs-diff-hero {
  padding: clamp(1.4rem, 5vw, 3.2rem);
  background: linear-gradient(90deg, #0d132bf5 0%, #0d132bae 37%, #0d132b12 75%), url("difficulty-modes.svg") right center / auto 100% no-repeat, #10182c;
  border: 1px solid #6083a770;
}
.wbs-diff-hero h1 { margin: .2em 0; font-size: clamp(25px, 3.5vw, 34px); }
.wbs-diff-hero p { max-width: 36ch; }
.wbs-difficulty-pilot .wbs-diff-v2 { padding: 0; background: transparent; border: 0; box-shadow: none; }
.wbs-diff-columns { display: grid; grid-template-columns: 3fr 2fr; gap: 1rem; align-items: start; }
.wbs-diff-settings, .wbs-diff-preview, .wbs-diff-description {
  padding: clamp(1rem, 3vw, 1.65rem);
  border: 1px solid #b4b7dd55;
  border-radius: 1.1rem;
  background: radial-gradient(ellipse at 0 0, #b69aff22, transparent 75%), #0d132be0;
  box-shadow: 0 8px 24px #03071955, inset 0 1px #f0e8ff44;
  min-width: 0;
}
.wbs-diff-description { margin-top: 1rem; }
.wbs-diff-settings h3, .wbs-diff-preview h3 { margin: 0 0 1rem; }
.wbs-diff-field { display: grid; gap: .4rem; }
.wbs-diff-field select, .wbs-diff-copy, .wbs-diff-options label span {
  font: inherit; color: inherit; background: #222943cc; border: 1px solid #b5c8ef77;
  border-radius: .75rem; padding: .7rem .85rem;
}
.wbs-diff-fieldset { padding: 0; border: 0; min-width: 0; margin: 1rem 0 0; }
.wbs-diff-fieldset legend { margin-bottom: .45rem; }
.wbs-diff-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; }
.wbs-diff-options label { position: relative; cursor: pointer; }
.wbs-diff-options label span { display: block; height: 100%; box-sizing: border-box; transition: background .18s, border-color .18s; }
.wbs-diff-options small { display: block; opacity: .8; }
.wbs-diff-options label:hover span { border-color: #d6b6ff; }
.wbs-diff-options input:checked + span, .wbs-diff-copy { border-color: #d1b5ffe0; background: #b484fa24; }
.wbs-diff-options input:focus-visible + span, .wbs-diff-copy:focus-visible, .wbs-diff-field select:focus-visible { outline: 2px solid #b9f1ff; outline-offset: 3px; }
.wbs-diff-sr, .wbs-diff-options input { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.wbs-diff-command { padding: .9rem; background: #0d192c; border-radius: .75rem; overflow-wrap: anywhere; min-height: 3rem; }
.wbs-diff-copy { width: 100%; margin-top: .7rem; cursor: pointer; }
.wbs-diff-copy:hover:not(:disabled) { background: #b484fa42; }
.wbs-diff-copy:disabled { opacity: .55; cursor: default; }
.wbs-diff-status { margin-bottom: 0; min-height: 1.5em; }
@media (max-width: 680px) {
  .wbs-diff-columns { grid-template-columns: 1fr; }
  .wbs-diff-hero { background-position: right center; }
}
@media (prefers-reduced-motion: reduce) { .wbs-diff-options label span { transition: none; } }

.wbs-difficulty-pilot .wbs-diff-hero { min-height: 190px; display: grid; align-content: center; }
.wbs-diff-hero > p:last-child { color: #d9dbed; line-height: 1.7; margin: .4rem 0 0; }
.wbs-diff-settings, .wbs-diff-preview, .wbs-diff-description { backdrop-filter: blur(15px) saturate(135%); }
.wbs-diff-settings h3, .wbs-diff-preview h3 { font-size: 18px; }
.wbs-diff-options label span, .wbs-diff-copy, .wbs-diff-field select { min-height: 40px; }
.wbs-diff-options input:checked + span { color: #f4ddff; }
.wbs-diff-copy { box-shadow: inset 0 1px #fff4; }
.wbs-difficulty-pilot .wbs-cmd-command-menu {
  border-color: #b4b7dd55; background: #141e33e8; border-radius: 11px;
}

.wbs-diff-visits { display:flex; flex-wrap:wrap; gap:.55rem; margin-top:.8rem; }
.wbs-diff-visits span { border:1px solid #b5c8ef66; border-radius:10px; padding:.35rem .65rem; background:#10182ce8; font-size:12px; }
.wbs-diff-visits strong { margin-inline-start:.4em; color:#e5c7ff; }
.wbs-diff-help { margin-top:1rem; border-top:1px solid #b4b7dd55; padding-top:.75rem; color:#d9dbed; }
.wbs-diff-help p { margin:.4rem 0 0; line-height:1.6; }
.wbs-difficulty-pilot .wbs-diff-hero { margin-top: .8rem; }
@media(max-width:680px) {
  .wbs-diff-hero { background-size:cover, auto 75%; background-position:center,right top; }
}

.wbs-diff-hero {
  background-image: linear-gradient(90deg, #0d132b 0%, #0d132bd9 38%, #0d132b40 80%), url("difficulty-modes.svg"), url("difficulty-survival.webp");
  background-size: cover, auto 100%, cover;
  background-position: center, right center, center;
}
.wbs-difficulty-pilot .wbs-cmd-command-menu > summary { padding: 11px 15px; min-height: 42px; }
.wbs-difficulty-pilot .wbs-cmd-command-menu > summary:hover { color: #e5c7ff; }
.wbs-difficulty-pilot .wbs-cmd-menu-chip { border-color: #b5c8ef55; background: #a19be014; }
.wbs-difficulty-pilot .wbs-cmd-menu-chip:has([aria-current="page"]) { border-color: #d6b6ff; background: #b484fa24; }
.wbs-difficulty-pilot .wbs-faq-main-summary { background: #141e33e8; border-radius: 11px; }
@media(max-width:680px) {
  .wbs-diff-hero { background-image: linear-gradient(90deg, #0d132bf5, #0d132b90), url("difficulty-survival.webp"); background-size: cover; background-position: right center; }
}

.wbs-difficulty-pilot .wbs-diff-photo {
  position:relative; isolation:isolate; overflow:hidden; border-radius:18px;
  border:1px solid #b4b7dd66; margin:.8rem 0 1rem; padding:22px 26px;
  min-height:190px; display:flex; align-items:center; background:#10182c;
}
.wbs-diff-cover { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:right 53%; z-index:-2; }
.wbs-diff-photo::after { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,#0d132bf5 2%,#0d132bb8 37%,#0d132b00 75%); }
.wbs-diff-hero-copy h1 { margin:.25rem 0; }
.wbs-diff-hero-copy p { margin:.3rem 0; }
.wbs-difficulty-pilot section.wbs-diff-v2 { background:none; border:none; box-shadow:none; }
.wbs-difficulty-pilot section.wbs-diff-v2::before { display:none; }
.wbs-diff-icon { width:22px; height:22px; vertical-align:middle; flex:none; }
.wbs-diff-options label[data-help] span { display:grid; grid-template-columns:28px 1fr; align-items:center; column-gap:.6rem; min-height:64px; }
.wbs-diff-options label[data-help] svg { grid-row:span 2; color:#cfb8ff; }
.wbs-diff-options label[data-help] small { grid-column:2; }
.wbs-diff-options label[data-help=peaceful] svg { color:#a5dfc8; }
.wbs-diff-options label[data-help=easy] svg { color:#9fd5ff; }
.wbs-diff-options label[data-help=hard] svg { color:#ffacbd; }
.wbs-diff-options label[data-help] input:checked + span { box-shadow:inset 0 0 0 1px #d6b6ff85; }
.wbs-diff-command code { font:600 1rem/1.45 ui-monospace,monospace; }
.wbs-diff-copy { display:flex; justify-content:center; align-items:center; gap:.5rem; }

/* Match the editor's glass panels and the monitoring catalogue controls. */
.wbs-difficulty-pilot .wbs-cmd-faq {
  --faq-book: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d6b6ff' stroke-width='1.7' stroke-linejoin='round'%3E%3Cpath d='M12 6c-2-2-5-2-9-2v14c4 0 7 0 9 2 2-2 5-2 9-2V4c-4 0-7 0-9 2Zm0 0v14'/%3E%3C/svg%3E");
  --faq-folder: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b6a8ec' stroke-width='1.7' stroke-linejoin='round'%3E%3Cpath d='M3 6h7l2 2h9v11H3z'/%3E%3C/svg%3E");
  --faq-question: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b6a8ec' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9.5 9a2.5 2.5 0 1 1 4 2c-1 .7-1.5 1-1.5 2m0 3h.01'/%3E%3C/svg%3E");
  border: 1px solid #b4b7dd55;
  border-radius: 18px;
  background: radial-gradient(ellipse at top left,#b69aff22,transparent 75%),#0d132be0;
  box-shadow: 0 8px 24px #03071955,inset 0 1px #f0e8ff44;
}
.wbs-difficulty-pilot .wbs-faq-main-summary {
  padding: 14px 17px;
  background: #a19be014;
  border-radius: 17px;
}
.wbs-difficulty-pilot .wbs-faq-main-summary > span:first-child {
  display:flex; align-items:center; gap:.55rem;
}
.wbs-difficulty-pilot .wbs-faq-main-summary > span:first-child::before,
.wbs-difficulty-pilot .wbs-faq-category > summary::before,
.wbs-difficulty-pilot .wbs-faq-question > summary::before {
  content:""; display:inline-block; width:19px; height:19px; flex:none;
  vertical-align:middle; margin-inline-end:.45rem;
  background:var(--faq-book) center / contain no-repeat;
}
.wbs-difficulty-pilot .wbs-faq-category > summary::before { background-image:var(--faq-folder); }
.wbs-difficulty-pilot .wbs-faq-question > summary::before { background-image:var(--faq-question); }
.wbs-difficulty-pilot .wbs-faq-category > summary { justify-content:flex-start; gap:.35rem; }
.wbs-difficulty-pilot .wbs-faq-count { margin-inline-start:auto; }
.wbs-difficulty-pilot .wbs-faq-category,
.wbs-difficulty-pilot .wbs-faq-question { border-color:#b5c8ef55; background:#a19be010; }
.wbs-difficulty-pilot .wbs-cmd-faq summary:hover,
.wbs-difficulty-pilot .wbs-cmd-faq details[open] > summary { color:#f0dcff; background-color:#b484fa24; }
.wbs-difficulty-pilot .wbs-cmd-faq summary:focus-visible { outline:2px solid #d6b6ff; outline-offset:-3px; }
.wbs-difficulty-pilot .wbs-faq-answer { color:#d9dbed; line-height:1.7; }

.wbs-difficulty-pilot details#wbs-cmd-command-menu.wbs-cmd-command-menu.liquid {
  margin:1rem 0; padding:0; border-radius:18px;
  border:1px solid #b4b7dd55;
  background:radial-gradient(ellipse at top left,#b69aff22,transparent 75%),#0d132be0;
  backdrop-filter:blur(15px) saturate(135%);
  box-shadow:0 8px 24px #03071955,inset 0 1px #f0e8ff44;
}
.wbs-difficulty-pilot #wbs-cmd-command-menu > summary {
  min-height:54px; padding:12px 17px; gap:8px 12px;
  border-radius:17px; background:#a19be014;
}
.wbs-difficulty-pilot #wbs-cmd-command-menu > summary::before {
  content:""; width:22px; height:22px; flex:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d6b6ff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='3'/%3E%3Cpath d='m7 9 3 3-3 3m6 0h4'/%3E%3C/svg%3E") center / contain no-repeat;
}
.wbs-difficulty-pilot #wbs-cmd-command-menu > summary span {
  padding:4px 8px; border-radius:8px; background:#a19be01c; color:#d9dbed;
}
.wbs-difficulty-pilot #wbs-cmd-command-menu > summary:hover,
.wbs-difficulty-pilot #wbs-cmd-command-menu[open] > summary { background:#b484fa24; }
.wbs-difficulty-pilot #wbs-cmd-command-menu > summary:hover strong,
.wbs-difficulty-pilot .wbs-cmd-menu-chevron,
.wbs-difficulty-pilot .wbs-cmd-group-icon { color:#d6b6ff; }
.wbs-difficulty-pilot .wbs-cmd-menu-inside { padding:0 clamp(12px,2vw,18px) 18px; }
.wbs-difficulty-pilot .wbs-cmd-menu-group,
.wbs-difficulty-pilot .wbs-cmd-menu-guide {
  margin:10px 0 0; padding:14px; border:1px solid #b5c8ef55;
  border-radius:13px; background:#a19be010; box-shadow:none;
}
.wbs-difficulty-pilot .wbs-cmd-menu-chip {
  border-color:#b5c8ef55; background:#222943cc; border-radius:10px;
  transition:background-color .18s,border-color .18s;
}
.wbs-difficulty-pilot .wbs-cmd-menu-chip:hover,
.wbs-difficulty-pilot .wbs-cmd-menu-chip:has([aria-current="page"]) {
  border-color:#d6b6ff; background:#b484fa24;
}
.wbs-difficulty-pilot .wbs-cmd-menu-chip [aria-current="page"] { color:#f4ddff; }
.wbs-difficulty-pilot #wbs-cmd-command-menu :is(summary,a,button):focus-visible {
  outline:2px solid #d6b6ff; outline-offset:-2px;
}
@media (prefers-reduced-motion:reduce) {
  .wbs-difficulty-pilot #wbs-cmd-command-menu[open] .wbs-cmd-menu-inside { animation:none; }
  .wbs-difficulty-pilot .wbs-cmd-menu-chip { transition:none; }
}

.wbs-difficulty-pilot #wbs-cmd-command-menu .wbs-cmd-menu-pills {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%, 175px),1fr));
  gap:9px;
}
.wbs-difficulty-pilot #wbs-cmd-command-menu .wbs-cmd-menu-chip {
  --wbs-chip-outline:#b5c8ef55;
  display:grid; grid-template-columns:minmax(0,1fr) 34px;
  gap:0; min-height:48px; padding:3px; border-radius:11px;
  background:#222943cc; box-shadow:inset 0 1px #ffffff22;
}
.wbs-difficulty-pilot #wbs-cmd-command-menu .wbs-cmd-menu-chip:is(:hover,:focus-within,.is-selected) {
  --wbs-chip-outline:#d6b6ff99;
  background:#b484fa24; transform:none;
  box-shadow:inset 0 1px #ffffff33;
}
.wbs-difficulty-pilot #wbs-cmd-command-menu .wbs-cmd-menu-chip:has([aria-current="page"]) {
  --wbs-chip-outline:#d6b6ff;
  background:#b484fa35; box-shadow:inset 0 0 0 1px #d6b6ff45;
}
.wbs-difficulty-pilot #wbs-cmd-command-menu .wbs-cmd-menu-chip > :is(a,.wbs-cmd-menu-unavailable) {
  display:flex; align-items:center; gap:8px; min-height:40px;
  min-width:0; padding:5px 7px; overflow-wrap:anywhere; white-space:normal;
  text-decoration:none; border-radius:8px;
}
.wbs-difficulty-pilot #wbs-cmd-command-menu .wbs-cmd-menu-chip > :is(a,.wbs-cmd-menu-unavailable)::before {
  content:""; flex:none; width:22px; height:22px;
  background:var(--command-icon) center / contain no-repeat;
}
.wbs-difficulty-pilot #wbs-cmd-command-menu .wbs-cmd-menu-info {
  display:grid; place-items:center; width:32px; height:32px; padding:0;
  border:1px solid #b5c8ef55; border-radius:8px;
  background:#10182c; color:#d6b6ff;
}
.wbs-difficulty-pilot #wbs-cmd-command-menu .wbs-cmd-menu-info:is(:hover,[aria-pressed="true"]) {
  border-color:#d6b6ff; background:#b484fa35;
}
.wbs-difficulty-pilot #wbs-cmd-command-menu :is([data-cmd-slug="give"],[data-cmd-slug="clear"],[data-cmd-slug="fill"],[data-cmd-slug="setblock"],[data-cmd-slug="clone"]) { --command-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d6b6ff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7l9-4 9 4v10l-9 4-9-4zM3 7l9 5 9-5m-9 5v9'/%3E%3C/svg%3E"); }

.wbs-difficulty-pilot #wbs-cmd-command-menu :is([data-cmd-slug="effect"],[data-cmd-slug="enchant"],[data-cmd-slug="attribute"],[data-cmd-slug="xp"]) { --command-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d6b6ff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 2 2.6 7.4L22 12l-7.4 2.6L12 22l-2.6-7.4L2 12l7.4-2.6Z'/%3E%3C/svg%3E"); }

.wbs-difficulty-pilot #wbs-cmd-command-menu :is([data-cmd-slug="gamemode"],[data-cmd-slug="difficulty"]) { --command-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d6b6ff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21 4 16V7l8-4 8 4v9zM8 12l3 3 5-6'/%3E%3C/svg%3E"); }

.wbs-difficulty-pilot #wbs-cmd-command-menu :is([data-cmd-slug="tp"],[data-cmd-slug="spawnpoint"],[data-cmd-slug="setworldspawn"],[data-cmd-slug="worldborder"]) { --command-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d6b6ff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s7-6 7-12a7 7 0 0 0-14 0c0 6 7 12 7 12Zm0-9a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E"); }

.wbs-difficulty-pilot #wbs-cmd-command-menu :is([data-cmd-slug="summon"],[data-cmd-slug="bossbar"]) { --command-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d6b6ff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 15a7 7 0 1 1 14 0v2h-3v3H8v-3H5zM9 13h1m4 0h1'/%3E%3C/svg%3E"); }

.wbs-difficulty-pilot #wbs-cmd-command-menu :is([data-cmd-slug="time"]) { --command-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d6b6ff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 6v6l4 2m5-2a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z'/%3E%3C/svg%3E"); }

.wbs-difficulty-pilot #wbs-cmd-command-menu :is([data-cmd-slug="weather"]) { --command-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d6b6ff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 16a4 4 0 0 1 1-8 6 6 0 0 1 11-1 4.5 4.5 0 0 1 1 9ZM8 19l-1 2m6-2-1 2m6-2-1 2'/%3E%3C/svg%3E"); }

.wbs-difficulty-pilot #wbs-cmd-command-menu :is([data-cmd-slug="gamerule"],[data-cmd-slug="title"],[data-cmd-slug="scoreboard"],[data-cmd-slug="team"]) { --command-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d6b6ff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16v14H4zM8 9h8m-8 3h8m-8 3h5'/%3E%3C/svg%3E"); }