.fleet-diorama{position:relative;width:100%;aspect-ratio:1.2;overflow:hidden;--diorama-background:#0b0b0b;background:var(--diorama-background);isolation:isolate}.fleet-diorama__canvas{position:absolute;inset:0}.fleet-diorama__canvas canvas{display:block;width:100%;height:100%}.fleet-diorama:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 49%,transparent 58%,var(--diorama-background) 98%)}.fleet-diorama__error{position:absolute;inset:30% 15%;z-index:1;color:var(--theme-text,#fff);font-size:16px;line-height:1.5}.fleet-diorama--fill{height:100%;aspect-ratio:auto;min-height:0}html:not(.dark) .fleet-diorama{--diorama-background:hsl(var(--theme-light-page,0 0% 97.3%))}