/* MGZ shared interface · 8 October 2026 */
:root{--mgz-surface:#101014;--mgz-line:#ffffff26;--mgz-text:#eeeae6;--mgz-font:Arial,Helvetica,sans-serif;scroll-padding-top:100px}
body{font-family:var(--mgz-font);min-height:100dvh;padding-bottom:env(safe-area-inset-bottom,0px)}
button,input,select,textarea{font-family:inherit} :is(main,section,article,aside,header,nav,form)>*{min-width:0}
img,video,canvas{max-width:100%} :is(h1,h2,h3,p,a,button){overflow-wrap:break-word}
:focus-visible{outline:2px solid var(--mgz-accent,#c9a8dc);outline-offset:4px}
.suite-navigation,.topbar,.nav-wrap{padding-top:max(8px,env(safe-area-inset-top,0px))}
.mgz-account-menu,.account-button{min-height:44px;white-space:normal}.mgz-app-menu{max-height:calc(100dvh - 100px);overflow-y:auto;max-width:calc(100vw - 24px)}
:is(.drip-dock,.tattoo-dock,.command-dock){bottom:max(12px,env(safe-area-inset-bottom,0px));max-width:calc(100vw - 28px)}
[data-mgz-scroll=blocks]{scroll-snap-type:y proximity} [data-mgz-scroll=blocks] :is(main>section,.command-deck,.brand-line){scroll-snap-align:start;scroll-margin-top:100px}
[data-mgz-scroll=free]{scroll-snap-type:none!important}.mgz-preferences select{background:#16121c;color:#f5eff7;border:1px solid #75647b;padding:10px;border-radius:6px;min-height:44px}
.wheel-rotation{width:max-content!important;max-width:100%;justify-self:center;gap:4px!important;margin:0 auto!important;padding:3px 0 8px!important;background:none!important;border:0!important}
.wheel-rotation button{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;font-size:12px!important;flex:none!important}
.command-deck{gap:12px!important;overflow:visible!important}.command-deck>.wheel{width:100%;max-width:440px;isolation:isolate}.wheel[data-rotatable]>.wheel-app{padding:7px 3px;gap:3px}.wheel-app span{display:none!important}.wheel-app strong{font-size:clamp(10px,2.7vw,14px)!important;line-height:1.15;max-width:100%}.wheel-app img{width:30px!important;height:30px!important}.wheel-center img{object-fit:contain!important}
.wheel-personal-tools{flex-wrap:wrap;gap:8px}.deck-side{min-width:0}.deck-detail p{line-height:1.6}.wheel-help{font-size:12px;color:#b8afbd;margin:8px 0}
.topbar,.personal-heading{gap:12px;flex-wrap:wrap}.personal-area,.shell{max-width:1440px;margin-inline:auto}.personal-area .profile-cover{background:radial-gradient(ellipse at 80% 0,#65507740,transparent 70%),#111015}.personal-area .profile-savebar{bottom:max(10px,env(safe-area-inset-bottom,0px))}
.build-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:24px}.build-reference{margin:20px 0;border-top:1px solid var(--mgz-line);padding-top:16px}.build-reference>summary{cursor:pointer;min-height:44px;font-size:15px}.build-reference .reference-stage{max-height:440px}.build-live-stage{height:clamp(360px,62dvh,620px);position:relative;touch-action:pan-y;background:radial-gradient(ellipse at 50% 70%,#27232e,#0d0c10 75%);border:1px solid var(--mgz-line);border-radius:12px;overflow:hidden}.build-live-stage canvas{width:100%;height:100%;display:block}.build-live-status{position:absolute;left:16px;right:16px;bottom:16px;font-size:13px;background:#101014de;padding:10px;border-radius:6px}.build-live-controls{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.build-live-controls button{min-width:44px;min-height:44px;padding:8px 14px;border:1px solid #75647b;border-radius:8px}.build-live-caption{color:#b8afbd;font-size:13px;line-height:1.5}
.drip-word .ink-drop{animation-duration:3.6s!important}.tattoo-title,.tattoo-word{position:relative}.tattoo-word:hover{animation:mgz-ink-reveal 1.2s ease-out both}@keyframes mgz-ink-reveal{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}
@media(max-width:760px){.shell{padding-inline:max(12px,env(safe-area-inset-left))!important}.command-deck{display:grid!important;grid-template-columns:minmax(0,1fr)!important;padding:12px!important}.command-deck>.wheel{max-width:min(360px,100%)}.command-deck>.deck-side{grid-column:1!important;grid-row:3!important;padding:14px!important}.wheel-center strong{font-size:13px}.wheel-center span{display:none}.topbar .top-right{gap:8px}.topbar .official{display:none}.build-layout{grid-template-columns:1fr}.drip-grid{grid-template-columns:minmax(0,1fr)!important}.build-tabs{display:flex;flex-wrap:wrap;gap:6px}.build-tabs a{min-height:44px;padding:10px}.personal-area .profile-cover:after{display:none}input,select,textarea{font-size:16px!important}.nav .hub-link{font-size:12px;padding:10px;min-height:44px}.nav .brand span{display:none}}
@media(max-height:540px) and (orientation:landscape){.build-live-stage{height:70dvh;min-height:260px}.command-deck>.wheel{max-width:300px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important;scroll-snap-type:none!important}.ink-drop,.tattoo-word{animation:none!important}}
[data-mgz-motion=off] .ink-drop,[data-mgz-motion=off] .tattoo-word{animation:none!important}
.mgz-scroll-choice{display:grid;gap:8px;margin-top:12px;font-size:13px}.mgz-scroll-choice select{padding:10px;background:#16121c;color:#f6f0f7;border:1px solid #796482;border-radius:6px}.links a[aria-current=location]{color:#e9caff;text-decoration:underline;text-underline-offset:7px}.account-panel{max-height:calc(100dvh - 100px);overflow:auto;max-width:calc(100vw - 24px)}