/* Scoped shared navigation; never style game-wide SVG, buttons or mathematical content. */
:root{--mcg-sidebar-bg:#111827;--mcg-divider:#28364b;--mcg-text:#e2e8f0;--mcg-muted:#94a3b8}
html,body{max-width:100%;margin:0}*,*::before,*::after{box-sizing:border-box}
body.mcg-shell{display:flex!important;min-height:100vh;min-height:100dvh;overflow-x:hidden;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
body.mcg-shell>.mcg-sidebar{flex:0 0 260px!important;width:260px!important;max-width:260px!important;min-width:260px!important;position:sticky!important;top:0!important;height:100vh!important;height:100dvh!important;overflow:hidden!important;transform:none!important;padding:0!important;margin:0!important;background:var(--mcg-sidebar-bg)!important;border-right:1px solid var(--mcg-divider);z-index:50;display:flex!important;flex-direction:column;box-shadow:none!important}
.mcg-side-head{display:flex;align-items:center;justify-content:space-between;min-height:70px;padding:16px 18px;border-bottom:1px solid var(--mcg-divider)}
.mcg-side-brand{font-size:16px;font-weight:750;color:#f8fafc;text-decoration:none}.mcg-side-brand span{color:#2dd4bf}
.mcg-side-scroll{overflow-x:hidden;overflow-y:auto;padding:18px 12px 30px;flex:1;scrollbar-width:thin;scrollbar-color:#475569 transparent}
.mcg-side-label{padding:4px 11px 10px;margin:0;font-size:10px!important;letter-spacing:.09em;font-weight:750;color:#94a3b8!important}
.mcg-section-break{padding-top:20px;margin-top:16px;border-top:1px solid var(--mcg-divider)}
.mcg-sidebar .mcg-nav-link{display:flex!important;align-items:center!important;flex-direction:row!important;gap:12px!important;min-height:41px!important;line-height:1.3!important;padding:10px 11px!important;margin:2px 0!important;border-radius:8px!important;color:var(--mcg-text)!important;text-decoration:none!important;font-size:13px!important;font-weight:500!important;letter-spacing:0!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;background:transparent!important}
.mcg-sidebar .mcg-nav-link>svg{display:block!important;flex:0 0 17px!important;width:17px!important;height:17px!important;min-width:17px!important;max-width:17px!important;stroke-width:1.8!important;overflow:visible!important}
.mcg-sidebar .mcg-nav-link>span{display:block;flex:1;min-width:0;overflow-wrap:break-word!important;word-break:normal!important}
.mcg-sidebar .mcg-nav-link:hover,.mcg-sidebar .mcg-nav-link:focus-visible{background:#253348!important;color:white!important;outline-offset:2px}
body.mcg-shell>.mcg-main{flex:1 1 0!important;min-width:0!important;width:0;max-width:100%;position:relative;overflow-x:hidden}
.mcg-main .mcg-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:68px;position:sticky;top:0;z-index:20;background:#0f172a!important;border-bottom:1px solid #293449;padding:12px 24px}
.mcg-header-title{margin:0;font-size:clamp(17px,1.6vw,23px);font-weight:700;color:#2dd4bf}.mcg-header-actions{display:flex;align-items:center;gap:12px;min-width:0}
.mcg-header-back{color:#cbd5e1;text-decoration:none;font-size:13px}.mcg-header-back:hover{color:#fff}
.mcg-sidebar-toggle,.mcg-side-close{display:none!important;cursor:pointer;background:transparent;border:0;border-radius:8px;color:#e2e8f0;font-size:23px;padding:5px 10px}
.mcg-backdrop[hidden]{display:none!important}
@media(max-width:767px){body.mcg-shell>.mcg-sidebar{position:fixed!important;left:0!important;top:0!important;transform:translateX(-105%)!important;transition:transform .22s ease!important;width:min(280px,85vw)!important;min-width:0!important;max-width:85vw!important;z-index:1000!important}body.mcg-shell.mcg-nav-open>.mcg-sidebar{transform:translateX(0)!important}body.mcg-shell>.mcg-main{width:100%;flex:1 1 auto!important}.mcg-sidebar-toggle,.mcg-side-close{display:inline-flex!important}.mcg-main .mcg-header{padding:12px 14px}.mcg-backdrop:not([hidden]){display:block;position:fixed;inset:0;background:rgba(2,6,23,.65);z-index:999;border:0}.mcg-header-back{display:none}}

.mcg-game-tools{display:flex;align-items:center;justify-content:flex-start;gap:10px;flex-wrap:wrap;padding:12px 24px;background:#0f172a}.mcg-game-tools:empty{display:none}.mcg-game-tools button{background:#243449;color:#e2e8f0;border:1px solid #3b4b60;border-radius:8px;padding:9px 13px;font-size:13px;font-weight:600;cursor:pointer}.mcg-game-tools button:hover{background:#334155}

/* v3 cohesive MathCrave game shell. Overrides are scoped to this plugin only. */
:root{--mcg-sidebar-bg:#1e293b;--mcg-page-bg:#0f172a;--mcg-surface:#1e293b;--mcg-divider:#334155;--mcg-text:#e2e8f0;--mcg-muted:#94a3b8;--mcg-accent:#a78bfa}
html,body{margin:0!important;padding:0!important;width:100%!important;max-width:100%!important;background:var(--mcg-page-bg)!important}
body.mcg-shell{margin:0!important;padding:0!important;min-height:100dvh!important;height:auto!important;align-items:stretch!important;background:var(--mcg-page-bg)!important;color:var(--mcg-text)!important}
body.mcg-shell>.mcg-sidebar{background:var(--mcg-sidebar-bg)!important;border-color:var(--mcg-divider)!important;flex-basis:272px!important;width:272px!important;min-width:272px!important}
.mcg-side-head{min-height:56px!important;padding:10px 16px!important;background:var(--mcg-sidebar-bg)!important}
.mcg-side-brand span{color:var(--mcg-accent)!important}
.mcg-side-scroll{padding:10px 10px 18px!important}
.mcg-side-label{font-size:11px!important;padding:6px 9px 8px!important;letter-spacing:.06em!important}
.mcg-section-break{margin-top:12px!important;padding-top:15px!important}
.mcg-sidebar .mcg-nav-link{display:flex!important;align-items:center!important;gap:12px!important;min-height:39px!important;margin:1px 0!important;padding:8px 10px!important;line-height:1.35!important;font-size:13px!important;white-space:normal!important;background:transparent!important}
.mcg-sidebar .mcg-nav-link>svg,.mcg-sidebar .mcg-nav-link>img.mcg-nav-icon{display:block!important;flex:0 0 19px!important;width:19px!important;height:19px!important;max-width:19px!important;max-height:19px!important;min-width:19px!important;object-fit:contain!important;fill:currentColor!important;color:#cbd5e1!important;}
.mcg-sidebar .mcg-nav-link>svg path,.mcg-sidebar .mcg-nav-link>svg g{fill:inherit}
.mcg-sidebar .mcg-nav-link>img.mcg-nav-icon{filter:brightness(0) invert(.83)!important;fill:initial!important}
.mcg-sidebar .mcg-nav-link:hover,.mcg-sidebar .mcg-nav-link:focus-visible{background:#334155!important;color:#fff!important}
body.mcg-shell>.mcg-main{padding:0!important;margin:0!important;min-height:100dvh!important;height:auto!important;background:var(--mcg-page-bg)!important;display:flex!important;flex-direction:column!important}
.mcg-main .mcg-header{min-height:56px!important;padding:9px clamp(14px,2vw,26px)!important;margin:0!important;background:var(--mcg-page-bg)!important;border-bottom:1px solid var(--mcg-divider)!important;box-shadow:none!important}
.mcg-header-title{color:var(--mcg-accent)!important;font-size:clamp(17px,1.5vw,21px)!important}
.mcg-main>.content-section,.mcg-main>div.content-section{padding:clamp(14px,2.5vw,28px)!important;margin:0!important;min-height:0!important;align-items:flex-start!important;align-content:flex-start!important}
.mcg-main .mcg-game-tools{padding:8px 20px!important;background:transparent!important}
.mcg-main select{min-height:42px!important;max-width:100%!important;padding:8px 12px!important;font-size:14px!important;line-height:1.35!important}
.mcg-main label{line-height:1.4!important}
@media(max-width:767px){body.mcg-shell>.mcg-sidebar{width:min(280px,86vw)!important;min-width:0!important}.mcg-main .mcg-header{min-height:54px!important;padding:8px 12px!important}.mcg-main>.content-section,.mcg-main>div.content-section{padding:12px!important}.mcg-header-title{font-size:17px!important}.mcg-main select{font-size:16px!important}}