:root{--mgz-ease:cubic-bezier(.22,1,.36,1);--mgz-accent:#bea0d0;--mgz-accent-ink:#140e19}
.mgz-enter{animation:mgz-section-enter .65s var(--mgz-ease) both}.mgz-wheel-arrive{animation:mgz-wheel-enter 1.45s var(--mgz-ease) both}.mgz-wheel-arrive>:is(a,button,div){animation:mgz-wheel-counter 1.45s var(--mgz-ease) both}
@keyframes mgz-section-enter{from{opacity:.1;translate:0 24px}to{opacity:1;translate:0 0}}@keyframes mgz-wheel-enter{from{rotate:-360deg}to{rotate:0deg}}@keyframes mgz-wheel-counter{from{rotate:360deg}to{rotate:0deg}}
:is(.suite-card,.app-grid>a,.family-card,.media-card){transition:translate .35s var(--mgz-ease),border-color .25s,background .25s}.suite-app-mark{object-fit:contain;flex-shrink:0}.mgz-account-menu>img{width:26px;height:26px;object-fit:contain}.app-grid img{width:44px;height:44px;object-fit:contain}
@media(hover:hover){:is(.suite-card,.app-grid>a,.family-card):hover{translate:0 -4px}:is(.suite-app-mark,.app-grid img,.orbit-core img){transition:rotate .6s var(--mgz-ease),scale .6s var(--mgz-ease)}a:hover>.suite-app-mark,.app-grid>a:hover img{rotate:-7deg;scale:1.07}}
:is(.hub-orbit,.wheel,.site-wheel):has(a:focus-visible){animation:none!important}.mgz-preferences{padding:4px 0;color:#ede8ef}.mgz-preferences fieldset{border:0;padding:0;margin:20px 0}.mgz-preferences legend{font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px;color:#bcb0c4}.mgz-preference-colors{display:flex;flex-wrap:wrap;gap:10px}.mgz-preference-colors button{display:grid;gap:8px;justify-items:center;border:1px solid #74637c;border-radius:5px;background:#100c14;color:#e4dce9;padding:12px;min-width:70px;font-size:12px}.mgz-preference-colors button[aria-pressed=true]{border-color:var(--mgz-accent);background:#292031}.mgz-preference-colors i{width:20px;height:20px;border-radius:50%;border:1px solid #888}.mgz-preferences label{display:flex;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid #ffffff20;font-size:14px}.mgz-preferences input{width:20px;height:20px;accent-color:var(--mgz-accent)}.mgz-preferences>p{font-size:12px;color:#ac9db6;line-height:1.6}.mgz-appearance-dialog{background:#0d0a11!important;color:#eee!important;border:1px solid #8f749c!important;border-radius:10px!important;max-height:90dvh;overflow:auto}
html[data-mgz-accent] :is(.personal-tabs button[data-state=active],.crew-save,.save-build){background:var(--mgz-accent)!important;color:var(--mgz-accent-ink)!important;border-color:var(--mgz-accent)!important}html[data-mgz-accent] :is(.skill-badge[aria-pressed=true],.mgz-account-menu,.app-grid>a:hover,.wheel-app.selected){border-color:var(--mgz-accent)!important}html[data-mgz-accent] .skill-badge[aria-pressed=true]{box-shadow:inset 3px 0 var(--mgz-accent)!important}html[data-mgz-density=compact] :is(.personal-grid>form,.personal-grid>aside,.suite-card,.app-grid>a,.media-card){padding:14px!important}html[data-mgz-density=compact] :is(.personal-grid,.app-grid,.suite-grid){gap:12px!important}html[data-mgz-density=compact] .profile-cover{height:110px}
html[data-mgz-motion=off] *,html.motion-reduced .mgz-enter,html.motion-reduced .mgz-wheel-arrive,html.motion-reduced .mgz-wheel-arrive>*{animation:none!important;scroll-behavior:auto!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.mgz-enter,.mgz-wheel-arrive,.mgz-wheel-arrive>*{animation:none!important}:is(.suite-card,.app-grid>a,.family-card,.media-card,.suite-app-mark){transition:none!important;translate:none!important}}

/* A stable centre, readable labels, rotation under the user's control. */
:is(.hub-orbit,.wheel,.site-wheel)[data-rotatable]{rotate:var(--wheel-angle,0deg);transition:rotate .65s cubic-bezier(.22,1,.36,1);touch-action:pan-y;user-select:none;cursor:grab}
:is(.hub-orbit,.wheel,.site-wheel)[data-rotatable]>:is(a,button,div){rotate:var(--wheel-counter,0deg);transition:rotate .65s cubic-bezier(.22,1,.36,1)}
:is(.hub-orbit,.wheel,.site-wheel).wheel-dragging,:is(.hub-orbit,.wheel,.site-wheel).wheel-dragging>*{transition:none!important;cursor:grabbing}
.wheel-rotation{display:flex;justify-content:center;gap:10px;padding:18px 0 30px;position:relative;z-index:2;grid-column:1/-1}
.wheel-rotation button{min-width:52px;min-height:44px;border:1px solid #76698270;border-radius:999px;background:#100d15;color:#e4dce9;font-size:13px;cursor:pointer}
.wheel-rotation button:hover{border-color:#c3a6d5;background:#241a2d}.wheel-rotation button:focus-visible{outline:2px solid #dfb6fa;outline-offset:4px}
.command-deck{position:relative}.command-deck>.wheel-rotation{grid-column:1;grid-row:2}.command-deck>.deck-side{grid-column:2;grid-row:1/3}
@media(max-width:760px){.command-deck>.deck-side{grid-column:1;grid-row:3}.wheel-rotation{padding-bottom:24px}}
@media(prefers-reduced-motion:reduce){:is(.hub-orbit,.wheel,.site-wheel)[data-rotatable],:is(.hub-orbit,.wheel,.site-wheel)[data-rotatable]>*{transition:none!important}}

.hub-orbit[data-rotatable]>:is(a,button,div){translate:-50% -50%;transform:none!important}

.site-wheel[data-rotatable]>:is(a,button,div){translate:-50% -50%;transform:none!important}.site-wheel-section>.wheel-rotation{grid-column:2;margin-top:-50px}.metrics-legend{max-width:70ch;line-height:1.6;color:#bfb9c9}.partner-list b img{vertical-align:middle;object-fit:contain}.suite-card .button{margin-top:18px}.site-wheel .sw-0{left:50%;top:12%}.site-wheel .sw-1{left:83%;top:31%}.site-wheel .sw-2{left:83%;top:69%}.site-wheel .sw-3{left:50%;top:88%}.site-wheel .sw-4{left:17%;top:69%}.site-wheel .sw-5{left:17%;top:31%}.site-wheel{margin:24px auto!important}.site-wheel-section{row-gap:20px!important;padding-block:50px!important}.site-wheel-section>.wheel-rotation{margin-top:0}@media(max-width:900px){.site-wheel{width:min(100%,420px)!important}.site-wheel-section>.wheel-rotation{align-self:center}}
