.sincere-gui-legacy { display: none !important; }
[data-mod-gui-preview] { --gui-accent:#ff7597; position:relative; max-width:960px; min-height:620px; margin:0 auto; overflow:hidden; border-radius:14px; color:#fff; background:#0d0d12 url('/assets/gameplay.png') center 54%/cover; font-family:Inter,system-ui,sans-serif; box-shadow:inset 0 0 0 1px #ffffff14; isolation:isolate; }
[data-mod-gui-preview]::before { content:''; position:absolute; inset:0; z-index:-1; background:#08090ed9; backdrop-filter:blur(12px) saturate(.72); }
.modgui { min-height:620px; padding:24px; box-sizing:border-box; }
.modgui button,.modgui input,.modgui select { font:inherit; }
.modgui button { color:inherit; }
.modgui-home { display:grid; place-content:center; min-height:572px; }
.modgui-brand { display:inline-flex; align-items:center; gap:8px; width:max-content; height:36px; padding:0 10px 0 14px; border:1px solid #ffffff15; border-radius:12px; background:#14141acc; }
.modgui-brand strong { font-size:14px; letter-spacing:-.02em; }
.modgui-version { padding:4px 7px; border-radius:5px; color:#a1a1ae; background:#ffffff0a; font-size:9px; }
.modgui-home .modgui-brand { margin:0 auto 16px; }
.modgui-hub { display:grid; grid-template-columns:repeat(2,minmax(180px,240px)); gap:16px; }
.modgui-hub-button { position:relative; min-height:126px; padding:20px; border:1px solid #ffffff16; border-radius:12px; text-align:center; cursor:pointer; background:#14141ad9; transition:transform 180ms cubic-bezier(.16,1,.3,1),background 180ms cubic-bezier(.16,1,.3,1),border-color 180ms cubic-bezier(.16,1,.3,1); }
.modgui-hub-button:hover { transform:translateY(-2px); border-color:color-mix(in srgb,var(--gui-accent) 42%,transparent); background:#1b1b24e6; }
.modgui-hub-button:active { transform:translateY(0); }
.modgui-hub-button span { display:inline-flex; align-items:center; gap:6px; padding:4px 8px; border-radius:5px; color:#a2a2af; background:#ffffff0a; font-size:9px; letter-spacing:.12em; }
.modgui-hub-button span::before { content:''; width:4px; height:4px; border-radius:50%; background:var(--gui-accent); }
.modgui-hub-button strong { display:block; margin-top:13px; font-size:20px; }
.modgui-hub-button small { display:block; margin-top:7px; color:#8d8d9b; font-size:11px; }
.modgui-workspace { min-height:572px; }
.modgui-toolbar { display:flex; align-items:center; justify-content:center; gap:7px; margin-bottom:14px; }
.modgui-back,.modgui-search-toggle { min-height:36px; padding:0 12px; border:1px solid #ffffff15; border-radius:11px; background:#14141acc; cursor:pointer; }
.modgui-back:hover,.modgui-search-toggle:hover { background:#1b1b24; }
.modgui-tabs { display:grid; grid-template-columns:repeat(2,1fr); gap:3px; height:36px; padding:3px; border:1px solid #ffffff12; border-radius:11px; background:#101016cf; }
.modgui-tabs button { min-width:76px; padding:0 14px; border:0; border-radius:8px; color:#858592; background:transparent; font-size:11px; cursor:pointer; }
.modgui-tabs button[aria-selected='true'] { color:var(--gui-accent); background:color-mix(in srgb,var(--gui-accent) 14%,#17171e); }
.modgui-search { display:flex; align-items:center; width:min(260px,100%); height:36px; padding:0 11px; border:1px solid #ffffff15; border-radius:11px; background:#111117e8; }
.modgui-search span { color:#777785; font-family:'Material Symbols Rounded'; font-size:16px; }
.modgui-search input { min-width:0; width:100%; margin-left:7px; border:0; outline:0; color:#fff; background:transparent; font-size:11px; }
.modgui-search input::placeholder { color:#8d8d9b; opacity:1; }
.modgui-body { display:grid; grid-template-columns:minmax(0,1fr) 268px; gap:14px; align-items:start; }
.modgui-columns { display:grid; grid-template-columns:repeat(3,minmax(150px,1fr)); gap:10px; align-items:start; }
.modgui-columns.is-client { grid-template-columns:minmax(180px,250px); justify-content:center; padding-top:88px; }
.modgui-column { overflow:hidden; border:1px solid #ffffff15; border-radius:12px; background:#14141ad9; transition:border-color 160ms ease; }
.modgui-column[data-collapsed='true'] .modgui-rows { display:none; }
.modgui-column-head { display:flex; align-items:center; width:100%; min-height:42px; padding:0 13px; border:0; background:transparent; cursor:pointer; }
.modgui-column-head strong { flex:1; text-align:left; font-size:12px; }
.modgui-column-head span { color:#8e8e9b; font-family:'Material Symbols Rounded'; font-size:16px; transition:transform 160ms ease; }
.modgui-column[data-collapsed='true'] .modgui-column-head span { transform:rotate(-90deg); }
.modgui-rows { padding:4px 7px 8px; border-top:1px solid #ffffff0d; }
.modgui-row { display:flex; align-items:center; width:100%; min-height:32px; padding:0 7px; border:0; border-radius:7px; background:transparent; cursor:pointer; transition:background 140ms ease; }
.modgui-row:hover { background:#ffffff0a; }
.modgui-row[data-open='true'] { background:color-mix(in srgb,var(--gui-accent) 12%,transparent); }
.modgui-row-name { flex:1; overflow:hidden; color:#d7d7dd; text-align:left; text-overflow:ellipsis; white-space:nowrap; font-size:10px; }
.modgui-row[data-open='true'] .modgui-row-name { color:var(--gui-accent); }
.modgui-switch { position:relative; flex:none; width:29px; height:15px; padding:0; border:0; border-radius:8px; background:#ffffff18; cursor:pointer; transition:background 160ms ease; }
.modgui-switch::after { content:''; position:absolute; top:2px; left:2px; width:11px; height:11px; border-radius:50%; background:#b9b9c1; transition:transform 160ms cubic-bezier(.16,1,.3,1),background 160ms ease; }
.modgui-switch[aria-checked='true'] { background:var(--gui-accent); }
.modgui-switch[aria-checked='true']::after { transform:translateX(14px); background:#fff; }
.modgui-empty { grid-column:1/-1; padding:60px 20px; color:#8f8f9d; text-align:center; font-size:12px; }
.modgui-inspector { position:sticky; top:0; display:grid; gap:10px; min-width:0; }
.modgui-preview-card,.modgui-settings-card { border:1px solid #ffffff15; border-radius:12px; background:#14141ae8; }
.modgui-preview-card { position:relative; min-height:224px; overflow:hidden; }
.modgui-preview-stage { position:absolute; inset:0; display:grid; place-items:center; overflow:hidden; cursor:grab; background:radial-gradient(circle at 50% 55%,color-mix(in srgb,var(--gui-accent) 12%,transparent),transparent 58%); }
.modgui-preview-stage:active { cursor:grabbing; }
.modgui-preview-stage img { width:80px; max-height:162px; object-fit:contain; image-rendering:pixelated; user-select:none; pointer-events:none; filter:drop-shadow(0 8px 6px #0009); transform:rotateY(var(--player-rotation,0deg)); transition:transform 120ms linear; }
.modgui-preview-ring { position:absolute; width:118px; height:30px; border:1px solid var(--gui-accent); border-radius:50%; opacity:.6; animation:modgui-ring 2.4s linear infinite; }
.modgui-preview-ring:nth-child(2) { width:94px; animation-direction:reverse; animation-duration:1.8s; }
.modgui-preview-particles { position:absolute; inset:32px; opacity:0; background:radial-gradient(circle at 22% 30%,var(--gui-accent) 0 2px,transparent 3px),radial-gradient(circle at 80% 42%,#fff 0 2px,transparent 3px),radial-gradient(circle at 35% 75%,var(--gui-accent) 0 2px,transparent 3px),radial-gradient(circle at 70% 70%,#fff 0 1px,transparent 2px); }
.modgui-preview-stage[data-effect='particles'] .modgui-preview-particles,.modgui-preview-stage[data-effect='ambient_particles'] .modgui-preview-particles,.modgui-preview-stage[data-effect='hit_fx'] .modgui-preview-particles { opacity:.8; animation:modgui-particles 1.8s ease-in-out infinite; }
.modgui-preview-stage:not([data-effect='target_esp']) .modgui-preview-ring { display:none; }
.modgui-preview-meta { position:absolute; inset:12px 13px auto; z-index:2; display:flex; justify-content:space-between; gap:10px; pointer-events:none; }
.modgui-preview-meta strong { font-size:11px; }
.modgui-state { padding:4px 7px; border-radius:5px; color:#aaaab6; background:#ffffff0b; font-size:8px; }
.modgui-state.is-on { color:var(--gui-accent); }
.modgui-preview-hint { position:absolute; right:13px; bottom:11px; color:#7f7f8d; font-size:8px; }
.modgui-settings-card { max-height:278px; overflow:auto; padding:13px; scrollbar-width:thin; scrollbar-color:#34343e transparent; }
.modgui-settings-head { display:flex; align-items:flex-start; gap:8px; margin-bottom:13px; }
.modgui-settings-head>div { flex:1; min-width:0; }
.modgui-settings-head small { display:block; color:#858593; font-size:8px; letter-spacing:.1em; text-transform:uppercase; }
.modgui-settings-head strong { display:block; margin-top:4px; font-size:13px; }
.modgui-close { width:26px; height:26px; padding:0; border:1px solid #ffffff12; border-radius:7px; color:#9999a5; background:#ffffff08; cursor:pointer; }
.modgui-description { margin:0 0 14px; color:#9a9aa7; font-size:9px; line-height:1.55; }
.modgui-control { display:grid; gap:7px; padding:10px 0; border-top:1px solid #ffffff0d; }
.modgui-control label { display:flex; align-items:center; justify-content:space-between; gap:10px; color:#c9c9d1; font-size:9px; }
.modgui-control output { color:var(--gui-accent); font-size:8px; }
.modgui-control input[type='range'] { width:100%; height:3px; accent-color:var(--gui-accent); cursor:pointer; }
.modgui-control select,.modgui-control input[type='text'] { width:100%; min-height:32px; padding:0 9px; border:1px solid #ffffff12; border-radius:7px; outline:0; color:#e9e9ed; background:#0e0e14; font-size:9px; }
.modgui-control input[type='color'] { width:100%; height:30px; padding:3px; border:1px solid #ffffff12; border-radius:7px; background:#0e0e14; cursor:pointer; }
.modgui-special { display:grid; gap:8px; }
.modgui-special-row { display:grid; grid-template-columns:1fr auto; gap:8px; }
.modgui-special input { min-width:0; min-height:32px; padding:0 9px; border:1px solid #ffffff12; border-radius:7px; outline:0; color:#e9e9ed; background:#0e0e14; font-size:9px; }
.modgui-special button { min-height:32px; padding:0 10px; border:1px solid #ffffff12; border-radius:7px; background:#ffffff08; font-size:9px; cursor:pointer; }
.modgui-special button:hover { border-color:color-mix(in srgb,var(--gui-accent) 42%,transparent); }
.modgui-items { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; }
.modgui-items button[data-selected='true'] { color:var(--gui-accent); border-color:var(--gui-accent); }
.modgui-history { padding:9px; border-radius:7px; color:#a5a5b1; background:#ffffff08; font-size:9px; line-height:1.65; }
.modgui-themes { display:grid; grid-template-columns:repeat(4,1fr); gap:7px; }
.modgui-theme { aspect-ratio:1; min-height:0!important; padding:0!important; border-radius:8px!important; background:var(--swatch)!important; }
.modgui-theme[aria-pressed='true'] { outline:2px solid #fff; outline-offset:2px; }
.modgui-toast { position:absolute; top:14px; left:50%; z-index:8; min-width:130px; padding:8px 12px; border:1px solid #ffffff15; border-radius:8px; color:#eeeef2; background:#14141af2; text-align:center; font-size:9px; transform:translate(-50%,-8px); opacity:0; pointer-events:none; transition:opacity 160ms ease,transform 160ms cubic-bezier(.16,1,.3,1); }
.modgui-toast.is-visible { opacity:1; transform:translate(-50%,0); }
@keyframes modgui-ring { to { transform:rotate(360deg); } }
@keyframes modgui-particles { 50% { transform:scale(1.06); opacity:.35; } }
@media (max-width:1023px) {
  [data-mod-gui-preview] { min-height:600px; overflow-x:auto; overscroll-behavior-x:contain; }
  .modgui { width:980px; min-height:600px; }
  .modgui-home { min-height:552px; }
  .modgui-workspace { min-height:552px; }
}
@media (max-width:767px) {
  [data-mod-gui-preview] { min-height:520px; }
  .modgui { width:920px; min-height:520px; padding:18px; }
  .modgui-home { min-height:484px; place-content:center start; padding-left:20px; }
  .modgui-workspace { min-height:484px; }
  .modgui-hub { grid-template-columns:repeat(2,220px); }
  .modgui-toolbar { justify-content:flex-start; }
  .modgui-body { grid-template-columns:minmax(0,1fr) 250px; }
  .modgui-preview-card { min-height:198px; }
}
@media (prefers-reduced-motion:reduce) {
  .modgui *,.modgui *::before,.modgui *::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }
}

/* Match the in-game glass compositor and its two-column arrangement. */
[data-mod-gui-preview] { --gui-accent:#19ba91; min-height:630px; background:#767158 url('/assets/gui-game-backdrop.png') center/cover; container-type:inline-size; }
[data-mod-gui-preview]::before { background:rgba(0,0,0,.08); backdrop-filter:none; }
.modgui { width:100%; min-height:0; padding:22px 20px; }
.modgui-home { min-height:100%; place-content:center; }
.modgui-hub { grid-template-columns:repeat(2,210px); gap:16px; }
.modgui-hub-button,.modgui-brand,.modgui-back,.modgui-column,.modgui-preview-card,.modgui-settings-card {
  background:linear-gradient(180deg,rgba(246,244,235,.62),rgba(177,176,162,.39) 34%,rgba(28,28,26,.63));
  border:1px solid rgba(48,46,43,.62); border-radius:18px; box-shadow:inset 0 0 0 1px rgba(255,255,255,.22),0 3px 0 rgba(24,24,20,.2); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px);
}
.modgui-brand { height:32px; gap:8px; padding:0 12px; }
.modgui-brand strong { font-size:15px; font-weight:600; letter-spacing:0; }
.modgui-version { font-size:10px; color:#bebcc5; background:#33323ad9; }
.modgui-hub-button { min-height:104px; padding:14px 16px; }
.modgui-hub-button:hover { background:linear-gradient(180deg,#f6f4ebbb,#b1b0a266 34%,#1c1c1ab0); border-color:#e9e8d688; }
.modgui-hub-button span { font-size:10px; letter-spacing:0; background:#36353bd9; color:#b6b3bf; }
.modgui-hub-button span::before { border-radius:1px; }
.modgui-hub-button strong { font-size:19px; font-weight:500; margin-top:8px; }
.modgui-hub-button small { font-size:12px; color:#c3c0c9; margin-top:5px; }
.modgui-home .modgui-brand { margin-bottom:16px; }
.modgui-toolbar { position:relative; gap:8px; width:410px; margin:0 auto 10px; }
.modgui-back { min-height:32px; font-size:13px!important; padding:0 10px; }
.modgui-back:hover { background:#bab9ad88; }
.modgui-tabs { height:32px; border-radius:16px; background:#24252bb3; border-color:#393c3a88; padding:2px; }
.modgui-tabs button { min-width:66px; font-size:12px; border-radius:13px; color:#b0adb8; }
.modgui-tabs button[aria-selected='true'] { background:linear-gradient(#75a39866,#102725bb); box-shadow:inset 0 0 0 1px #96b8b43b; }
.modgui-search { position:absolute; left:calc(100% + 8px); width:30px; height:30px; padding:0 7px; background:#25252b99; border-radius:15px; }
.modgui-search input { width:0; margin:0; font-size:11px; }
.modgui-search:focus-within { width:175px; z-index:5; background:#32332ee8; }
.modgui-search:focus-within input { width:135px; margin-left:6px; }
.modgui-search span { color:#cfccd4; font-size:15px; }
.modgui-audio { position:absolute; right:calc(100% + 10px); padding:5px 8px; white-space:nowrap; border:1px solid #ffffff25; border-radius:12px; background:#25252b99; color:#eee; font:inherit; font-size:10.5px; cursor:pointer; }
@container (max-width:760px) { .modgui-audio { right:auto; left:calc(100% + 48px); } }
.modgui-body { display:flex; justify-content:center; align-items:flex-start; gap:14px; }
.modgui-columns { width:410px; flex:none; display:grid; grid-template-columns:198px 198px; grid-template-rows:auto auto auto; gap:10px 14px; }
.modgui-column[data-group='visuals'] { grid-column:1; grid-row:1; }
.modgui-column[data-group='effects'] { grid-column:2; grid-row:1; }
.modgui-column[data-group='player'] { grid-column:1; grid-row:2; }
.modgui-column[data-group='settings'] { grid-column:1; grid-row:3; }
.modgui-column[data-group='hud'] { grid-column:2; grid-row:2 / span 2; margin-top:-25px; }
.modgui-columns:has(.modgui-column[data-collapsed='true']) .modgui-column[data-group='hud'],.modgui-columns:has(.modgui-column:only-child) .modgui-column[data-group='hud'] { margin-top:0; }
.modgui-columns:has(.modgui-column:only-child) .modgui-column { grid-column:1 / -1; grid-row:auto; }
.modgui-columns.is-client { width:198px; grid-template-columns:198px; padding-top:0; }
[data-mod-gui-preview][data-tab='client'] .modgui-workspace { padding-top:80px; }
.modgui-column-head { min-height:36px; padding:0 13px; }
.modgui-column-head strong { font-size:15px; font-weight:600; }
.modgui-column-head span { color:#e6e4e2; font-size:16px; }
.modgui-rows { margin:0 10px; padding:0 0 8px; border-top:1px solid #55545e; }
.modgui-row { min-height:25px; padding:0 2px; border-radius:4px; }
.modgui-row-name { font-size:13px; font-weight:500; color:#f9f8f6; }
.modgui-row:hover { background:#ffffff12; }
.modgui-switch { width:30px; height:16px; border-radius:6px; background:#45434dbf; }
.modgui-switch::after { width:10px; height:10px; top:3px; left:3px; border-radius:3px; background:#c9c7cd; }
.modgui-switch[aria-checked='true']::after { transform:translateX(14px); }
.modgui-inspector { width:270px; flex:none; gap:12px; }
.modgui-inspector { transform-origin:left top; }
.modgui-hub-button,.modgui-back,.modgui-close,.modgui-tabs button,.modgui-cycle { transition:transform 140ms cubic-bezier(.22,1,.36,1); }
@media (prefers-reduced-motion:no-preference) {
  [data-mod-gui-preview]:not([data-reduce-gui-motion='true']) :is(.modgui-hub-button,.modgui-back,.modgui-close,.modgui-tabs button,.modgui-cycle):active { transform:scale(.97); }
}
.modgui-preview-card { min-height:200px; }
.modgui-preview-meta { inset:10px 12px auto; align-items:center; }
.modgui-preview-meta strong { font-size:15px; font-weight:600; }
.modgui-close { pointer-events:auto; background:#3b394b33; border:0; color:#e5e1e6; }
.modgui-preview-stage { background:none; perspective:700px; touch-action:none; }
.modgui-preview-stage { background-size:cover; background-position:center; }
[data-reduce-gui-motion='true'] .modgui * { animation:none!important; transition:none!important; }
.modgui-preview-hint { bottom:8px; left:12px; right:12px; text-align:center; font-size:11px; color:#c6bad0; background:#27232944; }
.modgui-player { position:absolute; left:50%; top:52%; width:0; height:0; transform-style:preserve-3d; transform:scale(0.82) rotateX(-7deg) rotateY(calc(-18deg + var(--player-rotation,0deg))); pointer-events:none; }
.modgui-player-part { position:absolute; transform-style:preserve-3d; }
.modgui-player-part i { display:block; position:absolute; left:0; top:0; background-image:url('/assets/skin-tex.png'); background-size:320px 320px; image-rendering:pixelated; backface-visibility:hidden; }
.modgui-preview-ring { top:66%; }
.modgui-settings-card { max-height:345px; padding:10px 12px; scrollbar-color:#a4a09c77 transparent; }
.modgui-control { padding:5px 0; gap:2px; border:0; }
.modgui-control label { color:#f5f4f3; font-size:12px; font-weight:500; }
.modgui-control output { color:var(--gui-accent); font-size:11px; }
.modgui-control input[type='range'] { appearance:none; height:4px; margin:3px 0; border:0; border-radius:0; background:linear-gradient(to right,var(--gui-accent) var(--fill,0%),#c6c2be90 var(--fill,0%)); }
.modgui-control input[type='range']::-webkit-slider-thumb { appearance:none; width:8px; height:8px; border-radius:2px; background:#fff; }
.modgui-control input[type='range']::-moz-range-thumb { width:8px; height:8px; border:0; border-radius:2px; background:#fff; }
.modgui-toggle-control { padding:6px 0; }
.modgui-controls { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); column-gap:10px; }
.modgui-controls .modgui-control { grid-column:1 / -1; min-width:0; }
.modgui-controls .modgui-control.is-half { grid-column:auto; }
.modgui-controls .modgui-toggle-control:has([data-key='target_hud:1']),.modgui-controls .modgui-toggle-control:has([data-key='target_hud:2']) { grid-column:auto; }
.modgui-cycle { width:100%; padding:6px 8px; text-align:left; color:#fff; background:#3337; border:1px solid #ffffff25; border-radius:6px; font:inherit; font-size:11.5px; cursor:pointer; }
.modgui-control input[type='text'],.modgui-control select { background:#363332ad; border:0; border-radius:5px; font-size:11.5px; }
.modgui-color { position:relative; }
.modgui-color label { color:#c8c3cf; }
.modgui-color label input[type='color'] { width:26px; height:20px; padding:0; border:0; background:transparent; }
.modgui-color-sv { height:80px; margin-right:20px; border-radius:5px; background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,transparent),var(--hue-color,red); cursor:crosshair; touch-action:none; }
.modgui-color input.modgui-hue[type='range'] { position:absolute; right:0; top:27px; width:14px; height:80px; writing-mode:vertical-lr; direction:rtl; background:linear-gradient(to top,red,#ff0,#0f0,#0ff,#00f,#f0f,red); }
.modgui-target-sample { position:absolute; left:15%; bottom:36px; width:70%; padding:10px; transform-origin:center bottom; font-size:12px; }
.modgui-target-sample[hidden] { display:none; }
.modgui-target-sample strong,.modgui-target-sample span { display:block; }
.modgui-target-sample i { display:block; height:4px; margin-top:5px; background:var(--gui-accent); }
.modgui-target-sample.is-compact span { display:none; }
.modgui-special button,.modgui-special input,.modgui-history { font-size:11.5px; }
@container (max-width:760px) {
  .modgui-body { justify-content:flex-start; }
  .modgui-workspace { width:760px; }
  .modgui-toolbar { margin-left:0; }
  .modgui-workspace .modgui-body { min-width:680px; padding-right:18px; }
}
@media(max-width:1023px) {
  [data-mod-gui-preview] { overflow:auto; }
  .modgui-home { width:100%; min-height:540px; }
}
@media(max-width:600px) {
  [data-mod-gui-preview] { height:540px; min-height:540px; max-height:540px; }
  .modgui-home { padding:20px 14px; min-height:100%; }
  .modgui-hub { grid-template-columns:minmax(180px,240px); gap:12px; }
  .modgui-workspace { padding:20px 14px; }
  .modgui-row { min-height:26px; }
  .modgui-column[data-group='hud'] { margin-top:-25px; }
}
@media(prefers-reduced-transparency:reduce) {
  .modgui-column,.modgui-hub-button,.modgui-preview-card,.modgui-settings-card { background:#47473f; backdrop-filter:none; }
}

/* One stable stage for the hub, tabs and expanded inspectors. Content scrolls
   independently so background cover never reacts to module/settings height. */
[data-mod-gui-preview] {
  max-width: 960px;
  height: 630px;
  min-height: 630px;
  max-height: 630px;
  overflow: hidden;
  background: #14251c url('/assets/gui-forest-biome.jpg') center 46%/cover no-repeat;
}
[data-mod-gui-preview] > .modgui {
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: auto;
  overscroll-behavior-x: contain;
  overscroll-behavior-y: auto;
}
[data-mod-gui-preview] > .modgui-home { place-content: center; }