.as0-main-menu {width:min(560px,calc(100vw - 32px));max-height:85dvh;overflow:auto;margin:auto;padding:26px;border:1px solid var(--line-strong,#4e8068);border-radius:8px;color:var(--green-bright,#d9ffeb);background:var(--skin-07100e,#07100e);font:14px var(--working-font,monospace);box-sizing:border-box;}
.as0-main-menu::backdrop {background:#000b;backdrop-filter:blur(3px);}
.as0-main-menu header {display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;}
.as0-main-menu h2 {margin:0;font-size:18px;}
.as0-main-menu p,.as0-main-menu li {line-height:1.6;}
.as0-main-menu li {margin-bottom:12px;}
.as0-main-menu button,#main-menu-open,#login-display-open {padding:10px 14px;border:1px solid var(--line-strong,#4e8068);background:var(--skin-05100d,#05100d);color:var(--green-bright,#d9ffeb);font:inherit;cursor:pointer;}
#main-menu-open {font-size:12px;}
#login-display-open {display:block;margin:16px auto;font-size:12px;}
.as0-main-menu .menu-choices {display:grid;gap:12px;}
.as0-main-menu .menu-choices button {text-align:left;}
.as0-main-menu label {display:grid;gap:8px;margin:16px 0;}
.as0-main-menu input,.as0-main-menu textarea,.as0-main-menu select {box-sizing:border-box;width:100%;padding:10px;background:#05100d;color:#d9ffeb;border:1px solid #4e8068;font:inherit;}
.as0-main-menu .menu-row {display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:20px 0;}
.as0-main-menu button:disabled {opacity:.5;cursor:default;}
.as0-main-menu :focus-visible {outline:2px solid #ffc368;outline-offset:3px;}
.site-community-rules {margin:16px 0;padding:12px;border:1px solid var(--line-strong);line-height:1.6;}
.site-community-rules summary {cursor:pointer;color:var(--amber);}

/* Premium headers keep Store beside a compact Menu / Stream column. */
.header-store-actions.stack-menu-stream {
    display:grid;
    grid-template-columns:72px minmax(84px,1fr);
    grid-template-rows:auto auto;
    column-gap:8px;
    row-gap:4px;
    align-items:stretch;
}
.header-store-actions.stack-menu-stream #skin-store-open {
    grid-column:1;
    grid-row:1 / 3;
    align-self:center;
    width:72px;
    box-sizing:border-box;
}
.header-store-actions.stack-menu-stream #main-menu-open {
    grid-column:2;
    grid-row:1;
    padding:4px 8px;
    min-height:24px;
    line-height:1.2;
    width:100%;
    box-sizing:border-box;
}
.header-store-actions.stack-menu-stream .streamer-header-toggle {
    grid-column:2;
    grid-row:2;
    min-height:30px;
    padding:4px 8px;
    flex-direction:row;
    gap:6px;
    width:100%;
    box-sizing:border-box;
    min-width:0;
    font-size:9px;
    letter-spacing:0;
}

/* Beta skins retain Discord above the controls in the top-right header slot. */
.beta-header-tools {
    grid-area: state;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
    min-width: 0;
}
.beta-header-tools .header-community { grid-area: auto; }
.beta-header-tools .header-store-actions { flex-wrap: wrap; }
.beta-header-tools #main-menu-open,
.beta-header-tools #skin-store-open,
.beta-header-tools .streamer-header-toggle {
    min-height: 32px;
    padding: 6px 10px;
    font-size: 10px;
}
.beta-header-tools .streamer-header-toggle { flex-direction: row; gap: 5px; }
/* Preserve the entire operator readout when the remaining controls need to wrap. */
:root:is([data-skin="beta-tester"], [data-skin="beta-veteran"]) .header-utilities {
    flex-wrap: wrap;
}
:root:is([data-skin="beta-tester"], [data-skin="beta-veteran"]) .header-utilities .context-bar {
    flex: 1 0 auto;
    max-width: 100%;
    flex-wrap: wrap;
    white-space: normal;
}