/* Let the account row extend left without changing the statistics rail or playfield. */
#sideRail>.account-hud{width:max-content;min-width:100%;max-width:calc(100vw - 32px);align-self:flex-end;flex-wrap:nowrap}
body[data-developer-open=true] #sideRail>.account-hud{max-width:calc(100vw - var(--developer-width) - 48px)}
#sideRail>.account-hud #powersShopButton{order:3;flex:0 0 auto;background:#eee6fa;border:1px solid #7444a0;color:#522783;font-size:11px;white-space:nowrap;padding:7px 10px;border-radius:18px;min-height:34px}
#sideRail>.account-hud #accountButton{order:4;flex:0 1 auto;max-width:180px;white-space:nowrap;overflow-wrap:normal}#sideRail>.account-hud #messageCenterButton{order:2}#sideRail>.account-hud #settingsButton{order:1}#sideRail>.account-hud #themeToggle{order:0}
body[data-theme="dark"] #sideRail>.account-hud #powersShopButton{background:#eee6fa;color:#522783;border-color:#7444a0}
.advanced-overview{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.8fr);gap:32px;margin-bottom:24px}.advanced-overview section{min-width:0}.advanced-overview .profile-stats{font-size:13px;gap:8px 16px}.user-column-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:18px 0}.user-column-choices label{display:flex;align-items:center;gap:8px;font-size:12px}.user-column-choices input{width:auto}.user-stats-dialog #userStatsTable{min-width:1000px}.user-stats-dialog summary{cursor:pointer}
.powers-shop-dialog{width:min(1100px,95vw);max-height:90vh}.power-shop-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:20px 0}.power-shop-cards section{border:1px solid var(--border,#d7e0dc);border-radius:16px;padding:16px;overflow:auto}.power-shop-cards p{font-size:13px}.power-shop-heading{display:flex;align-items:center;gap:8px}.power-shop-heading h3{margin:0}.power-shop-cards table{width:100%;border-collapse:collapse;font-size:12px}.power-shop-cards th,.power-shop-cards td{text-align:left;padding:7px 5px;border-bottom:1px solid var(--border,#d7e0dc)}
@media(max-width:760px){.advanced-overview,.power-shop-cards{grid-template-columns:1fr}.user-column-choices{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Keep all discovered-object columns in one fitted desktop window. */
#glossaryDialog{width:calc(100vw - 28px);max-width:1500px;max-height:calc(100dvh - 28px);padding:clamp(12px,2vh,24px);overflow:hidden}
#glossaryDialog .dialog-head{margin-bottom:8px}#glossaryDialog>p{margin:8px 0 16px;font-size:clamp(10px,1.55vh,13px)}
#glossaryColumns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.8vw,24px)}
#glossaryColumns .glossary-column{min-width:0;padding:0 0 0 12px}#glossaryColumns .glossary-column:first-child{padding-left:0}
#glossaryColumns h3{font-size:clamp(12px,1.8vh,16px);margin:0 0 12px}
#glossaryColumns .glossary-entry{display:grid;grid-template-columns:clamp(32px,7vh,64px) minmax(0,1fr);gap:8px;align-items:center;margin:0 0 clamp(6px,1.3vh,13px);min-height:0;padding:0}
#glossaryColumns .glossary-icon{width:clamp(32px,7vh,64px)!important;height:clamp(29px,6.3vh,58px)!important}
#glossaryColumns h4{font-size:clamp(10px,1.55vh,13px);margin:0 0 4px}#glossaryColumns p{font-size:clamp(9px,1.4vh,12px);line-height:1.35;margin:0}
#glossaryColumns{min-width:0}#mineSizeSettings .mine-size-slider{display:grid;grid-template-columns:minmax(0,1fr) auto 24px;gap:6px;align-items:center}#mineSizeSettings .mine-size-slider>input[type=range]{grid-column:1/-1;width:100%;padding:0}#mineSizeSettings .mine-size-slider>input[type=number]{grid-column:1/-1}#mineSizeSettings .mine-size-slider>input[hidden]{display:none}#mineSizeSettings output{font-size:12px}

.user-stats-dialog .profile-stats dt{color:var(--muted)}
.user-stats-dialog>.user-stats-heading{position:sticky;top:-26px;z-index:4;margin:-26px -26px 22px;padding:18px 26px;background:var(--surface,#fff);border-bottom:1px solid var(--edge,#d7e0dc);align-items:center}
.user-stats-heading h2{flex:1}.user-stats-heading>.close,.user-stats-heading>.reload-button{flex:0 0 auto}
.user-stats-heading #openLevelsFromUserStats{flex:0 1 auto;font-size:12px;white-space:normal}.user-stats-search{display:flex;align-items:flex-end;gap:12px;max-width:650px;margin:0 0 12px}.user-stats-search label{display:grid;gap:6px;flex:1;min-width:0;font-size:13px}.user-stats-search input{box-sizing:border-box;width:100%;min-width:0;padding:10px 12px;border:1px solid var(--edge,#d7e0dc);border-radius:9px;color:var(--text);background:var(--surface,#fff);font:inherit}.user-stats-search input::placeholder{color:var(--muted);opacity:1}.user-stats-search button{flex:0 0 auto}.user-stats-search input:focus-visible{outline:2px solid var(--accent,#327c72);outline-offset:2px}
.user-stats-dialog #userColumns>summary{font-size:15px;font-weight:600}
.site-stats-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.site-stats-overview>section{min-width:0;padding:16px;border:1px solid var(--edge,#d7e0dc);border-radius:14px}.site-stats-overview h3{margin:0 0 20px}.site-stats-overview .profile-stats{font-size:13px;gap:10px 16px}.site-stats-overview .profile-stats dt{overflow-wrap:anywhere}.site-stats-overview .profile-stats dd{font-variant-numeric:tabular-nums}
@media(max-width:720px){.user-stats-dialog>.user-stats-heading{top:-16px;margin:-16px -16px 18px;padding:14px 16px}}
@media(max-width:650px){.site-stats-overview{grid-template-columns:1fr;gap:18px}}
.level-stats-dialog th[data-column],.level-stats-dialog th[data-column] button{user-select:none;touch-action:none}
.stats-summary-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.stats-summary-heading h3{margin:0}.stats-summary-heading button{flex:0 0 auto;padding:4px 8px;min-height:28px;font-size:11px}
.user-stats-tabs{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--edge,#d7e0dc);padding-bottom:10px;margin:20px 0 14px}.user-stats-tabs button{padding:8px 13px;border-radius:9px;border:1px solid var(--edge,#d7e0dc);color:var(--text);background:var(--surface)}.user-stats-tabs button[aria-selected=true]{color:var(--surface,#fff);background:var(--accent,#327c72);border-color:var(--accent,#327c72)}
.user-stats-dialog .user-column-choices{grid-template-columns:repeat(2,minmax(0,1fr));max-height:330px;overflow:auto}.stats-column-choice{display:flex;gap:4px;align-items:center}.stats-column-choice label{flex:1;min-width:0}.stats-column-choice .stats-column-move{padding:2px 5px;min-height:25px;font-size:12px;flex:0 0 auto}.level-stats-dialog th[draggable=true]{cursor:grab}.level-stats-dialog th.column-dragging{opacity:.45}.level-stats-dialog th.column-drop-target{box-shadow:inset 3px 0 var(--accent,#327c72);background:color-mix(in srgb,var(--accent,#327c72) 15%,var(--surface,#fff))}
@media(max-width:600px){.user-stats-dialog .user-column-choices{grid-template-columns:1fr}.stats-summary-heading{align-items:flex-start}}
@media(max-width:520px){.user-stats-heading{flex-wrap:wrap}.user-stats-heading h2{flex-basis:calc(100% - 90px);order:0}.user-stats-heading #openLevelsFromUserStats{order:3;flex-basis:100%}.user-stats-heading>.reload-button,.user-stats-heading>.close{order:1}.user-stats-search{gap:8px}.user-stats-tabs button{flex:1 1 140px;font-size:12px}}

/* Mode introduction drafts use the same full-width fields as other message libraries. */
#modeIntroductions>label:not(.check){display:grid;gap:6px;margin:12px 0;font-size:12px}
#modeIntroductions input[type=text],#modeIntroductions select,#modeIntroductions textarea{box-sizing:border-box;width:100%;padding:9px;border:1px solid var(--edge);border-radius:8px;background:var(--surface);color:var(--text);font:inherit}
#modeIntroductions>.check{display:flex;align-items:center;gap:8px;font-size:12px;margin:12px 0}#modeIntroductions>.check input{width:auto}
#modeIntroductions>summary{cursor:pointer;font-size:13px;font-weight:600}#introMessagePreview{font-size:12px;line-height:1.6;margin:14px 0}
#intro>.intro-content{max-height:max(100px,calc(var(--play-height,100dvh) - 62px));overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;padding:2px 6px}