/* Reviewed prototype creation layout, scoped to this view. */
.realms-app .realm-create-view { --radius:2px; --rule:1px; --space:24px; --danger:#ffb4af; --accent-wash:rgba(61,184,95,.22); --on-accent:#050b07; }
.realms-app .realm-create-view [hidden] { display:none!important; }
.realms-app .realm-create-view button,
.realms-app .realm-create-view input,
.realms-app .realm-create-view select,
.realms-app .realm-create-view textarea { font:inherit; }
.realms-app .realm-create-view button { cursor:pointer; color:inherit; }
.realms-app .realm-create-view button:disabled { opacity:.45; cursor:not-allowed; }
.realms-app .realm-create-view button,
.realms-app .realm-create-view a,
.realms-app .realm-create-view input,
.realms-app .realm-create-view select,
.realms-app .realm-create-view textarea,
.realms-app .realm-create-view summary { -webkit-tap-highlight-color:transparent; }
.realms-app .realm-create-view button:focus-visible,
.realms-app .realm-create-view a:focus-visible,
.realms-app .realm-create-view input:focus-visible,
.realms-app .realm-create-view textarea:focus-visible,
.realms-app .realm-create-view select:focus-visible,
.realms-app .realm-create-view summary:focus-visible {
  outline:3px solid var(--color-accent-gold); outline-offset:4px;
}
.realms-app .realm-create-view input:focus-visible,
.realms-app .realm-create-view textarea:focus-visible,
.realms-app .realm-create-view select:focus-visible {
  outline:1px solid var(--muted); outline-offset:1px; border-color:var(--muted); box-shadow:none;
}
.realms-app .realm-create-view button,
.realms-app .realm-create-view input,
.realms-app .realm-create-view select,
.realms-app .realm-create-view textarea { max-width:100%; }
.realms-app .realm-create-view button { font-size:1rem; }
.realms-app .realm-create-view input,
.realms-app .realm-create-view select,
.realms-app .realm-create-view textarea {
  color:var(--text); background:var(--input); border:var(--rule) solid var(--line);
  border-radius:var(--radius); padding:11px 12px; min-height:44px; font-size:1rem;
  accent-color:var(--accent);
}
.realms-app .realm-create-view input::placeholder,
.realms-app .realm-create-view textarea::placeholder { color:var(--muted); opacity:.72; }
.realms-app .realm-create-view select { padding-right:28px; }
.realms-app .realm-create-view .admin-news__field select option { background:var(--input); color:var(--text); }
.realms-app .realm-create-view textarea { resize:vertical; line-height:1.5; width:100%; }
.realms-app .realm-create-view label { display:block; font-size:1rem; font-weight:700; }
.realms-app .realm-create-view p { margin:0; }
.realms-app .realm-create-view svg { display:block; }
.realms-app .realm-create-view small,
.realms-app .realm-create-view .meta { color:var(--muted); font-size:.875rem; }
.realms-app .realm-create-view code,
.realms-app .realm-create-view pre { font-family:var(--font-mono); }
.realms-app .realm-create-view { width:100%; max-width:1380px; padding:var(--page-top) var(--page-gutter) 0; margin:0 auto; outline:none; }
.realms-app .realm-create-view .realm-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; }
.realms-app .realm-create-view .realm-heading .page-title { padding:0; font-size:var(--page-title-size); text-transform:none; text-align:left; }
.realms-app .realm-create-view .realm-heading p { color:var(--muted); margin-top:8px; font-size:1rem; }
.realms-app .realm-create-view .draft-actions { display:flex; gap:16px; align-items:center; flex-wrap:wrap; max-width:100%; }
.realms-app .realm-create-view .draft-actions>span { color:var(--muted); font-size:.875rem; }

.realms-app .realm-create-view .creation-console { margin-top:0; }
.realms-app .realm-create-view .steps { display:flex; flex-wrap:wrap; gap:7px; margin:0 0 9px; padding:8px; border:2px solid var(--line); background:var(--chrome); }
.realms-app .realm-create-view .step { display:flex; align-items:center; gap:10px; padding:8px 14px; background:var(--panel); border:1px solid var(--line); position:relative; text-align:left; min-height:48px; min-width:0; color:var(--muted); font-weight:700; }
.realms-app .realm-create-view .step-num { display:grid; place-content:center; width:28px; height:28px; border:1px solid var(--line); border-radius:2px; flex:0 0 28px; font-size:1rem; }
.realms-app .realm-create-view .step span:last-child { overflow-wrap:anywhere; }
.realms-app .realm-create-view .step[aria-current=step] { color:var(--color-accent-gold); border-color:var(--color-accent-gold); background:#242622; }
.realms-app .realm-create-view .step[aria-current=step] .step-num { border-color:var(--color-accent-gold); background:rgba(242,201,76,.12); }
.realms-app .realm-create-view .step.complete .step-num { color:var(--accent); border-color:var(--accent); }
.realms-app .realm-create-view .creation-grid { display:grid; grid-template-columns:minmax(0,1fr) 324px; gap:var(--page-flow-gap); align-items:start; }
.realms-app .realm-create-view.page-wrap { padding-top:var(--page-top); }
.realms-app .realm-create-view .realm-heading .page-title { font-size:var(--page-title-size); }
.realms-app .realm-create-view .realm-heading p { margin-top:4px; }
.realms-app .realm-create-view .editor-column { min-width:0; }
.realms-app .realm-create-view .preview-column { min-width:0; }
.realms-app .realm-create-view .section { margin-bottom:var(--space); }
.realms-app .realm-create-view .section-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-bottom:16px; }
.realms-app .realm-create-view .section-heading h2 { font-size:1.375rem; margin:0; }
.realms-app .realm-create-view .section-heading small { font-size:.875rem; overflow-wrap:anywhere; }
.realms-app .realm-create-view .field-grid { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); gap:18px; }
.realms-app .realm-create-view .field { margin-bottom:18px; min-width:0; }
.realms-app .realm-create-view .field>label { margin:0 0 7px; }
.realms-app .realm-create-view .field input,
.realms-app .realm-create-view .field select { width:100%; }
.realms-app .realm-create-view .field label small { font-weight:400; }
.realms-app .realm-create-view .field textarea { min-height:82px; height:82px; }
.realms-app .realm-create-view .optional-note { font-size:.875rem; font-weight:400; color:var(--muted); margin-left:6px; }
.realms-app .realm-create-view .label-line { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:7px; }
.realms-app .realm-create-view .label-line small { font-weight:400; }
.realms-app .realm-create-view .section-note { margin-top:10px; color:var(--muted); font-size:.875rem; }
.realms-app .realm-create-view .preset-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.realms-app .realm-create-view .preset-card { display:block; padding:0; background:var(--panel); border:var(--rule) solid var(--line); border-radius:var(--radius); box-shadow:4px 4px 0 var(--color-ui-shadow); position:relative; overflow:hidden; text-align:left; min-width:0; }
.realms-app .realm-create-view .preset-card:hover { border-color:var(--color-contrast); }
.realms-app .realm-create-view .preset-card[aria-pressed=true] { border-color:var(--color-accent-gold); box-shadow:inset 0 0 0 1px var(--color-accent-gold),4px 4px 0 var(--color-ui-shadow); }
.realms-app .realm-create-view .preset-graphic { height:88px; background:var(--canvas); overflow:hidden; }
.realms-app .realm-create-view .preset-graphic svg { width:100%; height:100%; }
.realms-app .realm-create-view .preset-copy { padding:13px 14px 15px; display:block; min-width:0; overflow-wrap:anywhere; }
.realms-app .realm-create-view .preset-copy strong { color:var(--color-accent-gold); display:block; font-size:1rem; line-height:1.35; }
.realms-app .realm-create-view .preset-copy>span { display:block; color:var(--muted); font-size:.875rem; margin-top:5px; line-height:1.45; }
.realms-app .realm-create-view .preset-check { position:absolute; display:grid; place-content:center; top:9px; right:9px; border:1px solid var(--line); background:var(--input); border-radius:2px; width:22px; height:22px; font-size:1rem; }
.realms-app .realm-create-view .preset-card[aria-pressed=true] .preset-check { color:var(--color-base); background:var(--color-accent-gold); border-color:var(--color-accent-gold); }
.realms-app .realm-create-view .hosting-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.realms-app .realm-create-view .host-card { display:block; padding:16px; background:var(--panel); border:var(--rule) solid var(--line); border-radius:var(--radius); cursor:pointer; font-weight:400; }
.realms-app .realm-create-view .host-card:has(input:checked) { border-color:var(--accent); background:color-mix(in srgb,var(--accent) 6%,var(--panel)); }
.realms-app .realm-create-view .host-top { display:flex; align-items:center; gap:12px; }
.realms-app .realm-create-view .host-top input { min-height:0; width:18px; height:18px; padding:0; margin:0; flex-shrink:0; }
.realms-app .realm-create-view .host-top strong { font-size:1rem; min-width:0; overflow-wrap:anywhere; }
.realms-app .realm-create-view .host-card small { display:block; margin:7px 0 0 30px; }
.realms-app .realm-create-view .identity-workbench { display:grid; gap:var(--page-flow-gap); min-width:0; }
.realms-app .realm-create-view .preset-workbench { display:grid; grid-template-columns:310px minmax(0,1fr); gap:var(--page-flow-gap); align-items:start; }
.realms-app .realm-create-view .create-station { margin:0; border:2px solid var(--line); background:#202321; }
.realms-app .realm-create-view .create-station>.section-heading { margin:0; padding:13px 15px; border-bottom:0; background:#2a2d2b; }
.realms-app .realm-create-view .create-station>.field-grid,
.realms-app .realm-create-view .identity-station>.field,
.realms-app .realm-create-view .hosting-station>.hosting-grid,
.realms-app .realm-create-view .hosting-station>.section-note { margin-left:15px; margin-right:15px; }
.realms-app .realm-create-view .identity-station>.field-grid { margin-top:16px; }
.realms-app .realm-create-view .identity-station>.field { margin-top:2px; margin-bottom:16px; }
.realms-app .realm-create-view .preset-station .section-heading { display:block; }
.realms-app .realm-create-view .preset-station .section-heading small { display:block; margin-top:4px; }
.realms-app .realm-create-view .preset-station .preset-grid { display:grid; grid-template-columns:1fr; grid-auto-rows:94px; gap:9px; padding:10px; }
.realms-app .realm-create-view .preset-station .preset-card { display:grid; grid-template-columns:76px minmax(0,1fr); height:94px; min-height:0; box-shadow:2px 2px 0 var(--color-ui-shadow); }
.realms-app .realm-create-view .preset-station .preset-graphic { height:100%; min-height:72px; border-right:0; }
.realms-app .realm-create-view .preset-station .preset-copy { align-self:start; padding:10px 30px 10px 11px; }
.realms-app .realm-create-view .preset-station .preset-copy strong { white-space:nowrap; }
.realms-app .realm-create-view .preset-station .preset-copy>span { line-height:1.3; }
.realms-app .realm-create-view .hosting-station .hosting-grid { margin-top:15px; }
.realms-app .realm-create-view .hosting-station .section-note { margin-bottom:14px; }
.realms-app .realm-create-view .preset-values-station { min-width:0; }
.realms-app .realm-create-view .preset-overview { flex:1; min-height:0; overflow-y:auto; padding:0 16px 16px; }
.realms-app .realm-create-view .preset-overview .preset-description { margin:0; line-height:1.6; }
.realms-app .realm-create-view .preset-overview .preset-values-note { margin:12px 0 24px; padding:0; line-height:1.5; }
.realms-app .realm-create-view .preset-overview h3 { margin:24px 0 8px; font-size:1rem; }
.realms-app .realm-create-view .preset-overview .preset-values-list { padding:0; margin:0; overflow:visible; }
.realms-app .realm-create-view .preset-overview .preset-values-list>div { min-height:48px; }
.realms-app .realm-create-view .preset-values-list { padding:4px 16px 0; }
.realms-app .realm-create-view .preset-values-list>div { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:18px; min-height:64px; padding:10px 0; border-bottom:0; }
.realms-app .realm-create-view .preset-values-list>div:last-child { border-bottom:0; }
.realms-app .realm-create-view .preset-values-list dt { display:flex; align-items:center; gap:12px; color:var(--text); font-weight:700; overflow-wrap:anywhere; }
.realms-app .realm-create-view .preset-values-list dd { color:var(--color-accent-gold); font-size:1.125rem; font-weight:700; font-variant-numeric:tabular-nums; white-space:nowrap; }
.realms-app .realm-create-view .preset-value-icon { display:grid; place-items:center; width:34px; height:34px; flex:0 0 34px; }
.realms-app .realm-create-view .preset-value-icon .game-icon { width:30px; height:30px; filter:grayscale(1) brightness(0) invert(.92); }
.realms-app .realm-create-view .preset-values-note { margin:8px 16px 16px; padding-top:14px; border-top:0; color:var(--muted); font-size:.875rem; }
.realms-app .realm-create-view .realm-summary { background:var(--panel); border:2px solid var(--line); box-shadow:none; border-radius:var(--radius); position:sticky; top:24px; overflow:hidden; }
.realms-app .realm-create-view .aside-label { display:flex; justify-content:space-between; align-items:center; padding:12px 18px; border-bottom:0; font-size:1rem; font-weight:700; }
.realms-app .realm-create-view .aside-label>span { font-size:.875rem; font-weight:400; color:var(--muted); }
.realms-app .realm-create-view .preview-map { width:100%; height:auto; aspect-ratio:1; margin:0; padding:4px; overflow:hidden; background:#000018; border-bottom:0; }
.realms-app .realm-create-view .preview-map img { display:block; width:100%; height:100%; object-fit:cover; }
.realms-app .realm-create-view .preview-content { padding:var(--space) 18px; min-width:0; }
.realms-app .realm-create-view .preview-content h2 { font-size:1.5rem; margin:0; color:var(--color-accent-gold); overflow-wrap:anywhere; }
.realms-app .realm-create-view .preview-content>p { margin-top:8px; color:var(--muted); font-size:1rem; overflow-wrap:anywhere; }
.realms-app .realm-create-view .preview-tags { display:flex; flex-wrap:wrap; gap:7px; margin-top:16px; }
.realms-app .realm-create-view .preview-tags span { font-size:.875rem; line-height:1.4; padding:4px 8px; background:var(--chrome); border:1px solid var(--soft-line); border-radius:2px; overflow-wrap:anywhere; }
.realms-app .realm-create-view dl { margin:0; }
.realms-app .realm-create-view dt { color:var(--muted); }
.realms-app .realm-create-view dd { margin:0; text-align:right; }
.realms-app .realm-create-view #preview-facts { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:10px 8px; margin-top:20px; padding-top:16px; border-top:0; font-size:1rem; }
.realms-app .realm-create-view #preview-facts dd,
.realms-app .realm-create-view #preview-facts dt { overflow-wrap:anywhere; }
.realms-app .realm-create-view #changed-summary { color:var(--color-accent-gold); margin-top:16px; font-size:1rem; }
.realms-app .realm-create-view #changed-summary:empty { display:none; }
.realms-app .realm-create-view .preview-content>.local-note { font-size:.875rem; margin-top:18px; padding-top:16px; border-top:0; }
.realms-app .realm-create-view .contract-details { padding:16px 18px; border-top:0; }
.realms-app .realm-create-view summary { cursor:pointer; min-height:28px; font-size:1rem; font-weight:700; }
.realms-app .realm-create-view details>summary::marker { color:var(--muted); }
.realms-app .realm-create-view .contract-details dl { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:10px; margin-top:18px; font-size:.875rem; }
.realms-app .realm-create-view .contract-details dt,
.realms-app .realm-create-view .contract-details dd { overflow-wrap:anywhere; }
.realms-app .realm-create-view .contract-details p { font-size:.875rem; color:var(--muted); margin:15px 0; }
.realms-app .realm-create-view .contract-details button { width:100%; }
.realms-app .realm-create-view .step-footer { display:flex; gap:16px; align-items:center; padding:22px 0; border-top:0; margin-top:26px; }
.realms-app .realm-create-view .step-footer>span { margin-left:auto; font-size:.875rem; color:var(--muted); }
.realms-app .realm-create-view .step-footer>.primary { min-width:160px; }
@media(min-width:901px) {
 .realms-app .realm-create-view { --creation-workspace-height:clamp(540px,calc(100vh - 300px),660px); }
 .realms-app .realm-create-view .editor-column,
.realms-app .realm-create-view .preview-column { height:var(--creation-workspace-height); min-height:0; }
 .realms-app .realm-create-view .editor-column { display:grid; grid-template-rows:minmax(0,1fr) auto; gap:var(--page-flow-gap); }
 .realms-app .realm-create-view #stage { min-height:0; overflow-y:auto; overscroll-behavior:contain; scrollbar-gutter:stable; }
 .realms-app .realm-create-view #stage:has(.tabbed-editor),
.realms-app .realm-create-view #stage:has(.review-editor) { overflow:hidden; scrollbar-gutter:auto; }
 .realms-app .realm-create-view .editor-footer-slot .step-footer { margin:0; padding:0; border:0; }
 .realms-app .realm-create-view .preview-column { display:grid; grid-template-rows:minmax(0,1fr) auto; gap:var(--page-flow-gap); }
 .realms-app .realm-create-view .realm-summary { display:flex; flex-direction:column; min-height:0; position:static; }
 .realms-app .realm-create-view .realm-summary .preview-content { flex:1 1 auto; min-height:0; overflow-y:auto; }
 .realms-app .realm-create-view .preview-footer-slot { margin-top:0; }
 .realms-app .realm-create-view .preview-footer-slot #continue { width:100%; }
 .realms-app .realm-create-view.basics-step .editor-column { display:block; }
 .realms-app .realm-create-view.basics-step .editor-footer-slot { display:none; }
 .realms-app .realm-create-view.basics-step #stage,
.realms-app .realm-create-view.basics-step .identity-workbench { height:100%; min-height:0; }
 .realms-app .realm-create-view.basics-step #stage { overflow:hidden; scrollbar-gutter:auto; }
 .realms-app .realm-create-view.basics-step .identity-workbench { grid-template-rows:minmax(0,1fr); align-items:stretch; }
 .realms-app .realm-create-view.basics-step .identity-station { display:flex; flex-direction:column; min-height:0; overflow:hidden; }
 .realms-app .realm-create-view.basics-step .identity-station .description-field { display:flex; flex:1 1 auto; flex-direction:column; min-height:0; }
 .realms-app .realm-create-view.basics-step .identity-station .description-field textarea { flex:1 1 auto; min-height:96px; height:auto; resize:none; }
 .realms-app .realm-create-view.preset-step #stage,
.realms-app .realm-create-view.preset-step .preset-workbench,
.realms-app .realm-create-view.preset-step .preset-station,
.realms-app .realm-create-view.preset-step .preset-values-station { height:100%; min-height:0; }
 .realms-app .realm-create-view.preset-step #stage { overflow:hidden; scrollbar-gutter:auto; }
 .realms-app .realm-create-view.preset-step .preset-workbench { align-items:stretch; }
 .realms-app .realm-create-view.preset-step .preset-station { display:grid; grid-template-rows:auto minmax(0,1fr); overflow:hidden; }
 .realms-app .realm-create-view.preset-step .preset-station .preset-grid { align-content:start; min-height:0; overflow-y:scroll; overscroll-behavior:contain; scrollbar-gutter:stable; }
 .realms-app .realm-create-view.preset-step .preset-values-station { display:flex; flex-direction:column; overflow:hidden; }
 .realms-app .realm-create-view.preset-step .preset-values-list { flex:1 1 auto; min-height:0; overflow-y:auto; }
}
.realms-app .realm-create-view .preview-footer-slot { margin-top:10px; }
.realms-app .realm-create-view .preview-footer-slot:empty { display:none; }
.realms-app .realm-create-view .preview-footer-slot #continue { width:100%; }
.realms-app .realm-create-view .settings-top { display:flex; flex-wrap:wrap; gap:12px; justify-content:space-between; align-items:center; margin-bottom:20px; }
.realms-app .realm-create-view .settings-search { flex:1; min-width:160px; max-width:360px; position:relative; }
.realms-app .realm-create-view .settings-search input { width:100%; padding-left:40px; }
.realms-app .realm-create-view .settings-search svg { width:19px; height:19px; position:absolute; left:13px; top:14px; color:var(--muted); }
.realms-app .realm-create-view .filter-chip { min-height:44px; padding:10px 14px; border:1px solid var(--line); border-radius:var(--radius); background:var(--panel); }
.realms-app .realm-create-view .filter-chip[aria-pressed=true] { border-color:var(--color-accent-gold); color:var(--color-accent-gold); background:rgba(242,201,76,.1); }
.realms-app .realm-create-view .rule-group { margin-bottom:16px; background:var(--panel); border:var(--rule) solid var(--line); border-radius:var(--radius); box-shadow:4px 4px 0 var(--color-ui-shadow); overflow:hidden; }
.realms-app .realm-create-view .rule-group>summary { padding:16px 20px; display:flex; align-items:center; gap:12px; font-size:1.125rem; list-style:none; }
.realms-app .realm-create-view .rule-group>summary::after { content:''; margin-left:auto; color:var(--muted); font-size:1.3rem; font-weight:400; }
.realms-app .realm-create-view .rule-group[open]>summary { border-bottom:0; color:var(--color-accent-gold); }
.realms-app .realm-create-view .rule-group[open]>summary::after { content:''; }
.realms-app .realm-create-view .rule-group>summary::-webkit-details-marker { display:none; }
.realms-app .realm-create-view .group-count { font-size:.875rem; font-weight:400; color:var(--muted); margin-left:auto; }
.realms-app .realm-create-view .rule-group>summary:has(.group-count)::after { margin-left:0; }
.realms-app .realm-create-view .group-note { color:var(--muted); padding:14px 20px; font-size:1rem; border-bottom:0; }
.realms-app .realm-create-view .control-row { padding:calc(var(--space)*.75) 20px; border-bottom:0; }
.realms-app .realm-create-view .control-row:last-child { border-bottom:0; }
.realms-app .realm-create-view .control-top { display:flex; align-items:center; gap:12px; }
.realms-app .realm-create-view .control-top>label { flex:1; }
.realms-app .realm-create-view .reset-field { color:var(--color-primary); font-size:1rem; border:0; padding:0; background:none; text-decoration:underline; text-underline-offset:3px; }
.realms-app .realm-create-view .control-help { margin-top:8px; color:var(--muted); }
.realms-app .realm-create-view .control-help summary { font-size:1rem; font-weight:400; display:inline-block; min-height:24px; text-decoration:underline; text-underline-offset:3px; }
.realms-app .realm-create-view .control-help p { margin-top:8px; font-size:1rem; }
.realms-app .realm-create-view .control-help code { font-size:.875rem; overflow-wrap:anywhere; }
.realms-app .realm-create-view .number-line { display:grid; grid-template-columns:minmax(45px,1fr) 104px auto; align-items:center; gap:16px; margin-top:12px; }
.realms-app .realm-create-view .number-line input[type=range] { width:100%; min-height:28px; padding:0; border:0; background:none; cursor:pointer; }
.realms-app .realm-create-view .number-line input[type=number] { width:100%; padding:8px 10px; text-align:right; font-variant-numeric:tabular-nums; }
.realms-app .realm-create-view .number-line .unit { color:var(--muted); min-width:24px; font-size:1rem; }
.realms-app .realm-create-view .switch { display:inline-block; position:relative; width:44px; height:26px; flex:0 0 44px; cursor:pointer; }
.realms-app .realm-create-view .control-top>label.switch { flex:0 0 44px; min-width:44px; }
.realms-app .realm-create-view .switch input { position:absolute; width:100%; height:100%; min-height:0; inset:0; opacity:0; margin:0; padding:0; z-index:2; cursor:pointer; }
.realms-app .realm-create-view .switch-track { display:block; height:26px; border:1px solid var(--line); border-radius:4px; background:var(--input); }
.realms-app .realm-create-view .switch-track::after { content:''; width:16px; height:16px; display:block; position:absolute; top:5px; left:5px; border-radius:2px; background:var(--muted); transition:transform .15s; }
.realms-app .realm-create-view .switch input:checked+.switch-track { background:var(--accent-wash); border-color:var(--accent); }
.realms-app .realm-create-view .switch input:checked+.switch-track::after { transform:translateX(18px); background:var(--accent); }
.realms-app .realm-create-view .switch input:focus-visible+.switch-track { outline:3px solid var(--color-accent-gold); outline-offset:4px; }
.realms-app .realm-create-view .switch-state { font-size:1rem; color:var(--muted); }
.realms-app .realm-create-view .field-error { font-size:1rem; color:var(--danger); margin-top:8px; }
.realms-app .realm-create-view .field-warning { font-size:1rem; color:var(--color-accent-gold); margin-top:8px; }
.realms-app .realm-create-view .has-validation-slot { position:relative; }
.realms-app .realm-create-view .field-validation-slot {
  position:absolute; top:100%; left:0; max-width:100%; margin-top:3px;
  font-size:.75rem; line-height:1.15; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.realms-app .realm-create-view .control-row:has([aria-invalid=true]) { outline:2px solid var(--danger); outline-offset:-2px; }
.realms-app .realm-create-view .empty-search { padding:24px; color:var(--muted); border:1px dashed var(--line); text-align:center; }
.realms-app .realm-create-view .advanced-block { padding:16px 20px; margin:20px 0; border:1px solid var(--soft-line); color:var(--muted); }
.realms-app .realm-create-view .advanced-block p { margin-top:12px; font-size:1rem; }
.realms-app .realm-create-view .mini-form { padding:18px 20px; }
.realms-app .realm-create-view .mini-form .field-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.realms-app .realm-create-view .nested-card { margin:12px 0 18px; border:1px solid var(--line); border-radius:var(--radius); background:var(--input); }
.realms-app .realm-create-view .nested-title { padding:14px 16px; display:flex; align-items:center; gap:16px; border-bottom:0; }
.realms-app .realm-create-view .nested-title strong { flex:1; overflow-wrap:anywhere; }
.realms-app .realm-create-view .nested-title button { border:0; padding:0; background:none; color:var(--color-primary); text-decoration:underline; text-underline-offset:3px; }
.realms-app .realm-create-view .nested-body { padding:16px; }
.realms-app .realm-create-view .nested-body input,
.realms-app .realm-create-view .nested-body select { width:100%; }
.realms-app .realm-create-view .permission-intro { margin-bottom:22px; color:var(--muted); font-size:1rem; }
.realms-app .realm-create-view .permission-toolbar { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px; padding:16px 20px; border-bottom:0; }
.realms-app .realm-create-view .permission-toolbar label { font-weight:400; }
.realms-app .realm-create-view .permission-row { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:15px 20px; border-bottom:0; }
.realms-app .realm-create-view .permission-row:last-child { border-bottom:0; }
.realms-app .realm-create-view .permission-row>label { font-weight:400; }
.realms-app .realm-create-view .permission-row select { min-width:140px; }
.realms-app .realm-create-view .action-right { display:flex; align-items:center; gap:12px; font-size:1rem; }
.realms-app .realm-create-view .explain-access { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; padding:16px 20px; font-size:1rem; color:var(--muted); }
.realms-app .realm-create-view .explain-access strong { display:block; margin-bottom:4px; color:var(--text); }
.realms-app .realm-create-view .review-section { padding:var(--space); margin-bottom:18px; background:var(--panel); border:1px solid var(--line); border-radius:var(--radius); box-shadow:4px 4px 0 var(--color-ui-shadow); font-size:1rem; }
.realms-app .realm-create-view .review-section>.section-heading { margin-bottom:18px; }
.realms-app .realm-create-view .review-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.realms-app .realm-create-view .review-grid dt { font-size:1rem; margin-bottom:4px; }
.realms-app .realm-create-view .review-grid dd { text-align:left; font-size:1rem; overflow-wrap:anywhere; }
.realms-app .realm-create-view .review-table { width:100%; border-collapse:collapse; margin-top:14px; }
.realms-app .realm-create-view .review-table th,
.realms-app .realm-create-view .review-table td { padding:11px 0; border-bottom:0; text-align:left; font-weight:400; }
.realms-app .realm-create-view .review-table th { color:var(--color-accent-gold); font-size:1rem; }
.realms-app .realm-create-view .review-table td:last-child,
.realms-app .realm-create-view .review-table th:last-child { text-align:right; }
.realms-app .realm-create-view .preview-notice { padding:16px 20px; margin-bottom:20px; color:var(--muted); background:#242424; border:2px solid #d7d2d9; }
.realms-app .realm-create-view .preview-notice strong { display:block; color:var(--text); margin-bottom:4px; }
.realms-app .realm-create-view .preview-notice p { font-size:1rem; }
.realms-app .realm-create-view #error-summary { position:fixed; right:24px; bottom:24px; z-index:19990; width:min(420px,calc(100vw - 48px)); padding:14px 16px; border:2px solid var(--danger); background:var(--panel); color:var(--danger); box-shadow:4px 4px 0 var(--color-ui-shadow); font-size:1rem; }
.realms-app .realm-create-view #error-summary p { margin-top:4px; }
.realms-app .realm-create-view #toast { position:fixed; bottom:24px; left:50%; transform:translateX(-50%); z-index:20000; padding:14px 20px; width:max-content; max-width:min(92vw,660px); background:var(--panel); color:var(--text); border:1px solid var(--accent); box-shadow:4px 4px 0 var(--color-ui-shadow); border-radius:2px; font-size:1rem; }
.realms-app .realm-create-view dialog { color:var(--text); background:var(--panel); border:1px solid var(--line); border-radius:var(--radius); width:calc(100% - 40px); max-width:760px; max-height:85vh; padding:0; box-shadow:0 20px 64px #0008; }
.realms-app .realm-create-view dialog::backdrop { background:#000a; }
.realms-app .realm-create-view .modal-head { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:20px 24px; border-bottom:0; position:sticky; top:0; z-index:3; background:var(--panel); }
.realms-app .realm-create-view .modal-head h2 { margin:0; font-size:1.4rem; }
.realms-app .realm-create-view #modal-content { padding:24px; font-size:1rem; }
.realms-app .realm-create-view #modal-content p+p { margin-top:12px; }
.realms-app .realm-create-view #modal-content .field { margin-top:18px; }
.realms-app .realm-create-view #modal-actions { padding:0 24px 24px; display:flex; flex-wrap:wrap; justify-content:flex-end; gap:12px; }
.realms-app .realm-create-view pre { margin:0; background:var(--input); padding:18px; max-height:50vh; overflow:auto; font-size:.875rem; line-height:1.65; white-space:pre-wrap; overflow-wrap:anywhere; }
.realms-app .realm-create-view .source-list { margin:18px 0; padding-left:22px; }
.realms-app .realm-create-view .source-list li { margin:10px 0; }
.realms-app .realm-create-view .source-list a { color:var(--color-primary); text-decoration:underline; }
.realms-app .realm-create-view .success-mark { display:grid; place-content:center; width:58px; height:58px; color:var(--text); border:2px solid var(--accent); background:var(--accent-wash); box-shadow:3px 3px 0 #030806; border-radius:1px; }
.realms-app .realm-create-view dialog:has(.realm-created-modal) { max-width:620px; border-width:2px; border-radius:1px; box-shadow:7px 7px 0 #030806,0 20px 64px #0008; }
.realms-app .realm-create-view .realm-created-summary { display:grid; grid-template-columns:58px minmax(0,1fr); gap:20px; align-items:center; }
.realms-app .realm-create-view .realm-created-summary h2 { margin:0; font-size:2rem; line-height:1.1; overflow-wrap:anywhere; }
.realms-app .realm-create-view .realm-created-summary p { margin:7px 0 0; color:var(--muted); }
.realms-app .realm-create-view .realm-created-debug { margin:24px 0 0; padding:0; }
.realms-app .realm-create-view .realm-created-debug>summary { display:flex; align-items:center; gap:12px; min-height:46px; padding:9px 12px; font-weight:800; list-style:none; cursor:pointer; }
.realms-app .realm-create-view .realm-created-debug>summary::-webkit-details-marker { display:none; }
.realms-app .realm-create-view .realm-created-debug>summary::before { content:'+'; font-size:1.25rem; line-height:1; }
.realms-app .realm-create-view .realm-created-debug[open]>summary::before { content:'−'; }
.realms-app .realm-create-view .realm-created-debug dl { display:grid; gap:8px; margin:0; padding:0 14px 14px; }
.realms-app .realm-create-view .realm-created-debug dl>div { display:grid; grid-template-columns:100px minmax(0,1fr); gap:14px; }
.realms-app .realm-create-view .realm-created-debug dt { color:var(--muted); }
.realms-app .realm-create-view .realm-created-debug dd { min-width:0; margin:0; overflow-wrap:anywhere; }
.realms-app .realm-create-view dialog:has(.realm-created-modal) #modal-actions { padding-top:16px; border-top:0; background:rgba(255,255,255,.025); }
@media(max-width:1100px) {
 .realms-app .realm-create-view .creation-grid { grid-template-columns:minmax(0,1fr) 300px; gap:var(--page-flow-gap); }
 .realms-app .realm-create-view { padding:var(--page-top) 28px 0; }
 .realms-app .realm-create-view .draft-actions>span { display:none; }
 .realms-app .realm-create-view .number-line { gap:12px; grid-template-columns:minmax(40px,1fr) 90px auto; }
}
@media(max-width:900px) {
 .realms-app .realm-create-view .creation-grid { grid-template-columns:1fr; }
 .realms-app .realm-create-view .realm-summary { position:static; margin-top:16px; }
 .realms-app .realm-create-view .realm-heading { flex-wrap:wrap; }
 .realms-app .realm-create-view .steps { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
 .realms-app .realm-create-view .preset-workbench { grid-template-columns:1fr; }
 .realms-app .realm-create-view #stage { overflow:visible; }
 .realms-app .realm-create-view .tabbed-editor,
.realms-app .realm-create-view .review-editor,
.realms-app .realm-create-view .review-editor>.tabbed-editor-frame { height:auto; }
 .realms-app .realm-create-view .tabbed-editor-frame,
.realms-app .realm-create-view .tabbed-editor-scroll { min-height:0; overflow:visible; }
 .realms-app .realm-create-view .tabbed-editor-scroll { height:auto; }
 .realms-app .realm-create-view .section-heading { align-items:flex-start; }
}
@media(max-width:600px) {
 .realms-app .realm-create-view { padding:var(--page-top) 16px 0; }
 .realms-app .realm-create-view .realm-heading .page-title { font-size:var(--page-title-size); overflow-wrap:anywhere; }
 .realms-app .realm-create-view .draft-actions { width:100%; justify-content:space-between; }
 .realms-app .realm-create-view .draft-actions>span { display:block; }
 .realms-app .realm-create-view .steps { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
 .realms-app .realm-create-view .steps { gap:0 12px; margin:12px 0 14px; }
 .realms-app .realm-create-view .step { padding:12px 0; gap:10px; }
 .realms-app .realm-create-view .preset-grid { grid-template-columns:1fr; }
 .realms-app .realm-create-view .preset-card { display:grid; grid-template-columns:90px minmax(0,1fr); }
 .realms-app .realm-create-view .preset-graphic { height:100%; min-height:80px; }
 .realms-app .realm-create-view .preset-copy { padding:14px 36px 14px 14px; }
 .realms-app .realm-create-view .preset-check { top:14px; }
 .realms-app .realm-create-view .field-grid,
.realms-app .realm-create-view .hosting-grid,
.realms-app .realm-create-view .mini-form .field-grid,
.realms-app .realm-create-view .review-grid { grid-template-columns:1fr; gap:0; }
 .realms-app .realm-create-view .hosting-grid { gap:12px; }
 .realms-app .realm-create-view .section-heading small { max-width:100%; }
 .realms-app .realm-create-view .control-row,
.realms-app .realm-create-view .mini-form { padding:16px; }
 .realms-app .realm-create-view .number-line { grid-template-columns:minmax(0,1fr) auto; gap:10px; }
 .realms-app .realm-create-view .number-line input[type=range] { grid-column:1/-1; }
 .realms-app .realm-create-view .number-line .unit { max-width:145px; overflow-wrap:anywhere; }
 .realms-app .realm-create-view .control-top { flex-wrap:wrap; }
 .realms-app .realm-create-view .control-top>label { min-width:130px; }
 .realms-app .realm-create-view .rule-group>summary { padding:16px; flex-wrap:wrap; }
 .realms-app .realm-create-view .group-note { padding:14px 16px; }
 .realms-app .realm-create-view .permission-row { padding:16px; flex-wrap:wrap; }
 .realms-app .realm-create-view .permission-row>label { flex:1; min-width:130px; }
 .realms-app .realm-create-view .permission-row select { min-width:134px; }
 .realms-app .realm-create-view .permission-row .action-right { margin-left:auto; }
 .realms-app .realm-create-view .explain-access { grid-template-columns:1fr; }
 .realms-app .realm-create-view .step-footer { flex-wrap:wrap; }
 .realms-app .realm-create-view .step-footer>span { display:none; }
 .realms-app .realm-create-view .step-footer>.primary { min-width:0; margin-left:auto; }
 .realms-app .realm-create-view .review-section { padding:18px; }
 .realms-app .realm-create-view .review-grid { gap:16px; }
 .realms-app .realm-create-view .modal-head,
.realms-app .realm-create-view #modal-content { padding:18px; }
 .realms-app .realm-create-view #modal-actions { padding:0 18px 18px; }
 .realms-app .realm-create-view dialog { width:calc(100% - 24px); }
}
.realms-app .realm-create-view #stage:focus { outline:none; }
.realms-app .realm-create-view .field.admin-news__field input,
.realms-app .realm-create-view .field.admin-news__field select,
.realms-app .realm-create-view .field.admin-news__field textarea {
  background:var(--input); color:var(--text); border-color:var(--line);
}
.realms-app .realm-create-view .ingame-toolbar {
  display:grid; grid-template-columns:repeat(8,minmax(58px,1fr)); gap:5px; align-items:stretch; padding:0; margin-bottom:12px;
  background:transparent; border:0; box-shadow:none;
}
.realms-app .realm-create-view .tabbed-editor { display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:auto minmax(0,1fr); height:100%; min-height:0; min-width:0; }
.realms-app .realm-create-view .tabbed-editor-frame { min-height:0; overflow:hidden; border:2px solid #d7d2d9; background:#1f211f; }
.realms-app .realm-create-view .tabbed-editor-scroll { height:100%; min-height:0; overflow-y:scroll; overscroll-behavior:contain; padding:14px 18px; }
.realms-app .realm-create-view .tabbed-editor-scroll>#rule-groups>.ingame-group,
.realms-app .realm-create-view .tabbed-editor-scroll>.ingame-group { margin:0; border:0; }
.realms-app .realm-create-view .tabbed-editor-scroll>.settings-top { margin-top:0; }
.realms-app .realm-create-view .tabbed-editor-scroll>.permission-intro { margin-top:0; }
.realms-app .realm-create-view .tabbed-editor-scroll .ingame-group>.group-header,
.realms-app .realm-create-view .tabbed-editor-scroll .ingame-group>summary { min-height:0; padding:12px 56px 20px; background:transparent; }
.realms-app .realm-create-view .tabbed-editor-scroll .ingame-group>.group-header .group-icon,
.realms-app .realm-create-view .tabbed-editor-scroll .ingame-group>summary .group-icon { display:none; }
.realms-app .realm-create-view .tabbed-editor-scroll .ingame-group .group-title { color:#fff; font-size:1.45rem; line-height:1.2; text-align:center; }
.realms-app .realm-create-view .ingame-tab {
  width:auto; min-width:0; height:62px; padding:5px 4px; display:flex; flex-direction:column; gap:2px; align-items:center; justify-content:center; background:#d9d9d9; color:#222;
  border:2px solid #2d2d2d; box-shadow:inset 0 1px 0 #fff;
}
.realms-app .realm-create-view .ingame-tab svg { width:26px; height:26px; }
.realms-app .realm-create-view .ingame-tab:hover,
.realms-app .realm-create-view .ingame-tab:focus-visible { background:#f2f2f2; }
.realms-app .realm-create-view .ingame-tab span { max-width:100%; overflow:hidden; text-overflow:ellipsis; font-size:.75rem; font-weight:800; line-height:1.1; white-space:nowrap; }
.realms-app .realm-create-view .ingame-tab[aria-selected=true] { border-color:var(--color-accent-gold); background:#fff3bf; }
.realms-app .realm-create-view .rule-tab-panel { margin-bottom:0; }
.realms-app .realm-create-view .rule-tab-panel>summary { cursor:default; }

.realms-app .realm-create-view .settings-top {
  padding:0 8px; margin-bottom:14px; align-items:center;
}
.realms-app .realm-create-view .settings-search { max-width:320px; }
.realms-app .realm-create-view .filter-chip { background:#d9d9d9; color:#222; border:2px solid #2d2d2d; min-height:40px; font-weight:700; }
.realms-app .realm-create-view .filter-chip[aria-pressed=true] { background:#fff3bf; color:#222; border-color:#2d2d2d; }

.realms-app .realm-create-view .ingame-group {
  background:linear-gradient(90deg,#252525 0%, #1f1f1f 100%); border:2px solid #d7d2d9; box-shadow:none; margin-bottom:16px;
}
.realms-app .realm-create-view .ingame-group>summary,
.realms-app .realm-create-view .ingame-group>.group-header {
  justify-content:center; position:relative; min-height:58px; padding:18px 56px; font-size:1.1rem; font-weight:800; color:#f3f3f3;
}
.realms-app .realm-create-view .ingame-group>.group-header { display:flex; align-items:center; }
.realms-app .realm-create-view .ingame-group>summary::after { content:''; position:absolute; right:18px; top:15px; color:#eee; font-size:1.5rem; }
.realms-app .realm-create-view .ingame-group[open]>summary::after { content:''; }
.realms-app .realm-create-view .ingame-group[open]>summary { border-bottom:0; color:#fff; }
.realms-app .realm-create-view .group-icon { position:absolute; left:16px; width:24px; height:24px; display:grid; place-items:center; color:#e2e2e2; }
.realms-app .realm-create-view .group-icon svg { width:22px; height:22px; }
.realms-app .realm-create-view .group-title { font-size:1.05em; }
.realms-app .realm-create-view .group-count {
  position:absolute; right:50px; top:21px; min-width:24px; padding:2px 6px; text-align:center; font-size:.82rem; line-height:1.2;
  color:#262626; background:#d8d8d8; border:1px solid #333;
}
.realms-app .realm-create-view .group-note {
  color:#d9d9d9; padding:0 28px 14px; font-size:.9rem; border-bottom:0; text-align:center;
}
.realms-app .realm-create-view .control-row { position:relative; padding:7px 24px; border-bottom:0; overflow-x:auto; scrollbar-width:thin; }
.realms-app .realm-create-view .control-row .control-main {
  display:grid; grid-template-columns:minmax(0,1fr) 150px minmax(170px,1fr);
  column-gap:18px; align-items:center; min-height:42px; min-width:16rem;
}
.realms-app .realm-create-view .control-label-wrap,
.realms-app .realm-create-view .control-widget { min-width:0; }
.realms-app .realm-create-view .control-row .control-label {
  display:block; margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
  font-size:1rem; font-weight:700; color:#f2f2f2; line-height:1.4;
}
.realms-app .realm-create-view .control-row .control-value {
  min-width:0; display:flex; align-items:center; justify-content:flex-end; gap:.28em; text-align:right;
  font-size:1rem; font-weight:700; color:#f2f2f2; font-variant-numeric:tabular-nums;
  white-space:nowrap; line-height:1.4;
}
.realms-app .realm-create-view .control-row input.value-editor {
  appearance:none; display:block; flex:0 1 auto; width:calc(var(--value-width,4ch) + 16px);
  min-width:0; max-width:100%; height:38px; min-height:38px; margin:0; padding:6px 8px;
  background:transparent; color:inherit; border:0; border-bottom:1px solid transparent;
  border-radius:2px 2px 0 0; font:inherit; text-align:right; line-height:1.4;
  box-shadow:none; cursor:text; outline:none; transition:border-color .12s,background .12s;
}
.realms-app .realm-create-view .control-row input.value-editor:hover:not(:disabled) { border-bottom-color:rgba(255,255,255,.3); }
.realms-app .realm-create-view .control-row input.value-editor:focus,
.realms-app .realm-create-view .control-row input.value-editor:focus-visible {
  outline:none; outline-offset:0; border-bottom-color:#cfd4d0; background:rgba(255,255,255,.055);
  box-shadow:none;
}
.realms-app .realm-create-view .control-row input.value-editor[aria-invalid="true"] { border-bottom-color:var(--danger); }
.realms-app .realm-create-view .control-row input.value-editor:disabled { opacity:.45; cursor:not-allowed; }
.realms-app .realm-create-view .control-row .inline-value .unit { color:inherit; flex:0 0 auto; font:inherit; white-space:nowrap; }
.realms-app .realm-create-view .control-row .number-line { display:flex; align-items:center; width:100%; margin:0; }
.realms-app .realm-create-view .control-row .slider-track-wrap { position:relative; flex:1 1 auto; min-width:72px; height:40px; }
.realms-app .realm-create-view .control-row .slider-track-wrap input[type=range] {
  appearance:none; display:block; width:100%; min-width:0; height:40px; min-height:40px;
  margin:0; padding:0; border:0; background:transparent; cursor:pointer; position:relative; z-index:2;
}
.realms-app .realm-create-view .control-row .slider-track-wrap input[type=range]::-webkit-slider-runnable-track {
  height:10px; background:linear-gradient(to right,#e1e1e1 var(--range-progress,0%),#5f5f5f var(--range-progress,0%)); border-radius:999px;
}
.realms-app .realm-create-view .control-row .slider-track-wrap input[type=range]::-webkit-slider-thumb {
  appearance:none; width:22px; height:22px; margin-top:-6px; border-radius:50%; background:#e6e6e6; border:2px solid #555;
}
.realms-app .realm-create-view .control-row .slider-track-wrap input[type=range]::-moz-range-track { height:10px; background:#5f5f5f; border-radius:999px; }
.realms-app .realm-create-view .control-row .slider-track-wrap input[type=range]::-moz-range-progress { height:10px; background:#e1e1e1; border-radius:999px; }
.realms-app .realm-create-view .control-row .slider-track-wrap input[type=range]::-moz-range-thumb { width:18px; height:18px; border-radius:50%; background:#e6e6e6; border:2px solid #555; }
.realms-app .realm-create-view .control-row .slider-track-wrap input[type=range]:disabled { opacity:.45; cursor:not-allowed; }
.realms-app .realm-create-view .preset-mark {
  position:absolute; z-index:1; left:calc(var(--preset-position) + var(--preset-offset)); top:3px; width:3px; height:34px; transform:translateX(-50%);
  background:linear-gradient(to bottom,#f2f2f2 0 7px,transparent 7px 27px,#f2f2f2 27px 34px);
}
.realms-app .realm-create-view .setting-reset {
  flex:0 0 auto; min-width:60px; height:38px; margin-left:10px; padding:0 8px;
  border:2px solid #2d2d2d; border-radius:1px; background:#e6e6e6; color:#222; font-weight:800; line-height:1;
}
.realms-app .realm-create-view .setting-reset:hover:not(:disabled),
.realms-app .realm-create-view .setting-reset:focus-visible { background:#fff; }
.realms-app .realm-create-view .setting-reset:disabled { opacity:.36; cursor:not-allowed; }
.realms-app .realm-create-view .checkbox-widget { display:flex; justify-content:center; }
.realms-app .realm-create-view .switch.checkbox-switch { width:32px; height:32px; }
.realms-app .realm-create-view .switch.checkbox-switch input { opacity:0; }
.realms-app .realm-create-view .checkbox-track { position:relative; display:block; width:32px; height:32px; border:1px solid #bbb; background:#e6e6e6; border-radius:1px; }
.realms-app .realm-create-view .checkbox-track::after { content:''; position:absolute; inset:0; width:100%; height:100%; top:0; left:0; background:transparent; border-radius:0; transform:none; }
.realms-app .realm-create-view .checkbox-switch input:checked + .checkbox-track::after { content:none; display:grid; place-items:center; color:#222; font-size:1.6rem; line-height:1; font-weight:900; transform:none; background:transparent; }
.realms-app .realm-create-view .checkbox-switch input:checked + .checkbox-track { background:#e6e6e6; border-color:#bbb; }
.realms-app .realm-create-view .control-row .field-error,
.realms-app .realm-create-view .control-row .field-warning { margin:4px 0; font-size:.875rem; }
.realms-app .realm-create-view .advanced-block { border:2px solid #d7d2d9; background:#242424; color:#d8d8d8; }
.realms-app .realm-create-view .subsettings-group { margin:2px 0; }
.realms-app .realm-create-view .subsettings-master { position:relative; display:block; }
.realms-app .realm-create-view .subsettings-master>.control-row { min-width:0; }
.realms-app .realm-create-view .subsettings-toggle {
  position:absolute; right:24px; top:50%; transform:translateY(-50%);
  width:38px; height:38px; padding:2px; display:grid; place-items:center; margin:0;
  border:2px solid #2d2d2d; border-radius:1px; background:#e6e6e6; color:#222;
}
.realms-app .realm-create-view .subsettings-toggle:hover:not(:disabled),
.realms-app .realm-create-view .subsettings-toggle:focus-visible { background:#fff; }
.realms-app .realm-create-view .subsettings-toggle:disabled { opacity:.36; cursor:not-allowed; }
.realms-app .realm-create-view .subsettings-toggle .game-icon { width:31px; height:31px; }
.realms-app .realm-create-view .subsettings-panel {
  margin:0 16px 14px; padding:4px 8px 10px; border:2px solid #d7d2d9; background:#202220;
}
.realms-app .realm-create-view .subsettings-panel .control-row { padding-right:0; }
.realms-app .realm-create-view .subsettings-heading { min-height:52px; padding:10px 54px; display:flex; align-items:center; justify-content:center; }
.realms-app .realm-create-view .subsettings-heading h3 { margin:0; color:#fff; font-size:1.35rem; line-height:1.2; text-align:center; }
.realms-app .realm-create-view #stage,
.realms-app .realm-create-view .tabbed-editor-scroll,
.realms-app .realm-create-view .preset-grid,
.realms-app .realm-create-view .preview-content { scrollbar-width:auto; scrollbar-color:#e4e4e4 #303230; }
.realms-app .realm-create-view #stage::-webkit-scrollbar,
.realms-app .realm-create-view .tabbed-editor-scroll::-webkit-scrollbar,
.realms-app .realm-create-view .preset-grid::-webkit-scrollbar,
.realms-app .realm-create-view .preview-content::-webkit-scrollbar { width:14px; height:14px; }
.realms-app .realm-create-view #stage::-webkit-scrollbar-track,
.realms-app .realm-create-view .tabbed-editor-scroll::-webkit-scrollbar-track,
.realms-app .realm-create-view .preset-grid::-webkit-scrollbar-track,
.realms-app .realm-create-view .preview-content::-webkit-scrollbar-track { background:#303230; }
.realms-app .realm-create-view #stage::-webkit-scrollbar-thumb,
.realms-app .realm-create-view .tabbed-editor-scroll::-webkit-scrollbar-thumb,
.realms-app .realm-create-view .preset-grid::-webkit-scrollbar-thumb,
.realms-app .realm-create-view .preview-content::-webkit-scrollbar-thumb { min-height:34px; border:3px solid #303230; border-radius:1px; background:#e4e4e4; }
.realms-app .realm-create-view .permission-settings,
.realms-app .realm-create-view .review-settings { color:#f2f2f2; }
.realms-app .realm-create-view .permission-tabs { grid-template-columns:repeat(4,minmax(72px,1fr)); }
.realms-app .realm-create-view .permission-intro { margin:0 4px 16px; color:#d9d9d9; }
.realms-app .realm-create-view .permission-group .permission-toolbar,
.realms-app .realm-create-view .permission-group .permission-row {
  display:grid; grid-template-columns:minmax(0,1fr) minmax(160px,220px); gap:18px; align-items:center;
  min-height:50px; padding:7px 24px; border:0;
}
.realms-app .realm-create-view .permission-group .permission-toolbar { padding-block:10px; border-bottom:0; }
.realms-app .realm-create-view .permission-group .permission-toolbar label,
.realms-app .realm-create-view .permission-group .permission-row>label { color:#f2f2f2; font-weight:700; line-height:1.35; }
.realms-app .realm-create-view .permission-group .permission-toolbar select,
.realms-app .realm-create-view .permission-group .permission-row select {
  width:100%; min-width:0; min-height:38px; padding:5px 32px 5px 10px;
  color:#292929; background:#efefef; border:1px solid #aaa; border-radius:2px; font-weight:700; color-scheme:light;
}
.realms-app .realm-create-view .permission-group .permission-toolbar select option,
.realms-app .realm-create-view .permission-group .permission-row select option { color:#292929; background:#efefef; }
.realms-app .realm-create-view .permission-group .explain-access {
  grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; padding:12px 24px 14px;
  color:#d2d2d2; border-bottom:0;
}
.realms-app .realm-create-view .permission-group .explain-access strong { color:#fff; }
.realms-app .realm-create-view .permission-group .mini-form { padding:0; border-top:0; }
.realms-app .realm-create-view .permission-group .mini-form>summary { padding:14px 24px; color:#f2f2f2; text-align:center; }
.realms-app .realm-create-view .permission-group .action-right { justify-self:end; }

.realms-app .realm-create-view .review-section.ingame-review {
  padding:0; margin:0 0 30px; color:#f2f2f2; background:transparent;
  border:0; border-radius:0; box-shadow:none;
}
.realms-app .realm-create-view .review-editor { height:100%; min-height:0; }
.realms-app .realm-create-view .review-editor>.tabbed-editor-frame { height:100%; }
.realms-app .realm-create-view .review-category { display:flex; align-items:center; justify-content:center; position:relative; min-height:0; padding:12px 72px 20px; }
.realms-app .realm-create-view .review-category .group-title { margin:0; color:#fff; font-size:1.45rem; line-height:1.2; text-align:center; }
.realms-app .realm-create-view .review-category .review-edit { position:absolute; right:18px; padding:6px 12px; min-height:36px; }
.realms-app .realm-create-view .review-body { padding:0 24px 18px; }
.realms-app .realm-create-view .review-body>p { padding:8px 0 12px; color:#d9d9d9; text-align:center; }
.realms-app .realm-create-view .review-grid { grid-template-columns:1fr; gap:0; }
.realms-app .realm-create-view .review-grid>div {
  display:grid; grid-template-columns:minmax(0,1fr) minmax(120px,auto); gap:18px; align-items:center;
  min-height:42px; padding:7px 0;
}
.realms-app .realm-create-view .review-grid dt { margin:0; color:#f2f2f2; font-weight:700; }
.realms-app .realm-create-view .review-grid dd { color:#f2f2f2; text-align:right; font-weight:700; }
.realms-app .realm-create-view .review-grid-summary { margin-top:10px; padding-top:8px; border-top:0; }
.realms-app .realm-create-view .review-table { margin-top:6px; }
.realms-app .realm-create-view .review-table th,
.realms-app .realm-create-view .review-table td { padding:9px 0; border-bottom:0; }
.realms-app .realm-create-view .review-settings .preview-notice { color:#d9d9d9; }

@media(max-width:600px) {
  .realms-app .realm-create-view .permission-group .permission-toolbar,
.realms-app .realm-create-view .permission-group .permission-row { grid-template-columns:minmax(0,1fr) minmax(134px,42%); padding-inline:14px; }
  .realms-app .realm-create-view .permission-group .explain-access { grid-template-columns:1fr; gap:10px; padding-inline:14px; }
  .realms-app .realm-create-view .review-body { padding-inline:14px; }
  .realms-app .realm-create-view .review-category { padding-left:64px; padding-right:64px; }
}

.realms-app .realm-create-view .spawner-card {
  background:#d9d9d9; border:1px solid #b9b9b9; color:#222; box-shadow:none;
}
.realms-app .realm-create-view .spawner-card .nested-title {
  padding:10px 12px; background:#d3d3d3; border-bottom:0;
}
.realms-app .realm-create-view .spawner-card .nested-title strong { color:#222; font-size:1rem; }
.realms-app .realm-create-view .icon-button {
  width:32px; height:32px; display:grid; place-items:center; border:2px solid #2d2d2d; background:#ececec; color:#222; font-size:1rem;
}
.realms-app .realm-create-view .spawner-card .nested-body { padding:12px; }
.realms-app .realm-create-view .spawner-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px 18px; }
.realms-app .realm-create-view .spawner-field label { display:block; margin-bottom:6px; color:#333; font-size:.9rem; font-weight:800; }
.realms-app .realm-create-view .spawner-field select,
.realms-app .realm-create-view .spawner-field input { width:100%; min-height:36px; background:#efefef; color:#222; border:1px solid #999; }
.realms-app .realm-create-view .spawner-slider { display:grid; grid-template-columns:56px minmax(0,1fr); gap:10px; align-items:center; }
.realms-app .realm-create-view .spawner-slider span { text-align:right; font-weight:800; font-variant-numeric:tabular-nums; }
.realms-app .realm-create-view .add-inline-button { margin-top:6px; display:inline-flex; align-items:center; gap:8px; }
.realms-app .realm-create-view .add-inline-button svg { width:16px; height:16px; }
.realms-app .realm-create-view .section-note { color:#cfcfcf; }

@media (max-width: 980px) {
  .realms-app .realm-create-view .spawner-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 760px) {
  .realms-app .realm-create-view .ingame-toolbar { grid-template-columns:repeat(4,minmax(58px,1fr)); }
  .realms-app .realm-create-view .group-count { position:static; margin-left:auto; }
  .realms-app .realm-create-view .ingame-group>summary { justify-content:flex-start; padding:16px 50px 16px 48px; }
  .realms-app .realm-create-view .group-icon { left:14px; }
  .realms-app .realm-create-view .spawner-grid { grid-template-columns:1fr; }
}

.realms-app .realm-create-view .ingame-group,
.realms-app .realm-create-view .control-study { container-type:inline-size; }
@media(prefers-reduced-motion:reduce) { .realms-app .realm-create-view .control-row input.value-editor { transition:none; } }
.realms-app .realm-create-view .game-icon { display:block; width:35px; height:35px; max-width:100%; flex:0 0 auto; object-fit:contain; image-rendering:pixelated; }
.realms-app .realm-create-view .ingame-tab .game-icon { width:35px; height:35px; }
.realms-app .realm-create-view .group-icon { width:35px; height:35px; }
.realms-app .realm-create-view .group-icon .game-icon { width:28px; height:28px; filter:grayscale(1) brightness(0) invert(.90); }
.realms-app .realm-create-view .add-inline-button .game-icon { width:24px; height:24px; filter:grayscale(1) brightness(0) invert(.92); }
.realms-app .realm-create-view .nested-title button.icon-button { display:grid; place-items:center; padding:3px; width:36px; height:36px; min-width:36px; background:#e6e6e6; border:1px solid #333; text-decoration:none; }
.realms-app .realm-create-view .nested-title .icon-button .game-icon { width:28px; height:28px; }
.realms-app .realm-create-view .checkbox-track .game-icon { display:none; width:100%; height:100%; }
.realms-app .realm-create-view .checkbox-switch input:checked + .checkbox-track .game-icon { display:block; }
.realms-app .realm-create-view .checkbox-switch input + .checkbox-track::after,
.realms-app .realm-create-view .checkbox-switch input:checked + .checkbox-track::after { content:none; }
.realms-app .realm-create-view .checkbox-switch input:disabled + .checkbox-track { opacity:.45; cursor:not-allowed; }
.realms-app .realm-create-view .step-num .game-icon { width:22px; height:22px; filter:grayscale(1) brightness(0) invert(.92); }
.realms-app .realm-create-view .success-mark .game-icon { width:35px; height:35px; filter:grayscale(1) brightness(0) invert(.92); }
.realms-app .realm-create-view .contract-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:14px; }
.realms-app .realm-create-view .contract-details .contract-actions .btn { flex:1 1 auto; margin-top:0; }
.realms-app .realm-create-view .fixed-label { color:#b5bab7; font-size:.875rem; font-weight:400; }
.realms-app .realm-create-view .control-row .type-selector { background:transparent; color:inherit; border:0; border-bottom:1px solid #737773; border-radius:0; min-height:36px; padding:4px 18px 4px 4px; font-size:1rem; width:5.5em; max-width:100%; }
.realms-app .realm-create-view .control-row .type-selector option { background:#242725; color:#fff; }
.realms-app .realm-create-view .control-row:has(.type-selector) .control-main { grid-template-columns:minmax(0,1fr) minmax(9em,1fr) minmax(50px,1fr); min-width:25rem; }
.realms-app .realm-create-view .control-row .value-choice { width:100%; background:#242725; color:#f4f6f4; border:1px solid #737773; }
.realms-app .realm-create-view .icon-gallery { display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:12px; max-width:1000px; }
.realms-app .realm-create-view .icon-gallery>div { background:#dedede; color:#262626; padding:16px; min-width:0; }
.realms-app .realm-create-view .icon-gallery img { margin:0 auto 12px; }
.realms-app .realm-create-view .icon-gallery code { display:block; font-size:.875rem; overflow-wrap:anywhere; text-align:center; }
.realms-app .realm-create-view .spawner-field label { font-size:1rem; }
.realms-app .realm-create-view .preset-check .game-icon { width:20px; height:20px; }
@media(max-width:900px) {
  .realms-app .realm-create-view #stage { height:auto; overflow:visible; }
  .realms-app .realm-create-view .tabbed-editor,
.realms-app .realm-create-view .review-editor,
.realms-app .realm-create-view .review-editor>.tabbed-editor-frame { height:auto; }
  .realms-app .realm-create-view .tabbed-editor-frame,
.realms-app .realm-create-view .tabbed-editor-scroll { min-height:0; height:auto; overflow:visible; }
}

.realms-app .realm-create-view .creation-feedback { min-height:6rem; padding:12px 0; overflow-wrap:anywhere; }
.realms-app .realm-create-view .creation-feedback [role=alert] { color:var(--danger); }
.realms-app .realm-create-view fieldset { border:0; padding:0; margin:0; min-width:0; }
.realms-app .realm-create-view .creation-allowance { min-height:2.5rem; color:var(--muted); padding-top:8px; }
.realms-app .realm-create-view .btn { font-family:Fredoka,var(--font-display); font-weight:700; }

/* The player-rule editor extends the existing setting rows and page layout. */
.realms-app .settings-policy-editor .tabbed-editor-frame:has(.policy-heading),
.realms-app .realm-create-view .permission-settings .tabbed-editor-frame { background:linear-gradient(90deg,#252525 0%,#1f1f1f 100%); }
.realms-app .realm-create-view .permission-settings .permission-group { background:transparent; }
.realms-app .settings-policy-editor .rule-tab-panel:has(.policy-heading) { min-width:760px; background:transparent; overflow:visible; }
.realms-app .settings-policy-editor .tabbed-editor-scroll:has(.policy-heading) { padding:20px; }
.realms-app .settings-policy-editor .tabbed-editor-scroll:has(.policy-heading)>.settings-top { padding:0; margin-bottom:16px; }
.realms-app .settings-policy-editor .tabbed-editor-scroll .ingame-group:has(.policy-heading)>.group-header { padding:8px 0 16px; }
.realms-app .settings-policy-editor .policy-heading,
.realms-app .settings-policy-editor .policy-row .control-main {
  display:grid; grid-template-columns:minmax(180px,1.25fr) minmax(220px,1fr) 60px 116px 80px 40px;
  gap:12px; align-items:center; min-width:0;
}
.realms-app .settings-policy-editor .policy-heading { position:sticky; top:-20px; z-index:3; margin:0 -20px; padding:12px 20px; min-height:64px; border-bottom:1px solid #ffffff20; background:#252525; color:#c1c7c3; font-size:.875rem; line-height:1.3; }
.realms-app .settings-policy-editor .policy-heading>span { white-space:nowrap; }
.realms-app .settings-policy-editor .policy-heading>span:not(:first-child) { text-align:center; }
.realms-app .settings-policy-editor .policy-heading>.policy-help { white-space:normal; }
.realms-app .settings-policy-editor .policy-row { margin:0; padding:10px 0; overflow:visible; border-bottom:0; }
.realms-app .settings-policy-editor .policy-row:hover { background:rgba(255,255,255,.025); }
.realms-app .settings-policy-editor .policy-row .control-label { white-space:normal; }
.realms-app .settings-policy-editor .policy-start { display:grid; grid-template-columns:120px minmax(72px,1fr); align-items:center; column-gap:8px; min-width:0; }
.realms-app .settings-policy-editor .policy-start .control-value { display:flex; justify-content:center; gap:4px; grid-column:1; grid-row:1; }
.realms-app .settings-policy-editor .policy-start .control-widget { grid-column:2; grid-row:1; }
.realms-app .settings-policy-editor .policy-start .checkbox-widget { grid-column:2; justify-content:center; }
.realms-app .settings-policy-editor .policy-start .setting-reset { display:none; }
.realms-app .settings-policy-editor .policy-start .boolean-value { display:none; }
.realms-app .settings-policy-editor .policy-row .policy-start input.value-editor { width:var(--value-width,4ch); padding-inline:0; text-align:center; }
.realms-app .settings-policy-editor .policy-check { justify-self:center; }
.realms-app .settings-policy-editor .policy-row .checkbox-switch,
.realms-app .settings-policy-editor .policy-row .checkbox-track { width:24px; height:24px; }
.realms-app .settings-policy-editor .policy-bound { width:100%; min-width:0; height:38px; min-height:38px; padding:6px 3px; border:1px solid #626963; border-radius:1px; background:#1a1d1b; color:#f4f6f4; font:inherit; font-size:.9375rem; text-align:center; font-variant-numeric:tabular-nums; }
.realms-app .settings-policy-editor .policy-range { display:grid; grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr); align-items:center; min-width:0; }
.realms-app .settings-policy-editor .policy-range>span { text-align:center; color:#aeb8b0; }
.realms-app .settings-policy-editor .policy-help { position:relative; cursor:help; text-decoration:underline dotted; text-underline-offset:3px; }
.realms-app .settings-policy-editor .policy-tooltip { position:fixed; inset:auto; margin:0; width:240px; max-width:calc(100vw - 24px); padding:10px 12px; border:1px solid #777; background:#171a18; color:#f4f6f4; font-size:.875rem; font-weight:400; line-height:1.4; text-align:left; white-space:normal; pointer-events:none; }
.realms-app .settings-policy-editor .policy-bound:disabled { opacity:.4; background:transparent; }
.realms-app .settings-policy-editor .policy-reset { justify-self:center; min-width:0; width:36px; margin:0; padding:0; background:transparent; color:#dedede; border:1px solid #555; font-size:1.15rem; }
.realms-app .settings-policy-editor .policy-reset:hover:not(:disabled) { background:#393d3a; }
.realms-app .settings-policy-editor .policy-na { text-align:center; color:#808982; }
.realms-app .settings-policy-editor .tabbed-editor-scroll { overflow:auto; }

.realms-app .policy-mobile-label,
.realms-app .policy-mobile-help { display:none; }
.realms-app .realm-create-view .tabbed-editor-frame { container:realm-editor / inline-size; }
@container realm-editor (max-width:800px) {
    .realms-app .settings-policy-editor .rule-tab-panel:has(.policy-heading) { min-width:0; }
    .realms-app .settings-policy-editor .policy-heading { display:none; }
    .realms-app .settings-policy-editor .policy-mobile-help { display:block; margin:0 0 16px; color:var(--muted); font-size:.875rem; }
    .realms-app .settings-policy-editor .policy-mobile-label { display:block; color:var(--muted); font-size:.875rem; font-weight:400; line-height:1.4; }
    .realms-app .settings-policy-editor .policy-row { padding:20px 0; border-top:1px solid var(--soft-line); }
    .realms-app .settings-policy-editor .policy-row .control-main { grid-template-columns:minmax(0,1fr); min-width:0; gap:12px; }
    .realms-app .settings-policy-editor .policy-start { grid-template-columns:minmax(0,1fr); gap:8px; }
    .realms-app .settings-policy-editor .policy-start>.policy-mobile-label { grid-row:1; }
    .realms-app .settings-policy-editor .policy-start .control-value { grid-column:1; grid-row:2; justify-content:flex-start; }
    .realms-app .settings-policy-editor .policy-start .control-widget { grid-column:1; grid-row:3; }
    .realms-app .settings-policy-editor .policy-start .checkbox-widget { justify-content:flex-start; }
    .realms-app .settings-policy-editor .policy-row .switch.policy-check { display:flex; align-items:center; gap:12px; width:100%; height:auto; min-height:44px; justify-self:stretch; }
    .realms-app .settings-policy-editor .policy-check .checkbox-track { flex:0 0 24px; }
    .realms-app .settings-policy-editor .policy-range { gap:8px 4px; }
    .realms-app .settings-policy-editor .policy-range>.policy-mobile-label { grid-column:1 / -1; text-align:left; }
    .realms-app .settings-policy-editor .policy-na { display:none; }
    .realms-app .settings-policy-editor .policy-reset { display:flex; align-items:center; gap:8px; justify-self:start; width:auto; min-height:44px; padding:8px 12px; }
    .realms-app .settings-policy-editor .policy-bound { min-height:44px; font-size:1rem; }
    .realms-app .settings-policy-editor .policy-row input.value-editor { min-height:44px; font-size:1rem; }
    .realms-app .settings-policy-editor .policy-start .switch.checkbox-switch { display:flex; align-items:center; width:44px; height:44px; }
}
@container realm-editor (max-width:600px) {
    .realms-app .realm-create-view .review-category { justify-content:space-between; gap:12px; padding:16px 14px; }
    .realms-app .realm-create-view .review-category .group-title { min-width:0; text-align:left; font-size:1.25rem; }
    .realms-app .realm-create-view .review-category .review-edit { position:static; flex:0 0 auto; min-height:44px; }
    .realms-app .realm-create-view .review-grid>div { grid-template-columns:minmax(0,1fr); gap:4px; padding:12px 0; }
    .realms-app .realm-create-view .review-grid dd { margin:0; text-align:left; }
    .realms-app .realm-create-view .permission-group .permission-row { gap:10px; padding:12px 0; grid-template-columns:minmax(0,1fr) auto; }
    .realms-app .realm-create-view .permission-group .permission-row:has(select),
    .realms-app .realm-create-view .permission-group .permission-toolbar { grid-template-columns:minmax(0,1fr); padding-inline:0; }
    .realms-app .realm-create-view .permission-group .permission-row>label { min-width:0; }
    .realms-app .realm-create-view .tabbed-editor-scroll .ingame-group>.group-header { padding:12px 0 20px; }
}

/* Keep wide policy tables inside their scroll area instead of widening the page. */
.realms-app .settings-policy-editor .tabbed-editor-frame,
.realms-app .settings-policy-editor .tabbed-editor-scroll { min-width:0; max-width:100%; }
@media (max-width:900px) {
    .realms-app .realm-create-view .tabbed-editor-frame { overflow:hidden; }
    .realms-app .settings-policy-editor .tabbed-editor-scroll { overflow:auto; }
}
.realms-app .realm-create-view .settings-category-select { display:none; }
@media (max-width:800px) {
    .realms-app .settings-policy-editor .policy-row { padding:12px 0; }
    .realms-app .settings-policy-editor .policy-row .control-main { gap:4px; }
    .realms-app .settings-policy-editor .policy-row.numeric-row .policy-start,
    .realms-app .settings-policy-editor .policy-row.boolean-row .policy-start { grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:0 8px; }
    .realms-app .settings-policy-editor .policy-row.numeric-row .policy-start>.policy-mobile-label,
    .realms-app .settings-policy-editor .policy-row.boolean-row .policy-start>.policy-mobile-label { grid-column:1; grid-row:1; }
    .realms-app .settings-policy-editor .policy-row.numeric-row .policy-start .control-value { grid-column:2; grid-row:1; justify-content:flex-end; }
    .realms-app .settings-policy-editor .policy-row.numeric-row .policy-start .control-widget { grid-column:1 / -1; grid-row:2; }
    .realms-app .settings-policy-editor .policy-row.boolean-row .policy-start .control-widget { grid-column:2; grid-row:1; }
    .realms-app .settings-policy-editor .policy-row:has([data-policy-key="editable"]:not(:checked)) .policy-range,
    .realms-app .settings-policy-editor .policy-row:has([data-policy-key="editable"]:not(:checked)) .policy-check:has([data-policy-key="allowOutsideRange"]),
    .realms-app .settings-policy-editor .policy-reset:disabled { display:none; }
    .realms-app .realm-create-view .tabbed-editor-frame,
    .realms-app .realm-create-view .tabbed-editor-scroll { height:auto; max-height:none; overflow:visible; overscroll-behavior:auto; }
    .realms-app .realm-create-view .settings-category-select { display:block; width:100%; min-height:48px; margin:0 0 12px; padding:10px 12px; border:2px solid #d7d2d9; border-radius:0; background:#252525; color:#f2f2f2; font:inherit; color-scheme:dark; }
    .realms-app .realm-create-view .settings-category-select:focus-visible { outline:2px solid var(--color-accent-gold); outline-offset:3px; }
    .realms-app .realm-create-view .simulation-category-tabs { display:none; }
    .realms-app .settings-policy-editor .tabbed-editor-scroll:has(.policy-heading) { padding:12px; }
    .realms-app .realm-create-view #rule-groups>.rule-tab-panel>.group-header { display:none; }
    .realms-app .realm-create-view .ingame-toolbar { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .realms-app .realm-create-view .ingame-tab { height:auto; min-height:70px; }
    .realms-app .realm-create-view .ingame-tab span { white-space:normal; overflow-wrap:anywhere; }
    .realms-app .realm-create-view .step-footer { gap:12px; }
    .realms-app .realm-create-view .step-footer .btn { flex:1 1 auto; }
}

@media (min-width:801px) {
    .realms-app .realm-create-view .simulation-category-tabs { grid-template-columns:repeat(auto-fill,124px); gap:5px; }
    .realms-app .realm-create-view .simulation-category-tabs .ingame-tab { height:58px; padding:4px 6px; flex-direction:column; gap:2px; }
    .realms-app .realm-create-view .simulation-category-tabs .ingame-tab span { font-size:.875rem; }
    .realms-app .realm-create-view .simulation-category-tabs .game-icon,
    .realms-app .realm-create-view .simulation-category-tabs .ingame-tab svg { width:28px; height:28px; flex-shrink:0; }
}